掌握SEO就靠這八章(五)圖片如何SEO?

掌握SEO就靠這八章(五)圖片如何SEO?
掌握SEO就靠這八章(五)圖片如何SEO?

想成為一名優秀的SEO優化人員就千萬不能錯過這八篇!!讀好讀滿絕對沒有錯!!(五)

圖片的 SEO 優化

一則消息如以下所示:

「約 810 萬 (3.3%) 的美國人處於視力受損或是色盲的狀態,他們可能依賴 3C 產品的螢幕放大或有聲閱讀功能了解螢幕顯示的內容…」

當有聲閱讀器讀出螢幕的內容時,遇到圖片,要如何閱讀?

這就是需要做圖片 SEO 的原因所在。遇到圖片時,這類螢幕閱讀功能就會讀出這張圖片對應到網頁 HTML 原始碼中,ALT 標籤內的文字。文字內容可能是「一隻貓的圖片」、或是「SEO 流程的示意圖」等等敘述圖片的內容。

可惜許多台灣的 SEO 優化師往往忽略了圖片 SEO 的步驟,都未給圖片 ALT 標籤內給予適當的敘述。

例如今天網站上有一隻暹羅貓的圖片,有兩種「ALT 標籤」如以下所示:

第一種是未經過 SEO 優化的 ALT,直接以圖片的編號撰寫,也是最常遇到的 ALT 標籤撰寫模式:

<img src="/siamese-cat.png" alt="pic_01"/>

第二種是經過 SEO 優化的 ALT,清楚描述圖片的內容撰寫:

<img src="/siamese-cat.png" alt="一隻暹羅貓的圖片"/>

當使用螢幕閱讀功能時,遇到上述第一種 ALT 標籤,該功能就會照字面朗讀出「pic_01」;若遇到上述第二種 ALT 標籤,該功能就會讀出「一隻暹羅貓的圖片」。

由以上例子可以發現,若 SEO 優化師能費些心思,在網站的圖片做 SEO 優化、幫圖片起個精準簡短的 ALT 名稱,是有助於提升使用者體驗的。當使用者體驗越好,自然排序就會越來越高。

這個 ALT 標籤,除了有益於使用者體驗之外,對 Google 搜尋引擎的爬蟲機器人爬取網站內容時也有助益。爬蟲能透過 ALT 標籤中的文字「判斷」圖片的內容,若 ALT 標籤中含特定的關鍵字時,也有助於讓網站在「GOOGLE 圖片搜尋」中的排序結果提升。

SEO 有許多像是圖片 ALT 文字、URL 文字等這些不起眼、但有優化空間的地方。若這些小細節都優化過了,相信網站會有一定的 SEO 優化成效。下一章「SEO 八部曲 6 – 結構化資料 SCHEMA 標記」,我們將探討 SCHEMA 結構話標記:這也是網頁上看不到、但卻是搜尋引擎爬蟲判斷網站內容的重要依據。

 

 

本系列文章下一篇請點掌握SEO就靠這八章(六)結構化資料SCHEMA標記

更多關於SEO或程式設計相關文章請點閱下方連結~

 

 

 

其他閱讀

白帽SEO、黑帽SEO,到底差在哪?

SEO必知!「長尾關鍵字」的定義與使用說明

RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止

為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂

UI設計網站30招不藏私,讓設計師超省力! ()

前端工程師也該要會的後端技能你不能不知!!

想要培養第二專長?學好UI設計開始精彩的斜槓人生!!

掌握SEO就靠這八章(四)URL網址也要SEO!!

掌握SEO就靠這八章(四)URL網址也要SEO!!
掌握SEO就靠這八章(四)URL網址也要SEO!!

想成為一名優秀的SEO優化人員就千萬不能錯過這八篇!!讀好讀滿絕對沒有錯!!(四)

何謂敘述性的 URL

看看下方的網址,你是否可在不點擊網址的前提下,單單從網址組成的英文或是數字上,猜出這是關於「SEO課程」還是「SEM課程」的網頁嗎?

yun.itheima.com/course/223.html

若你的回答是「yes」,也許你是有特異功能…光從「223」這數字就看出是 SEM 課程呢!

再看看下述的 URL 網址,你是否可以從網址組成的英文字,猜出這是關於「SEO課程」還是「SEM課程」嗎? (提示:看看URL的字尾)

tedu.tw/courses/internet-marketing/seo/

