圖片有助于使您的網(wǎng)站具有吸引力和視覺吸引力。但是，如果您不使用ALT標簽（也稱為“替代文本”或“替代標簽”）優(yōu)化圖像，您將錯失改善用戶體驗和網(wǎng)站可訪問性的重要機會。

要正確使用它們，首先了解什么是alt標簽很重要。在這篇教程中，我們將討論什么是alt標簽以及使用它們的原因。我們還將解釋如何在wordpress中為圖像添加alt標簽，并介紹一些最佳實踐。

什么是Alt標簽？

Alt標簽被添加到HTML中的圖像，以描述它們在網(wǎng)頁上的內(nèi)容和上下文。當媒體文件無法正確加載或顯示時，alt標簽也會出現(xiàn)在圖像容器中：

Alt標簽可幫助使用屏幕閱讀器的人（例如有視覺障礙的人）了解您網(wǎng)站上的內(nèi)容。更重要的是，搜索引擎蜘蛛在對您的網(wǎng)站進行爬行、索引和排名時使用它們來解釋您的圖像。

在圖像標簽中添加的質(zhì)量alt標簽是一個簡短的描述，不僅解釋了圖像呈現(xiàn)的內(nèi)容，還解釋了它在頁面上的用途。在HTML代碼中使用時，完整的圖像標記如下所示：

圖片alt標簽有時會與圖片標題或說明混淆。但是，圖像標題是一種不同類型的屬性。當一個人將鼠標懸停在圖像上時，它們顯示為彈出文本。另一方面，標題與圖像一起出現(xiàn)，通常在其下方，并提供有關它的附加信息或詳細信息。在正常情況下，訪問者永遠不會看到您圖片的 alt 標簽。

為什么在圖像上使用Alt標簽？

Alt標簽有多種用途。雖然您不需要使用它們，但這樣做有一些主要好處。由于搜索引擎爬蟲和屏幕閱讀工具都使用它們，因此它們是網(wǎng)絡可訪問性和搜索引擎優(yōu)化 (SEO)的重要組成部分。

提高了Web可訪問性

Alt 標簽有助于確保訪問者可以訪問和享受您網(wǎng)站的內(nèi)容，即使使用輔助技術或純文本瀏覽器也是如此。當有視力障礙的人訪問您的網(wǎng)站時，他們的屏幕閱讀器會閱讀頁面上的文字。當它到達一個圖像時，它將使用alt標簽來描述該圖像是什么。

如果缺少 alt 標簽，屏幕閱讀器可能會改為讀取圖像文件名。這不僅在正確解釋圖像方面通常無效，而且還可能令人困惑和具有破壞性，特別是如果文件名未經(jīng)過SEO優(yōu)化。

在某些情況下，例如當您在WordPress中將圖像的alt標簽字段留空時，屏幕閱讀器將完全跳過該圖像。假設您在網(wǎng)頁上包含的圖像有用途，這種缺失意味著訪問者在消費您的內(nèi)容時無法獲得您想要的全部價值或體驗。

提高您的搜索引擎排名

圖片alt標簽可以讓您更輕松地對您嘗試定位的關鍵字進行排名。搜索引擎機器人很智能，但它們無法像人類一樣解釋和理解圖像的視覺方面。

Alt屬性為翻譯圖像提供了一種基于文本的替代方法，更具體地說是用于合并相關關鍵字。包含目標關鍵字的文字描述可以增加您在圖片搜索中獲得高排名的機會。

為了強調(diào)圖像（以及替代標簽）在SEO中的重要作用，請考慮“特大號床上用品”的搜索引擎結果頁面 (SERP)：

第一頁不僅僅產(chǎn)生基于文本的結果；還有很多圖像結果。如果優(yōu)化并正確使用，alt標簽可以幫助提升您的SEO并生成超鏈接、可點擊的圖像，以顯示在此類搜索中。這對電子商務網(wǎng)站和登陸頁面特別有益。

如何在WordPress中添加圖像Alt標簽

