在這個「顏值至上」的時代,適時為網站添加清晰好看且主題相關的照片,不僅有助於提升介面的觀感,讓枯燥的文字內容變得有生命力,還可以提高網站可讀性,方便用戶更容易理解頁面內容。
然而,從SEO優化角度來說,儘管Google可以辨識圖片與影片,但更多是透過網頁或文章中的「文字關聯性」來判斷圖片背後的含義。因此,為圖片設置更準確的Image Alt,搜尋器就能更清楚該圖片跟什麼有關。
那麼,什麼是Image Alt?如何為圖片正確添加Alt Text?
▎ 什麼是Image Alt?
Image Alt(圖片替代文字)又稱為Alt描述、Alt屬性,是Image標籤常用的基本屬性之一,主要用來作為圖片的文字敘述。
Alt屬性的語法範例說明:
例如以下圖像的Alt屬性為「HTML中Alt是什麼意思」
HTML句式如下:
<img alt=”HTML中Alt是什麼意思” src=”URL” width=”×××” height=”×××” />
▎ 設置好Image Alt對網站SEO優化有什麼好處?
Alt Text最大的作用就是進行Image Search時,用戶經常會使用文字組合來尋找合適的圖片,因此為圖片設置Alt Text,有機會躋身於圖片搜索榜的前列,變相增加網站的曝光率以及點擊率。
除此之外,設置好Image Alt對網站SEO優化還有以下好處:
1.改善網站用戶體驗
用戶在瀏覽網站過程中難免會遇到突發狀況,例如圖片失效、用戶網速較慢、瀏覽器禁用圖片等因素而導致圖片無法正常顯示。
如果你早已為網站圖片設置Alt Text,這將彌補一部分閱讀體驗不佳的問題,引導用戶透過Image Alt Text的內容來理解圖片,從而將網站用戶體驗的傷害降到最低。
2.閱讀無障礙
所謂的無障礙設計,是指無論是年輕人、老年人還是殘疾人都可以平等地從互聯網上獲取資訊和服務,具體可拆分為視覺、聽覺、操作、認知以及言語交流的無障礙。
以視力障礙用戶群體而言,無障礙設計具體表現在「視覺」的表達上。為網站圖片設置相關的Alt Text內容,視力障礙用戶便可以透過JAWS或Orca等輔助工具更好地讀懂網頁內容,同時間接展現出品牌本身的細心與友善。
3.幫助搜尋器理解
儘管Google已經可以流暢地讀懂人類的常用字詞,但在圖片解讀上仍存在一定局限性,因此圖片沒有設置Alt Text,搜尋器爬蟲將難以理解圖片所包含的意義,間接影響網站在搜尋結果中的排名。
隨着搜尋結果變得愈來愈多元化,善用Image Alt Text並加入「合理的」關鍵字佈局,不僅有助於搜尋器理解圖片內容,還增加頁面主題的相關性,進而增加網站的搜索曝光!
▎如何為圖片正確添加Alt Text?
看到這裏,可能很多人會問:「怎樣的Alt Text才算是好的Alt Text?」
簡單來說,想要圖片成功被用戶搜索到,就必須先注意Alt Text的特性,即用精簡的文字,精準地描述這張圖片是跟什麼有關。
另外,為圖片添加Alt屬性時還需要注意以下幾點:
• 預想圖片無法正常顯示時,基於「想讓用戶知道圖片傳達什麼內容」的目的來撰寫ALt內容;
• 盡量使用簡短而精準的語言來解釋清楚圖片的內容,避免插入過多毫不相關的字詞;
• 在Alt標籤中適當增加目標關鍵字,有助於提升圖片與頁面主題的相關,間接幫助圖片和文章頁面獲得更好的排名;
• ALt標籤最忌諱就是使用關鍵字濫填,這種毫無意義的黑帽SEO手法,容易造成圖片和文字頁面都遭到搜尋器的懲罰;
• 避免將重要文字內嵌於圖片中,一來搜尋器爬蟲無法準確識別這些文字內容,二來並非所有用戶都能訪問這類文本,因此針對重要內容可以用文字,就盡量不用圖片;
• 為圖片創建良好的網址結構,同時避免使用中文命名圖片文檔名,以便搜尋器藉助網址路徑與文件名來理解圖片。
總的來說,隨着搜尋器愈來愈重視用戶體驗,如果想提升內容在搜尋器中的曝光度,以提供出色的用戶體驗為原則,往往比僅針對搜尋器進行SEO優化會更有效果,這一原則同樣適用於Image SEO優化中!