看出這是哪個課程了嗎? 沒錯!從 URL 的結尾 「/seo」 三個字,就可以猜出它是SEO 課程的網頁。

這種能讓使用者從字面上猜出網頁內容的網址,就稱為「敘述型 URL」

敘述性的 URL 對 SEO 的好處

因為敘述型的 URL 對使用者以及 GOOGLE 搜尋引擎的爬蟲機器人來說,很容易從 URL 字面上判斷該網頁的內容為何。所以敘述型的 URL 對 SEO 優化有利。

除了讓使用者易懂之外,你也可以在編輯 URL 時,插入指定的關鍵字!這對針對特定的關鍵字衝排名,是有優化也是有加分的效果喔!

但是若你今天所管理的網站,其 URL 結構不允許你編輯敘述性的 URL 時,也沒關係,因為 Google 的 John Mueller 曾經說過:「這在影響 (Google 的)排名上,佔了『很小的』因素」

只能說,若可以的話,就連 URL 一起優化。但是若不行的話,也沒關係。因為這對於 SEO 優化,頂多算是「附加的」因素之一。

保持 URL 的言簡意賅

另外,一定要記得,讓你的 URL 保持小而美的長度。別搞得太長

下面引用自 Ahrefs 官網的圖片,為SEO 優化工具領導廠商 Ahrefs 所做的研究,在 Google 搜尋引擎排名第一名的網站,其 URL 平均多低於 17 個半形字元。

另外太長的網址,在 Google 搜尋結果頁 (SERP) 上,後面的部分也會以「…」截掉,如下圖所示

總結:記住兩個原則

1.盡量使用敘述性 URL,並插入關鍵字;

2.保持你的 URL 在 17 個半形字元之內。

除了 URL 網址之外,網頁中的圖片也是可以做 SEO 優化的。請看下一篇:原來圖片也可以做 SEO 優化!

 

 

本系列文章下一篇請點掌握SEO就靠這八章(五)圖片如何SEO?

更多關於SEO或程式設計相關文章請點閱下方連結~

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

UI設計網站30招不藏私,讓設計師超省力! ()

前端工程師也該要會的後端技能你不能不知!!

想要培養第二專長?學好UI設計開始精彩的斜槓人生!!

掌握SEO就靠這八章(三)老套的META TAG還是要做!!

掌握SEO就靠這八章(三)老套的META TAG還是要做!!
掌握SEO就靠這八章(三)老套的META TAG還是要做!!

想成為一名優秀的SEO優化人員就千萬不能錯過這八篇!!讀好讀滿絕對沒有錯!!(三)

儘管依據 SEO 觀測工具領導品牌 Ahrefs 的文章顯示:策略性地將關鍵字在Title、Meta Description (Meta 描述) 是老方法,在今天的 SEO 世界裡,雖然這方法並非讓你網站排名突飛猛進的全部因素 (在2016年之前可能是),但在今天,這還是所有 SEO 優化眾多步驟中的必備因素之一。

原來,Title、Meta Description 都還是會顯現在 Google 搜尋結果上頭。舉例來說,有人想轉職程式設計師,於是在 Google 上搜尋是否有相關的程式設計課程。他輸入了關鍵字:Java 課程,有兩個搜尋結果吸引他的目光如下:

圖中的兩個搜尋結果都是 Java 課程,但是上面「台灣大學」的資訊沒有提到任何與「就業」有關的資訊;而下方某私立補習班的標題卻有「程式設計師培訓」;資訊有「結業即就業」、「媒合就業」等與就業有關的字眼。

因為這個人有求職的需求,而下方的搜尋結果描述比較符合這個人的需求,所以他就點擊了下方、而不是上方的搜尋結果。

這些會在搜尋結果上出現的字眼,就是在 HTML 的中繼標 META TAG 中設定!搜尋頁面會出現的標題,於「Page Title」中設定、內容描述的文字,於「Description」中。

PAGE TITLE SEO:小改變,讓名次改頭換面!

Page Title 對 SEO 優化來說,可說是最基要的第一步。

雖然大多數人瀏覽網頁很少看標題,但是標題對於 SEO 來說,卻是十分重要的元素!

PAGE TITLE 用處

  1. 告訴 Google 搜尋引擎你的網頁的重點為何並取得排名
  2. 提升搜尋結果的點擊率

