2020年9月21日 星期一

SEO教學開講5-圖片也要做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 結構話標記:這也是網頁上看不到、但卻是搜尋引擎爬蟲判斷網站內容的重要依據。

相關文章:

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

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

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

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

SEO教學大禮包1-讀懂他的心

SEO教學開講2-網頁快慢定生死

守護流浪貓的安全就靠人工智慧!(上)