在文章中添加圖片可以鼓勵人們閱讀。精心挑選的圖片還能提高閱讀體驗(yàn)，在圖片搜索結(jié)果中獲得好的排名。但是，您應(yīng)該始終記住為圖像提供良好的ALT屬性：可選文本可以通過搜索引擎蜘蛛增強(qiáng)文章的信息并提高網(wǎng)站的可訪問性。本文涵蓋了ALT和title屬性的所有內(nèi)容，以及為什么應(yīng)該對它們進(jìn)行優(yōu)化。

注意：術(shù)語“ALT tag”是IMG標(biāo)記上的ALT屬性。網(wǎng)站上任何圖片的alt屬性都應(yīng)該描述內(nèi)容。使您的圖像更易于使用。

在我們深入之前，如果你想了解更多關(guān)于圖像搜索引擎優(yōu)化和其他基本搜索引擎優(yōu)化技能，請查看我們的全面搜索引擎優(yōu)化教程！它不僅告訴你關(guān)于搜索引擎優(yōu)化，而且還確保你知道如何將這些技能付諸實(shí)踐！

這是一個完整的HTML圖像標(biāo)記：

圖像的ALT和title屬性通常稱為ALT標(biāo)記和title標(biāo)記，盡管技術(shù)上它們不是標(biāo)記。替換文本描述圖像上的內(nèi)容和頁面上圖像的功能。因此，如果使用圖片作為購買產(chǎn)品X的按鈕，則替換文本應(yīng)為：“購買產(chǎn)品X的按鈕”。

屏幕閱讀器使用ALT標(biāo)簽，將鼠標(biāo)懸停在元素上時，title屬性將顯示為工具提示。因此，當(dāng)您使用圖像按鈕時，圖像標(biāo)題可能會包含額外的標(biāo)語。

每個圖片都應(yīng)該有一個可供選擇的文本，不僅是為了搜索引擎的優(yōu)化，還因?yàn)槊と撕鸵暳κ軗p的人不會知道，否則，圖片是關(guān)于什么的，但標(biāo)題屬性是不必要的。而且，在大多數(shù)情況下，添加它沒有任何意義。它們僅對鼠標(biāo)（或其他定點(diǎn)設(shè)備）用戶可用，并且只有一種情況下，“標(biāo)題”屬性要求可訪問性為oniframe和frame標(biāo)記。

如果title屬性所傳遞的信息是相關(guān)的，則考慮以純文本格式將其提供給其他位置，如果不是，則考慮完全刪除該屬性。

如果設(shè)計中有純粹出于設(shè)計原因的圖像，那么這樣做是錯誤的，因?yàn)樗鼈儜?yīng)該在CSS中，而不是HTML中。如果您無法更改這些圖像，請為它們提供空的alt屬性，如下所示：

空的alt屬性確保屏幕閱讀器跳過圖像。

通過對alt標(biāo)簽和title標(biāo)簽的優(yōu)化可增加蜘蛛抓取能力

搜索引擎關(guān)于圖片的文章的標(biāo)題是“使用描述性而不是文本”。這并非巧合，因?yàn)樗阉饕娣浅Ｖ匾曃谋镜奶鎿Q，這不僅可以確定圖片的內(nèi)容，還可以確定其與周圍文本的關(guān)系。這就是為什么在我們的搜索引擎優(yōu)化內(nèi)容分析，我們有一個功能，專門檢查你是否有至少一個圖像與ALT標(biāo)簽，其中包含你的核心關(guān)鍵字。

我們將檢查您頁面上的圖像及其替換文本：我們并不是說您應(yīng)該在每個ALT標(biāo)記中放置核心關(guān)鍵字。您需要為網(wǎng)頁提供高質(zhì)量、高質(zhì)量的相關(guān)圖像。在ALT文本中使用核心關(guān)鍵字是有意義的。以下是選擇高質(zhì)量備選文本的搜索引擎建議：

在選擇替代文本時，請集中精力創(chuàng)建有用的、信息豐富的內(nèi)容，這些內(nèi)容適當(dāng)?shù)厥褂藐P(guān)鍵字并與頁面內(nèi)容相關(guān)。避免使用關(guān)鍵字來填充alt屬性，因?yàn)檫@可能會導(dǎo)致負(fù)面的用戶體驗(yàn)，并可能導(dǎo)致您的網(wǎng)站被視為垃圾郵件。

如果您的圖像是特定的產(chǎn)品，請在ALT標(biāo)記中包含完整的產(chǎn)品名稱和產(chǎn)品ID，以便于參考。一般來說：如果一個關(guān)鍵短語可以用來在圖像上查找某些內(nèi)容，請盡可能將其包含在ALT標(biāo)記中。另外，不要忘記將圖像文件名更改為實(shí)際描述其內(nèi)容的名稱。

我們有一個非常流行（和更長）的文章圖像搜索引擎優(yōu)化。本文使用了許多不同的方法來優(yōu)化圖像，但是對于ALT和title標(biāo)記的細(xì)節(jié)卻相對缺乏，這被認(rèn)為是本文的附加內(nèi)容。