由以上第一點來看,你的主要目標關鍵字必須要放在 Title 中,且要放在偏前方的位置,例如把目標關鍵字放在公司名稱前方。有些商家把自己公司的名稱放目標關鍵字的前面,可說是不利於 SEO 的。另外,不同的頁面必須要有不同的 Title,才能不會被 Google 誤判為重複的網頁。像是有些公司就忽略了修改 Title,而讓每頁的 Title 都相同,例如「Home」、「XX股份有限公司」等等,忽略了 Title 的重要性等於浪費了取得 Google 排名的大好機會!

關於以上第二點,因為你所設的 Page Title 名稱會顯示在搜尋結果頁面上,所以名稱除了要自帶目標關鍵字給 Google 的機器人「看」之外,還要給真人使用者看。所以 Page Title 越吸引人點閱,越能增加點擊率(CTR),而對網站排名有正面的影響

檢查一下,你網站每一個網頁的標題,尤其是前半部分,是否頁頁不同且夾帶目標關鍵字呢?若以上都符合,想像一下你在搜尋結果上看到了這一頁的 Page Title,是否有點進來的衝動?

範例

目標關鍵字:台北貓咪認養

<title>台北貓咪認養-米克斯貓,親人街貓,流浪貓免費愛心認養|達內貓中途</title>

▲Title 以及 Meta Description 是最先在 Google 搜訓結果頁(SERP)上看到的項目

頁面的重點關鍵字,最好在 TITLE 的前半段就出現。長度最好控制在 30 個全形字以內

META DESCRIPTION

DESCRIPTION 就是針對網頁內容做簡單的敘述。SEO 可以將此頁的主關鍵字與副關鍵字適時的插入在 META DESCRIP 敘述裡面。DESCRIPTION 字數也不宜超過 74 個全形字。

TITLE與DESCRIPTION:哪裡設定?

若你是使用 WordPress 等 CMS 或 Shopline 等套版網站,後台通常會有一塊專門的區域,方便SEO 自行設定。設定的位置依照各業者而有所不同,詳細請見他們的教學。

若不是使用上述的 CMS 或是套版網站,就要自行在網頁的 HTML 文本中寫入。寫入的位置在 head 之中。因此會一些 HTML 語法也是 SEO 的必備技能。

關鍵字除了出現在 網頁 HTML 的中繼標 TITLE 與 DESCRIPTION 之外,還可以出現在 URL 內,詳情請見此篇:SEO 八部曲 4 – 原來 URL 也可以做 SEO

 

 

本系列文章下一篇請點掌握SEO就靠這八章(四)URL網址也要SEO!!

更多關於SEO或程式設計相關文章請點閱下方連結~

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

UI設計網站30招不藏私,讓設計師超省力! ()

前端工程師也該要會的後端技能你不能不知!!

想要培養第二專長?學好UI設計開始精彩的斜槓人生!!

掌握SEO就靠這八章(二)你的網頁速度夠快嗎?

掌握SEO就靠這八章(二)你的網頁速度夠快嗎?
掌握SEO就靠這八章(二)你的網頁速度夠快嗎?

想成為一名優秀的SEO優化人員就千萬不能錯過這八篇!!讀好讀滿絕對沒有錯!!(二)

儘管依據 Ahrefs 在 2016 年的 Google 搜尋結果發現,網頁 loading 時間不一定跟 Google 排名成正比。但是根據 Google 的官方統計資料顯示,當一個網站的 loading 速度超過三秒時,有 53% 的使用者會跳出這個網頁。所以 SEO 應該盡量讓網頁 loading 的速度在 2 秒之內。

想想看,當你在 Google 搜尋結果頁面點進一個網頁,結果過了 3 秒還顯示不出內容。你是否會跳出並回到搜尋頁面,看另一個頁面呢?

其實不論你網頁做得如何美輪美奐、介面設計的多麼人性化、網頁內容多麼吸引人,只要網頁開啟的速度太慢,一切都歸零!過去曾經炫翻天的 Flash 網頁特效,因為會拖累網站的 loading 速度,所以現在可說是接近被淘汰的狀態。甚至 行動版裝置如 iPhone 與 Android 手機等都不支援 Flash。

身為網頁設計師或是 SEO 優化師的你,請快使用 Google 推出的網頁速度檢測工具 (連結) 來檢視自己的網站速度吧!

提升網頁載入速度的作法有很多,例如減少 request 數量、最佳化圖片大小、整合多個 CSS 檔案等,技術難易度不一。而比較簡單的作法,歸納如以下兩項:

批次減少圖片大小

上傳圖片至網站之前,請減少圖片的大小。例如:當你的網站是使用 WordPress 來架站時,可使用外掛 (如Shortpixel) 來壓縮圖片大小

