行銷知識庫

HTML img 標籤圖片替代文字 alt 如何使用才能夠幫助 SEO?

2023-03-20

什麼是圖片替代文字 alt?

圖片替代文字(alternative text,簡稱 alt text 或 alt tag)是一種文字描述,通常在網頁中用來描述一張圖片的內容和意義。當使用者無法顯示圖片時,或是使用輔助技術(如屏幕閱讀器)瀏覽網頁時,alt text 可以提供對圖片的替代描述,幫助使用者了解圖片的內容和用途。

alt text 也可以幫助搜索引擎了解圖片的內容,從而提高網站的搜索排名。因此,alt text對於網頁的可訪問性和 SEO 都非常重要,網站開發者應該確保所有圖片都有合適的alt text。一般來說,alt text 應該簡潔明確,描述圖片的主要內容和功能。

實際使用 HTML 實作圖片替代文字時,你應當使用 img 標籤和 alt 屬性,以確保圖像具有可訪問性。以下是一個加上 alt 的 img 標籤範例,在這個範例中 src 屬性指定圖像文件的網址,而 alt 屬性提供了對圖像的替代描述:

<img src="image.jpg" alt="說明如何撰寫好的 SEO 文案">

alt 屬性的值必須最多為 1024 個字元,其中包括空格和標點。這個字符串必須包含在引號中,並且不能包含任何樣式標籤。

如何撰寫有利於 SEO 的圖片替代文字?

你可以依據以下四點提示來嘗試撰寫有利於 SEO 的圖片替代文字

  1. 簡潔明瞭:alt text 應該是簡潔明瞭的短語或句子,描述圖片的主題和內容。避免使用過長或冗餘的描述,這樣可能會被搜索引擎視為詞匯堆疊,降低網站的排名。

  2. 重點突出:alt text應該強調圖片的主要內容和關鍵詞。選擇與您的網站內容相關的關鍵詞,例如描述產品圖片時使用產品名稱和關鍵特性。

  3. 精確描繪:編寫精確的alt text可以幫助搜索引擎理解圖片的內容。避免使用模糊的描述,例如“圖片”、“照片”等,而應該使用具體的描述,例如“紅色汽車的側面”。

  4. 如果一張圖像是純粹的裝飾性質或其意義可以通過鄰近的文字描述傳達,那麼可以將其 alt 屬性設置為空,即 alt=""。這樣做有助於避免將無意義的資訊被納入到頁面中,從而提高頁面的可讀性和無障礙性。

如何在 WordPress 中設定替代文字?

在 WordPress 中你可以在媒體庫中為每個圖像設定預設的替代文字,也可以在每次在文章插入圖片時設定自訂的替代文字。你可以在媒體庫中找到想要設定的圖片,點擊編輯後在圖像編輯頁面中,找到“替代文字”欄位,並填寫圖像的替代描述。填寫完畢後,點擊“更新”按鈕,以保存替代文字設置。

如何設定WordPress替代文字

最後你可以使用檢查工具或是在瀏覽器查看原始碼,確認圖片替代文字是否有正確插入。

使用檢查工具確認圖片替代文字

上一篇
如何在 WordPress 使用 Yoast SEO 進行 canonical 標準網址設定?
下一篇
【SEO教學】SEO是什麼?搜尋引擎優化基礎入門指南帶你從概念到完整實作