替代文本 – 也稱為替代描述、替代標(biāo)簽或替代屬性，是屏幕閱讀器閱讀的網(wǎng)頁(yè)圖像中附帶的書(shū)面文本。

alt 標(biāo)簽是 HTML 中 img 標(biāo)簽的一個(gè)屬性。雖然 alt 屬性不是必需的，但出于可訪問(wèn)性目的，強(qiáng)烈建議使用它。

文字有助于視障用戶理解您網(wǎng)頁(yè)上的圖像，并且可能被 Google 的排名算法視為高質(zhì)量網(wǎng)頁(yè)的特征。

這是 alt 屬性如何出現(xiàn)在 HTML 中的 img 標(biāo)記中的示例。

<img src=”image.jpg” alt=”圖像描述” title=”圖像工具提示”>

src 屬性是圖像的文件路徑。alt 屬性是屏幕閱讀器在輔助瀏覽器上閱讀的替代文本。title 屬性是當(dāng)鼠標(biāo)懸停在圖像上時(shí)出現(xiàn)在工具提示中的文本。

當(dāng)圖像加載延遲或加載失敗時(shí)，alt 屬性文本可能會(huì)在圖像應(yīng)位于的網(wǎng)頁(yè)中可見(jiàn)。

這是一個(gè)視頻，解釋了 alt 屬性文本的一些最佳實(shí)踐。

為什么要添加 Alt 屬性文本？

無(wú)論您是否執(zhí)行 SEO，都必須優(yōu)化您網(wǎng)站上的 alt 屬性文本，因?yàn)檫@可以為訪問(wèn)該網(wǎng)站的人創(chuàng)造更好的用戶體驗(yàn)。向圖像添加替代文本可以鼓勵(lì)人們閱讀您的內(nèi)容，提高消息的權(quán)威性，提高有機(jī)流量和圖像搜索結(jié)果中的排名。

Google 的質(zhì)量評(píng)估指南指出，

“對(duì)于所有類(lèi)型的網(wǎng)頁(yè)，創(chuàng)建高質(zhì)量的 MC [主要內(nèi)容] 至少需要以下一項(xiàng)：時(shí)間、精力、專(zhuān)業(yè)知識(shí)和才能/技能?！?/span>

雖然這里沒(méi)有明確說(shuō)明在所有圖像標(biāo)簽的 alt 屬性中添加文本是高頁(yè)面質(zhì)量的標(biāo)志，但軼事證據(jù)表明情況確實(shí)如此。

增強(qiáng)頁(yè)面內(nèi)容的上下文圖像還應(yīng)包含替代文本，以使網(wǎng)站易于訪問(wèn)。總之，替代文本描述了圖像上的內(nèi)容及其在頁(yè)面上的用途。

定義圖像屬性

考慮以下 HTML 圖像標(biāo)記。

<img src=”image.jpg” alt=”圖像描述” title=”圖像工具提示”>

雖然 alt 和 title 圖像屬性通常稱為 alt 標(biāo)簽和標(biāo)題文本，但它們不是標(biāo)簽，而是 img 標(biāo)簽的屬性。替代文本定義圖像的用途（描述和目的）。alt 屬性使視障屏幕用戶能夠通過(guò)閱讀來(lái)破譯上下文。title 屬性雖然不是必需的，但會(huì)在用戶將鼠標(biāo)懸停在圖像元素上時(shí)顯示工具提示。

每個(gè)圖像都應(yīng)包含替代文本，不僅用于 SEO 目的，而且便于訪問(wèn)。視障人士看不懂圖片內(nèi)容；因此標(biāo)題標(biāo)簽不是必需的。它適用于使用鼠標(biāo)或其他定位設(shè)備的人。

呈現(xiàn) HTML 圖像不需要標(biāo)題標(biāo)簽。但是，如果標(biāo)題標(biāo)簽用關(guān)鍵字傳遞相關(guān)信息，請(qǐng)以純文本或其他方式整合信息。