精簡 HTML 文本

除了壓縮圖片大小之外,也請精簡 HTML 的編碼。很多時候精簡的編碼跟一長串的編碼,呈現的效果樣式是一樣的。所以請盡可能精簡 HTML 編碼。

以上介紹最簡單的加快網站 loading 速度的方法。站內 SEO 除了加快網站的速度之外,最基本、最直接會顯現在 GOOGLE 搜尋結果頁的正標副標更要優化。方法請見這篇:2018 後的 SEO 八部曲 3 – 老套的META TAG還是要做

 

 

本系列文章下一篇請點掌握SEO就靠這八章(三)老套的META TAG還是要做!!

更多關於SEO或程式設計相關文章請點閱下方連結~

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

UI設計網站30招不藏私,讓設計師超省力! ()

前端工程師也該要會的後端技能你不能不知!!

想要培養第二專長?學好UI設計開始精彩的斜槓人生!!

掌握SEO就靠這八章(一)你的使用者是誰?

掌握SEO就靠這八章(一)你的使用者是誰?
掌握SEO就靠這八章(一)你的使用者是誰?

想成為一名優秀的SEO優化人員就千萬不能錯過這八篇!!讀好讀滿絕對沒有錯!!(一)

「要是你連選手的身分都不是,就別想贏得這場比賽!」

這跟 SEO 優化有何關係? 拿籃球來做比喻好了。小明身高只有 158 公分,想成為 NBA 籃球選手。現在他心裡只專注在自己想成為籃球選手的渴望,憑著「Just Do It」這句標語,他開始努力的練習籃球技巧。

但是無論他多麼努力的練習,「最佳化」自己的籃球技巧,其他人高馬大的球員就是比他高過多個頭,小明就是只有被蓋火鍋的分。當然籃球教練不可能挑選他上場,更不用說是贏得比賽了。因為小明根本就不是打籃球的料。

「小明」+「籃球」=「不搭」

而在 SEO 的世界中,「小明」就好比你的網站、「籃球教練」就好比 Google 針對某個特定關鍵字的搜尋結果,但是你個網站不是搜尋這個關鍵字的使用者想看的網站,所以你的網站可能連被這個關鍵字收錄的機會都沒有,更別說是「贏得比賽 (排序在這個關鍵字搜尋結果的第一頁)」了。

SEO 優化師們要如何尋找搜尋者想要看的網頁呢?

舉例來說,今天你是運動補給品廠商。你希望使用者輸入關鍵字「買 BCAA」,就能馬上搜尋到你的網站。那你準備要優化的網頁,是單一的產品介紹網頁、還是委託其他店商販售你家產品的分類頁面、或是介紹 BCAA 用途的教學網頁、還是自己官網的部落格?

你搜尋了關鍵字「買 BCAA」,結果如下圖:

你發現:電商網站的商品分類頁佔了 4 頁、知識型的部落格網站佔了 3 頁、論壇有 2 頁。所以會想買 BCAA 的人大部分會想從多個購物網站進行多品牌比較,更勝於指定單一品牌的產品。

由此可以觀察出:BCAA 的目標客戶(TA)是比較沒有品牌忠誠度的。他們常會在 momo、蝦皮、露天、PChome、Yahoo 等網路購物電商平台上做多品牌的比較。

此時,SEO 優化策略的第一順位,就是針對提供給這些電商網站的文圖,做內容型的 SEO 優化。這意味者你們的行銷團隊必須寫出更吸引人的文案、標題等以及更吸引人的圖片,以讓產品在眾多同業的產品之中勝出。

你也可以參考同業當中最暢銷的品牌,他的定價策略與文案風格來優化整個產品的銷售策略──這時就不只是 SEO 的工作了。

另外,因為知識型的部落格網站也佔了許多位置。此時商家可以考慮跟這些部落格的寫手合作,讓這些 KOL 願意把你的產品寫入他們的部落格網站內,再貼上你網站的購買頁面連結。藉由他們的高人氣,引導眾多導訪客到你家的購買頁面下單。你的產品與網站就在這些名列前茅的部落格網站曝光了。你公司的官網 URL 也會因為被這些高權重的網站曝光,而拉抬你官網的權重。

