Skip to content

[已解決] Yoast SEO: Images on this page do not have alt attributes that reflect the topic of your text

Yoast SEO 是個在使用 WordPress 時經常會安裝的外掛,其最大的用途便是協助我們確認目前所編輯的文章是否符合『搜尋引擎優化』 (Search Engine Optimization, SEO ) 。一般來說,SEO 做得越好的文章,在 Google 搜尋的排行就會越前面。

Yoast SEO

在 WordPress 編輯器中啟用了 Yoast SEO 之後,我們會在編輯器的最下方看到這樣的外掛欄位:

Yoast SEO 在 WordPress 編輯器中的樣子

可以讓我們編輯『關鍵字』、文章描述的『Meta』…… 並根據我們文章的結構進行評分。而其中,想必很多人在使用時都會遇到 Yoast SEO 提出以下的警訊:

Images on this page do not have alt attributes that reflect the topic of your text

而本文章就是關於這個『可改進訊息』的的解釋與介紹,並實際一步步操作如何改善。


圖片上的 alt 屬性

首先我們需要知道的是,這段訊息是在告訴我們,這篇文章中的『圖片』的 alt 屬性沒有反應文章的主題。

那麼,這個重要的 『alt 屬性』又是什麼呢?

alt 屬性是圖片在 HTML 中的一個參數,是在 HTML 圖片物件無法正常顯示時的補救文字 —— 也就是圖片如果沒有出現,就會使用 alt 屬性的敘述來呈現。

對,alt 屬性其實就只是文字描述而已,主要功能是在介紹這張圖片。而 Yoast SEO 所提醒的,則是希望你的 alt 屬性能契合文章主題。


設定圖片 alt 屬性

那麼,圖片的 alt 屬性要在哪裡設定呢?大致上有兩種方法可以設定。

1. WordPress 編輯器的側邊欄位

點擊你文章中的圖片,然後打開右邊齒輪圖示的『區塊』欄位,『圖片設定』底下的『替代文字』區塊。這個替代文字的區塊就是 alt 屬性了。

步驟圖示

2. Ctrl + Shift + Alt + M 直接編輯 HTML 檔案

還有另外一個相當快速的方法:使用 Ctrl + Shift + Alt + M 切換成 HTML 格式的編輯器,Ctrl + F 搜尋所有的 alt=”” 欄位,並依序填上所需要的 alt 屬性介紹。

以上這兩種方法都是可以給予圖片 alt 屬性的。填好之後,再來看看 Yoast SEO 的改進訊息:

已經亮起綠燈了,大功告成!


References


Read More

Tags:

Leave a Reply