*如果圖像不用于任何目的而純粹是為了設(shè)計(jì)目的而存在，則該圖像應(yīng)位于您網(wǎng)站的 CSS 而不是 HTML 中。在 WordPress 中，將位于圖像設(shè)置中的標(biāo)記為“替代文本”的字段留空。

Alt 屬性的推薦做法

以下是 HTML 中推薦的替代文本示例。

<img src=”puppy-playing.jpg” alt=”可愛(ài)的小狗玩接球” />

替代文本位于 img 標(biāo)簽的 alt=”” 屬性內(nèi)。

該示例強(qiáng)調(diào)了在使用圖像時(shí)選擇正確文件名的必要性。谷歌試圖在不看圖像的情況下理解圖像的用途。實(shí)現(xiàn)這一目標(biāo)需要使用與內(nèi)容相關(guān)的焦點(diǎn)關(guān)鍵詞來(lái)命名圖像文件。

避免關(guān)鍵字堆砌，因?yàn)檫@會(huì)影響用戶體驗(yàn)并使您的網(wǎng)站暴露于垃圾郵件標(biāo)簽。相反，盡可能簡(jiǎn)單地描述圖像中發(fā)生的事情。

替代文字、圖像和 SEO

谷歌關(guān)于圖像最佳實(shí)踐的指南指導(dǎo)網(wǎng)頁(yè)中的圖像“使用描述性替代文本”。這充分說(shuō)明了 alt 屬性文本的價(jià)值。Google 應(yīng)用替代文本來(lái)確定圖像內(nèi)容及其在所顯示內(nèi)容中的上下文。

加載速度是 SEO 和用戶體驗(yàn) (UX) 不可或缺的要素。圖片會(huì)極大地影響加載速度。建議在不影響圖像質(zhì)量的情況下使用調(diào)整大小的圖像。較大的圖像會(huì)影響加載速度，從而降低您網(wǎng)站的響應(yīng)速度。

盡管建議在您的內(nèi)容中使用最接近相關(guān)內(nèi)容的圖像，但谷歌在識(shí)別圖像方面做得越來(lái)越好。圖片對(duì)用戶和谷歌的效用取決于圍繞它的消息相關(guān)性。此外，在優(yōu)化的網(wǎng)站中謹(jǐn)慎使用圖像。

結(jié)構(gòu)化數(shù)據(jù)和圖像

集成結(jié)構(gòu)化數(shù)據(jù)——描述一個(gè)網(wǎng)站以使搜索引擎更容易理解——增加了你的內(nèi)容被搜索引擎指定為豐富結(jié)果的機(jī)會(huì)。谷歌表示，結(jié)構(gòu)化數(shù)據(jù)不會(huì)提高排名，但有助于幫助算法理解圖像結(jié)果中的列表。

在此處閱讀有關(guān) Google 關(guān)于結(jié)構(gòu)化數(shù)據(jù)指南的政策的更多信息。

圖像搜索引擎優(yōu)化：最佳實(shí)踐清單

• 在所有圖像上使用相關(guān)的 alt 屬性文本
• 確保您的替代文字描述了圖像，而不是簡(jiǎn)單地填充關(guān)鍵字
• 為圖像選擇一個(gè)合適的文件名
• 確保圖像大小和圖像尺寸匹配
• 減小圖像大小以提高加載速度
• 在適合添加上下文時(shí)添加適當(dāng)?shù)膱D像標(biāo)題
• 圖像中的標(biāo)題屬性文本不是必需的，但會(huì)在鼠標(biāo)懸停時(shí)提供工具提示文本
• 在可能的情況下，將結(jié)構(gòu)化數(shù)據(jù)添加到圖像中
• 優(yōu)化所有圖像的上下文。圖像應(yīng)該為網(wǎng)頁(yè)的主要內(nèi)容添加上下文。