2018年SEO八招在這(5)圖片的SEO優化

2018年SEO八招在這(5)圖片的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 結構話標記:這也是網頁上看不到、但卻是搜尋引擎爬蟲判斷網站內容的重要依據。

 

 

延伸閱讀:

GA的工作階段是什麼?讓這SEO課程娓娓道來!(下)

全球首台人工智慧貓砂盆上市!讓我們從貓便便開始把關!(上)

換臉人工智慧目前進程如何?迪士尼的技術到底多厲害?(上)

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

UI設計和UX設計,今天讓你一次搞懂!(4)兩者都需要研究驗證

人工智慧和人類真的會產生感情嗎?這部韓劇你不能錯過!

 這SEO課程,將告訴你GA的"工作階段"定義與範例!(上)

這個網誌中的熱門文章

Python控制結構一點就通!(5)while迴圈

前端工程師絕不能搞錯的CSS中:逗號.空格的差別!

網頁前端CSS必學兩屬性:display與visible