以上所舉的例子,只是一種產品的狀況,並不代表所有關鍵字對應到的的產品/服務都如此。因此 SEO 在擬定優化策略前,可以從搜尋排名得知 TA 的輪廓,並針對 TA 的搜尋習慣來訂定 SEO 計畫。像是一些比較區域性的產品或服務(例如:駕訓班、搬家公司等),SEO 策略就可以走 Local SEO,針對會出現在 Google 地圖上的一切做優化等等。

要使用何種方式做 SEO 優化,沒有固定的答案。因此 SEO 需要強大的變通能力。

雖然 SEO 沒有標準的 SOP,但是針對單一網站的站內 SEO,還是有一些基本的原則可遵守。像是提升網頁的 loading 速度,詳情請見此篇:2018 後的 SEO 八部曲 2-你的網頁夠快嗎?

 

 

本系列文章下一篇請點掌握SEO就靠這八章(二)你的網頁速度夠快嗎?

更多關於SEO或程式設計相關文章請點閱下方連結~

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

UI設計網站30招不藏私,讓設計師超省力! ()

前端工程師也該要會的後端技能你不能不知!!

想要培養第二專長?學好UI設計開始精彩的斜槓人生!!

谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(下)

谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(下)
谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(下)

谷哥地圖這次利用人工智慧讓軟體全面升級啦!!還可以進一步預測可能發生的塞車潮喔!!一起來看看吧!!(下)

本篇為上篇,下篇請點此谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(上)

圖像神經網路將道路視為一個圖形,路線對應節點(nodes),而邊線位於「連續道路」和「通過交叉路口連接的道路」之間。路段實際上是與交通密度成比例地、隨機採樣的道路子圖(subgraph),並通過訊息傳遞演算(message-passing algorithm)計算邊緣與節點之間的相互影響。

每個路段的長度和複雜度都有所不同,從兩條道路到包含數百個節點的路線都有。DeepMind 表示,將相鄰道路之間的交互關係納入考量後,也使得預測準度有所提升:「例如我們思考一條小巷的堵塞如果溢出,將如何影響主幹道的交通」。

▲ Google 地圖人工智慧分析計算道路交通之演算法示意圖。

 

DeepMind 也表示,在訓練時自動調整學習率,該模型不僅可以達到更高的成效,還能自動調整學習率,獲得更穩定的結果。

除了新模型,Google 地圖也一併考慮其他因素:如道路速限、道路面積、道路品質(如礫石地、柏油或泥地)、道路施工、天候氣象(如下雪、下暴雨或土石流等)、使用者回報的交通事故、封路、出現彎道或紅綠燈路口的頻率等等,以及因應新型冠狀病毒疫情隨之而來的交通管制。

疫情之下 Google 地圖受到的沖擊

Google 表示疫情爆發後,全球路上交通流量減少了 50 %,隨著疫情持續,仍有不少地區維持交通管制。

這種影響範圍擴及全球的特殊狀況下,為了不讓預測失準,AI 會自動優先考量近期的車流量記錄,將更早之前的車流量模式列為次要考量,讓導航結果的預計抵達時間更為精準。

這次事件展現出 Google 地圖與現實世界有多麼息息相關。Google 執行副總裁 Jen Fitzpatrick 也親自撰文表示,他們將會推動 Google 地圖發展新的技術,因為世界不斷在變化──公車班次的增減、新的道路被開拓、自然災害永久地改變通行路線等等。「這就是為什麼地圖需要更新、確保全面性和準確性的原因。人工智慧的重大突破改變了我們製作的地圖方法,也讓我們能將高品質地圖更快地帶到了世界各個角落。」

除了導航之外 其他有賴人工智慧的地圖功能

除了導航功能之外,其實 Google 地圖還有許多實用的功能都是靠人工智慧完成。

如 Google 曾公開他們如何利用深度神經網路,自動且準確地辨識街道名稱、模糊人臉與車牌。在自然場景中由於視覺偽影,如失真、閉塞、定向模糊、雜亂的背景或不同的角度等狀況,讓傳統的光學字符識別(OCR)難以完成辨識。

而為了保護用戶的隱私,Google 團隊致力於解決這一問題,使用神經網路自動模糊了街景圖像中的人臉和車牌,而經過足夠的標記數據訓練後,AI 也能自動升級 Google 地圖相關的最新信息。

另一應用在於描繪地圖上代表建築的幾何陰影。Google 利用了多層次技術,第一層人工智慧負責從衛星照片中辨識出建築物;第二層的人工智慧負責分辨建築物的輪廓,並去除四周雜物;第三層則是根據輪廓來描繪出最有可能的建築物狀態。這套系統從 2018 開始,已經繪製了超過 1 億個新建築到 Google 地圖上了。

