圖片描述標籤(Img Alt)的SEO優化

Time:2018/10/01

圖片描述標籤 Img Alt 是什麼?


在HTML代碼中使用Alt 替代文字,也稱為“alt屬性”,“alt描述”, 

在這之前你可能也有聽過HTML img title這個名詞,那 img title 與 img alt 有麼差別呢?

這兩者主要差別在於"使用的目的與呈現效果",簡單來說 img title 是圖片標題,是類似網頁標題的意思,主要用來標明圖片的說明文字,當滑鼠移到圖片上就會自動顯示出來。

而 img alt 則是圖片的替代文字屬性 ( alt ) 是針對圖片的文字說明,指的是在圖片失效的時候所要呈現的文字,若圖片可以正常顯示,則 alt 就不會有任何的功能。

如果圖片無法順利載入 (遺失或錯誤的路徑) 或使用者選擇不查看圖片時,瀏覽器就會用替代文字取代原本的圖片。
替代文字可以對非文字性的內容提供文字敘述。當搜索引擎爬蟲讀取網頁內容時,無法理解每張圖片所代表的意義是什麼,因此就必需提供替代文字,以便於搜索引擎爬蟲能將圖片內容轉換成文字敘述。
替代文字為圖片提供了語義和描述,這些圖片可以被搜索引擎讀取,有助於網站優化。
在照片添加描述要以網頁可閱讀性為原則,再者可以讓使用螢幕閱讀器的視覺障礙用戶,使用來閱讀alt屬性,可以以更好地理解頁面圖片。


簡單說,圖片描述文字(alt),放置圖片的基本描述文字,供瀏覽器讀取,有助於搜尋引擎優化,但若在圖片的 alt 隨意塞入過多或完全不相關的文字,可能對搜尋引擎優化造成負面影響。

 

 

舉例:

 

此圖片alt可以這樣寫 → 一位男性,坐在電腦桌前面,右手拿手機正在講電話,左手正在鍵盤上打字

不建議寫成→辦公桌,辦公室,做事,工作,work

 

 

 

聯絡我們

電話:(02)8663-9590

專員:0983-316-190

信箱:shg4c209@gmail.com

臺北市文山區辛亥路四段128之11號9樓

(週一至週五 上午9:30~12:00 下午1:00~6:30)