如何在WordPress新增Alt 替代文字到圖片

對於你添加到網站的每張圖片,你還應該在其新增alt text,這將會在你的圖片因某種原因無法加載的情況下顯示出來,並且它會告訴搜索引擎這張圖片屬於什麼內容。

在本篇文章中,我們將會告訴你什麼是alt text,它是如何影響你的SEO以及如何在WordPress中添加到您的圖片中。

什麼是圖片alt text?

alt text又稱為替代文字、替代文本、替代描述、替代圖片、替代標籤。本質上它們都是你添加到網站圖像中的可讀描述,以防萬一圖片無法正常加載時都有文字作替代方案,讓人知道這張圖片是什麼。

例如,你為一張圖片設定了的替代文字為”EBuildHost 寄存服務”,當這張圖片出現問題無法加載時,你也會看到一段文字顯示為”EBuildHost 寄存服務”,使用替代文字有兩個很重要的主因:

  • SEO:Alt標籤能夠讓搜索引擎了解你圖片中所代表的內容,因此它們更有效地對你的內容進行分類。
  • 可閱讀性:使用替代文字,當視障人士使用屏幕閱讀器時瀏覽你的文章或網站時仍可知道每張圖片代表的是什麼。

總括來說,你應該要在頁面中包含替代文字,文字描述越強,好處就越大,因為它為用戶和搜索引擎提供了更多信息,而alt標籤將採用以下格式:

<img src="hosting.png" alt="Web Hosting">

然而當你使用WordPress時就不用這麼麻煩,只需要到媒體庫裏新增即可,不需要直接修改html才能新增alt標籤。

如何在 WordPress 中為圖片添加替代文本

每當你在WordPress中上傳圖片時,你都可以為其新增多種數據:

  • 替代文字
  • 標題
  • 說明
  • 內容說明

雖然alt替代文字有許多不同的方式,你只需要將適當的描述放進去就好,你還可以在必要時隨時編輯替代文字。

圖片替代文字最佳應用方法

簡單來說,好的alt替代文字具有描述而不會過長,理想的情況下,你的替代文字應少於125字,以符合最大數量的屏幕閱讀器,例如你可以使用”EBuildHost是最好的網頁寄存供應商”之類的文字,它具有足夠的描述性並且直接了當,使這個為最完美的方案。

最後,有些人錯誤地在alt中加入”xxx的屏幕截圖”或”xxx的圖片”之類的文字,這是沒意思的,因為搜索引擎和屏幕閱讀器已經知道他們正在處理的是一張圖片,所以你只需要描述圖片中的內容就可以。