這套系統在低度開發國家尤有效用,在政府資訊難以取得的國度,Google 團隊利用衛星圖和街景的影像,繪製出了奈及利亞大城市拉哥斯(Lagos)的地圖,填入了 20,000 條街道名稱、50,000 個新地址、與 100,000 間新商家的資訊。

像繪製地圖這樣巨量又繁瑣的工作,果然還是得靠AI的協助才有可能完成的呢。

 

 

更多關於人工智慧的相關文章請點閱下方連結~

 

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧貓砂盆問世!!全面掌控愛貓健康!!(1)

人工智慧只是冰冷的機器?四個暖心家庭案例翻轉你印象!!()

人工智慧這次挑戰歌詞創作,向經典重金屬樂團致敬~

谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(上)

谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(上)
谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(上)

谷哥地圖這次利用人工智慧讓軟體全面升級啦!!還可以進一步預測可能發生的塞車潮喔!!一起來看看吧!!(上)

新冠疫情爆發,導致全球交通運輸模式受到影響。各種交通管制、居家隔離甚至是封城 等措施,使全世界車流量大幅減少。

為了因應全球範圍的交通模式改變,Google 近日表示,將與 DeepMind 攜手運用人工智慧技術, 強化路途預定到達時間預測(ETA),甚至能還沒發生塞車,就先預測你會不會受影響。

Google 地圖的導航功能一直備受大眾喜愛,近年隨著行動裝置的普及與網路速度的提升 ,有越來越多民眾不另外裝載車用衛星導航、而直接使用 Google 地圖作為外出行車的主要 導引,更是讓 Google 地圖與人們的生活更加緊密。

至於 Google 是怎麼做到導航、判斷車流量與偵測交通阻塞的呢?背後還是有賴人工智慧的幫 助!

不只靠公開資料分析 每個使用者都能回傳位置資訊

有些導航服務是根據政府提供之公開資料來計算車流量,而 Google 地圖的優勢在於── 眾多的使用者。

Google 地圖全球每日用戶超過 10 億人,每個使用者進行導航時都能匿名傳回位置資訊, 計算這些資訊就能統計出當前的道路狀況,以此分析出道路的車流量、是否有交通堵塞等等 ,並即時在導航結果中呈現。

▲ 圖片來源:The Keyword | Google

 

Google 地圖使用路上行人、行車中的地點資料來顯示當下路況,這種模式雖然簡單好用,但如果要進一步預測未來 10、20 分鐘,甚至一個小時之後的路況,或要提供預定到達時間(Estimated Time of Arrival,ETA),就必須將既有歷史交通數據、即時車流量的改變情況,配合AI人工智慧進行分析預測。

與DeepMind合作人工智慧技術 強化路況預測能力

為了強化路況預測能力,Google 宣布將與 Alphabet 旗下的人工智慧研究公司「DeepMind」合作,更新 Google 地圖的演算法。

Google 表示,新的預測模型將加權過去 2 到 4 週的歷史資料,而越舊的資料權重會越低;並稱 Google 地圖的 ETA 預測在 97 %以上的旅程都有穩定準確率,而與 DeepMind 的合作能使準確率更加提升。

Google 地圖採用名為圖像神經網路(Graph Neural Networks,GNNs)的機器學習架構,大幅降低預測失準率,在柏林、雪梨、東京及華盛頓特區等等交通繁忙的地區,依然能維持精準的預測率,讓使用者能在出發前更方便規劃行程。

▲ Google 不斷提升世界各地之 ETA 預測精準度,圖可見「台中市」提升高達 51 %。圖片來源:VentureBeat

 

Google 地圖將錯綜複雜的道路網路劃分為一個個「路段」(segments),各個路段皆包含大量的交通流量資料,並能彼此共享;AI 分析這些巨量的資料,再通過圖像神經網路模型預測每個路段的行駛時間。

 

 

本篇為上篇,下篇請點此谷哥地圖利用人工智慧大升級!!預測路況不是夢!!(下)

更多關於人工智慧的相關文章請點閱下方連結~

 

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧貓砂盆問世!!全面掌控愛貓健康!!(1)

人工智慧只是冰冷的機器?四個暖心家庭案例翻轉你印象!!()

人工智慧這次挑戰歌詞創作,向經典重金屬樂團致敬~

暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(下)

暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(下)
暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(下)

