Menu

網站知識web news

貝爾網站專業網頁設計一頁式購物型網站作品實績

網站設計的圖片(alt)- Alt描述


網站設計的圖片(alt)- Alt描述

好的Alt替代文字能幫助搜尋引擎辨別圖片所代表的意思是什麼,因此撰寫Alt替代文字是SEO優化很重要的一環什麼是ALT?

在HTML代碼中使用ALT(替代文字),可以稱為"ALT屬性"、"ALT描述" ,主要用來作為圖片的文字敘述,當圖片無法正常載入時,就顯示該圖片的ALT敘述,來替代未載入的圖片。

alt描述的使用

  • 1.我們在照片添加加入ALT的描述以網頁可閱讀性為原則,讓使用螢幕閱讀器的視覺障礙用戶,使用來閱讀alt屬性,也可更好地理解頁面圖片。
  • 2.當無法下載圖片檔案,Alt標籤將會顯示在圖片的位置。
  • 3. 搜索引擎爬蟲 " Alt標籤 " 為提供更好的圖片上下文/描述,幫助他們正確地索引圖片。

好的寫法

<img src="web-design.jpeg" alt="web-design">

以下是不建議的寫法:

<img src="web-design.jpeg" alt="">

<img src="999.jpeg" alt="">

<img src="web-design.jpeg" alt="web-design web-design web-design">

為什麼Alt替代文字很重要?

Alt替代文字是網頁設計當中可訪問性的宗旨,當圖片未正確載入圖片使用者可透過Alt替代文字,了解該圖片所表達的意義

相關連結

聯絡電話
貝爾網站客服