一旦您了解在您的網(wǎng)站上使用圖像alt屬性的好處，就該學習如何實際做到這一點了。幸運的是，WordPress使這項任務變得非常簡單明了。

要在WordPress中添加圖像 alt 標簽，請登錄到您的管理儀表板并導航到您想要添加圖像的頁面或文章。在WordPress編輯器中，單擊加號圖標并選擇圖像區(qū)塊：

接下來，上傳您的圖片或從您的媒體庫中選擇一張。將圖像插入?yún)^(qū)塊后，圖像設置面板將在右側(cè)的側(cè)欄中打開。您可以在Alt文本框中輸入您的描述：

完成后，保存更改。您也可以對現(xiàn)有圖像執(zhí)行此操作。例如，如果您想更新已發(fā)布在您網(wǎng)站上的文章上的圖片，只需單擊該圖片并在側(cè)欄中輸入新的alt標簽即可。

如何在HTML中添加圖像Alt標簽

當您使用WordPress或其他包含用于添加和編輯alt標簽的模塊的CMS時，它會自動為您添加HTML代碼。但是，如果您想自己添加代碼，則可以輕松完成。

要在WordPress中添加alt標簽HTML，請單擊相關的圖像區(qū)塊。在區(qū)塊工具欄中，選擇帶有三個垂直點的按鈕，然后選擇作為HTML編輯：

HTML代碼將顯示圖像標記。您會注意到alt屬性為空。將您的文本放在引號內(nèi)：

完成后，單擊“預覽”按鈕返回可視化編輯器，然后保存更改。您可以使用相同的語法和格式來編輯任何文件的HTML圖像標簽。

如果您是一個懶站長，你也可以使用Smart SEO Tool插件，進入圖片優(yōu)化設置，開啟智能圖片ALT標簽填入。如下圖所示：

編寫圖像替代標簽的技巧和最佳實踐

在創(chuàng)建alt標簽時，需要牢記幾個關鍵點。遵守這些最佳實踐將有助于使您的alt標簽更有效：

• 具體的和描述性的。alt標簽的目的是描述圖像，因此您希望盡可能具體。如果您不確定您的描述是否充分，請考慮如果您只看到該行文本，您會想象出什么樣的圖像。
• 保持簡短。雖然您想要詳細說明，但您也不需要讓alt標簽很長（甚至是一個完整的句子）。最大目標是100到125個字符。
• 不要多余。為了充分利用您的alt標簽，您不想包含任何不必要的詞。這包括在描述之前添加“圖片”或“圖片”。這些元素是不必要的，因為它們已經(jīng)被暗示了。
• 自然地結合相關關鍵詞?？紤]您的目標關鍵字，并在可能的情況下將它們有機地合并到頁面上下文中。當您使用與文本對應的高度相關圖像時，這會更容易。
• 避免關鍵字堆砌。雖然在alt標簽中使用關鍵字可以改善SEO，但請注意不要過度使用。關鍵字填充實際上會損害您的SEO并產(chǎn)生糟糕的用戶體驗。
• 不要使用圖像代替文本。alt標簽的主要目的是為無法處理和解釋頁面上的視覺元素的機器提供文本上下文。因此，在圖像中使用文本是沒有意義的，尤其是標題和頁面標題。

在為您的圖像創(chuàng)建alt標簽時，請始終記住目標是向那些可能無法看到它的人描述圖像。雖然考慮SEO和關鍵字絕對是一個聰明的主意，但考慮到真實用戶編寫替代標簽可以幫助產(chǎn)生更積極的結果。

小結

圖像可以幫助改善網(wǎng)頁的外觀，并使它們更有趣、內(nèi)容更豐富、更吸引人。然而，為了最大化它們的價值，最好用alt標簽補充它們。這些簡短而描述性的解釋為用戶和搜索引擎提供了上下文。圖片alt標簽有助于增強用戶體驗，提高可訪問性，并使相關關鍵字的排名更容易。