人工智慧這次又要來造福貓咪惹~這次是照顧無家可歸的流浪貓~一起來看看是個怎麼樣的造福法吧!!(下)

本篇為下篇,上篇請點此暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(上)

病貓、絕育貓識別系統



人工智慧能辨別病貓,可在 0.3 秒內分辨四種常見浪貓疾病並通知志工。

 

人工智慧鏡頭掃瞄貓臉開門時,也會即時啟動病貓暨絕育貓識別功能。人工智慧能檢測 4 種常見的貓咪疾病:包含貓口炎、傳染性貓鼻氣管炎 (俗稱「貓感冒」) 、皮膚病、外傷),並且透過流浪貓耳上的標籤,300 毫秒內判斷是否已絕育。

如果發現進入庇護所的新貓隻沒有絕育或有傷病時,系統會主動通知管理的志工,帶貓隻就醫。



▲ 在掃描貓臉的同時時,人工智慧能辨別貓咪是否生病或結紮。

 

人工智慧溫控與空調系統

▲流浪貓在寒冷的冬天,會因為碗裡的水結凍而無法喝水。因此整個貓窩的溫度,均保持在27度左右,為貓咪體感溫度的最佳狀態。

 

人工智慧能偵測貓窩中溫度與空氣,並自動調節至最佳狀態。

 

AI人工智慧貓窩內裝有溫濕度傳感器,並可藉由行動裝置來控制。當貓窩內溫濕平衡出現異常時,AI智能恆溫系統會自動調節至平衡。

人工智慧溫濕度傳感器能偵測貓窩中溫溼度並自動調節,或是藉由行動裝置來人工控制。

 

貓窩是一個相對密閉、狹小的空間,而「人工智慧新風系統」會對貓窩氧氣、二氧化碳的濃度進行實時監測和分析,並適時給貓窩換氣,以保持貓窩室內的空氣清新

人工智慧新風系統能偵測氧氣、二氧化碳的濃度,並適時換氣。

 

▲ 人工智慧恆溫系統能偵測冷暖乾溼變化

 

研發工程師晚兮在視頻中表示:「熱愛的事情不應該只是隨便說說,能用我寫的代碼為我身邊的人和事物帶來一些改變,這已經足夠讓人興奮了。」。下面的影片為兩位「貓窩推手」的防談,一個為動物救援專家、另一為百度 AI 工程師晚兮。看著這兩個充滿愛心、幹勁又有專業知識的年輕人,為了讓浪貓在寒冬中得以存活、溫飽,而將自身的能力奉獻出來,你的心是否也感動了起來?真的實現了「科技始終來自於人性」!

 

 

暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(上)

暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(上)
暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(上)

人工智慧這次又要來造福貓咪惹~這次是照顧無家可歸的流浪貓~一起來看看是個怎麼樣的造福法吧!!(上)

浪貓冬天存活率僅四成!工程師決定建構AI貓窩

冬天的嚴寒夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活……

▲ 只有 4 成的浪貓能活著度過大陸的寒冬。

 

百度一名筆名為「晚兮」的工程師,於某個冬天看見一隻小流浪貓縮在車子的輪圈旁取暖。「晚兮」意識到牠們岌岌可危的生存困境,決定善用自己的人工智慧專業,並聯合其他愛貓志工,研發「AI 貓咪庇護所」。

人工智慧貓窩導入的 AI 模型 EasyDL,是百度推出的客製化 AI 訓練暨服務平臺。透過 EasyDL,團隊透過 EasyDL 建立「貓臉掃描門禁系統」並讓貓窩能恆溫通風。貓窩能自動提供食物、水,還可透過 AI 技術偵測出貓咪是否已絕育、生病受傷等,即時給予適當協助。目前已有一批浪貓入住。

冬天的嚴寒夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活……

▲ 百度人工智慧貓窩設計草圖。

 

人工智慧貓窩導入 AI 模型 EasyDL,是為定制化訓練及服務平台建立了可掃描貓臉而開門、恆溫通風的 AI 人工智慧貓窩,可提供浪貓所需的食物、水,還可透過 AI人工智慧的技術偵測出貓咪是否絕育或生病、受傷,以便即時給予協助。目前已有一批浪浪貓入住。

▲ 目前已有一批浪浪貓入住人工智慧貓窩

 

人工智慧貓窩的功能詳列如下:

貓臉門禁系統 其他動物止步

