close

天龍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設計開始精彩的斜槓人生!!

arrow
arrow
    創作者介紹
    創作者 Java瑪奇朵 的頭像
    Java瑪奇朵

    Java瑪奇朵-非本科系的IT吃喝電玩日誌

    Java瑪奇朵 發表在 痞客邦 留言(0) 人氣()