WEB1009 - <img> 或 <area> 標籤沒有包含文字的 'alt' 屬性
每個 <img>
標籤都應具有包含文字的 alt 屬性。
說明
影像地圖的每個 <img>
和 <area>
標籤都應包含 alt 屬性,以 150 個以內的字元描述影像。
詳細資料
搜尋引擎只能解譯及評估文字和連結,無法解譯影像檔。搜尋引擎會使用 <img>
標籤中的 alt 屬性文字作為影像檔的補充資訊。此外,視障語音閱讀器也會使用 alt 屬性文字。
將相關文字放在 alt 屬性開頭附近,可以讓搜尋引擎更方便將關鍵字與影像相互關聯。請考慮使用可描述且與影像相關的關鍵字。簡短的 alt 屬性文字可提高網頁的相關性排名。
如需有關自訂 SEO 檢查程式中規則參數的詳細資訊,請參閱自訂 SEO 規則 。
範例
以下是 <img>
和 <area>
標籤中格式正確的 alt 屬性範例。
<img src="https://www.proseware.com/images/reader_in_action.png"
alt="A computer screen showing the Proseware reader in operation. Image copyright (c) 2009.">
<img src ="menu.gif" width="300" height="120" alt="Planets" usemap="#menumap" />
<map name="menumap">
<area shape="rect" coords="0,0,99,120" href="index.html" alt="Home" />
<area shape="rect" coords="100,0,199,120" href="products.htm" alt="Products" />
<area shape="rect" coords="200,0,300,120" href="about.htm" alt="About Us" />
</map>