▲ 貓臉門禁系統:導入人工智慧的鏡頭可辨識 174 種品種的貓,掃描後確認是「貓」才會開門。

 

為配合貓咪晚上活動的習性,貓窩設置的雙自動門配備具紅外線夜視功能的攝影鏡頭,一旦有貓靠近,第一道門先開啟,所以就算伸手不見五指的晚上,門禁系統也能也能照常為浪貓們開門。

▲ 配備人工智慧的貓臉辨識鏡頭,運作時會掃描貓臉

 

安全感不足的浪貓,防衛心大多很重。因此在貓咪進入第一道門後,第二道門就會自動開啟,直到貓咪完全進入室內,第二道門才會關上。這樣貓咪才房卸下心防、無掛慮的入住。透過百度大腦開放的動物識別技術,貓臉門禁系統可識別 174 種不同種類的貓,有效阻止流浪狗及其他動物進入,保護流浪貓不受其他動物侵擾。

 

 

本篇為上篇,下篇請點此暖心貓奴工程師開發人工智慧貓咪庇護所,給流浪貓一個家~(下)

更多人工智慧相關文章請點閱下方連結~

 

 

 

 

其他閱讀

UI/UX 設計工作完整剖析

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧貓砂盆問世!!全面掌控愛貓健康!!(1)

人工智慧只是冰冷的機器?四個暖心家庭案例翻轉你印象!!()

人工智慧這次挑戰歌詞創作,向經典重金屬樂團致敬~

 

UX,UI設計大解析:怎麼讓UX,UI相輔相成?

UX,UI設計大解析:怎麼讓UX,UI相輔相成?
UX,UI設計大解析:怎麼讓UX,UI相輔相成?

對UX設計和UI設計感興趣嗎?那千萬不能錯過這一系列文章!!系列最後一篇~怎麼讓UX,UI相輔相成?一定要知道~

本篇為【UX,UI設計大解析】系列的第 5 篇,完整連結如下:
UX,UI設計大解析:UX,UI不再傻傻分不清!!
UX,UI設計大解析:UI設計的優點有哪些?!
UX,UI設計大解析:UX設計的優點有哪些?!
UX,UI設計大解析:UX,UI都需要研究驗證?!
UX,UI設計大解析:怎麼讓UX,UI相輔相成?

結語:如何讓 UI/UX 相得益彰?

即使 UI 設計UX 設計是截然不同的專業、各自涉及迥異的技能,但它們都是彼此不可或缺的存在。

即使有精雕細琢的介面設計,也無法掩飾笨拙又難用的操作流程;而枯燥乏味的視覺設計也會無法吸引使用者、從而埋沒了出色的使用體驗。

UI 設計師確立使用者介面的外觀,而 UX 設計師安排使用者介面的運作。在 UX 設計師在鑽研如何用有限的篇幅、提供使用者最多又不會過多的資訊時,UI 設計師正在努力讓這些繁雜的訊息精美地呈現在螢幕上。這是一個非常需要合作的過程,也有賴雙方緊密且良好的溝通。

以行動號召按鈕(Call to Action,CTA)為例,看 UX 與 UI 的分工:

1.UX 設計

提出需要多增加一個按鈕、為何如此能讓使用者滿意、決定如何重新安放所有按鈕。

2.UI 設計

設計新按鈕的外觀,而其他按鈕也可能受影響而需重新調整如形狀、顏色、大小、特效等外觀。

3.UI、UX 設計師重疊的互動設計

當使用者點下按鈕後將會導向某個頁面,UI 著重在按鈕外觀的能見度與視覺導引;而 UX 則著重在導向的網頁是否能滿足使用者的期待。

如此這般,UI 設計UX 設計師需要不斷地溝通協作,才能確保彼此的設計都能完美執行、與使用者的期望完美地吻合,最終創造出優秀的使用者介面與體驗。

如果你正在規劃要朝 UI 還是 UX 領域邁進,那麼最重要的還是思考自己對哪種設計類型感興趣。如果還不熟悉設計領域,建議這兩個方面都可以嘗試一下,有了在這兩個領域的實際經驗,不僅可以更了解自己適合哪個領域,也可以使你無論最後選擇哪一個,都能成為更好的設計師!

 

 

更多UI設計相關文章請點閱下方連結~

 

 

 

其他閱讀

美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?

人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品

30個方法教你如何用A/B測試改善網站的UI設計!!(1)

AI人工智慧命名大走鐘:甜點篇

學Python課程找好工作:品保花了一年順利轉職程式設計師!!