WordPress Featured image: Alternative Text, Title, Caption and Description
建議要填的欄位:
當圖片因某種原因無法載入時,在網頁中顯示的文字。
因為搜尋引擎不認識圖形*,你要用這段文字來告訴搜尋引擎,這張圖代表什麼意義。(*以前如此,逐漸進化中)
預設為上傳圖片的原始檔名。如果你上傳前已命名完成,就不用再另外更新。
如果你想不出來怎麼寫,建議你用一句話來形容這張圖,然後主詞(主題)放標題,這句話則設為替代文字。
範例:酒吧裡一杯冰涼嗆辣的血腥瑪麗
標題:血腥瑪麗
替代文字:酒吧裡一杯冰涼嗆辣的血腥瑪麗
想深入了解的話,請繼續閱讀。
前面提的替代文字和標題,對於視障朋友很重要(參考關鍵字:無障礙標章、WCAG – Web Content Accessibility Guidelines)。
他們無法看清楚網頁,必須使用工具(如:螢幕閱讀器),讀出圖片的內容給他們聽。
該工具正是根據你寫的內容,來讀給他們聽。像這樣:
一張圖片,內容是「酒吧裡一杯冰涼嗆辣的血腥瑪麗」。
一般情形下,媒體說明文字會顯示在文章中圖片的下方。
但如果你所使用的主題,設計為不顯示媒體說明文字,那就不會顯示。
WordPress預設會幫每個上傳的媒體,自動產生一個網頁,名稱是「attachment page」。
編輯該圖片,就可以在標題下一行,看到「永久連結」,連向 attachment page。
試著點擊看看該網頁,顯示的內容,恰恰就是標題、媒體說明文字和內容說明。(有些 theme 主題,媒體說明文字也不會顯示)
三和四的內容,不填也沒關係。
事實上,有不少人認為,attachment page反而不利於SEO。因為網頁中只有一張圖,文字很少或根本沒有,這類網頁在搜尋引擎的評比中,是歸類於低品質的網頁。
所以有重新導向這類的工具出現。例如 Yoast SEO 就提供這樣的設定。
沒有使用 Yoast 的朋友,可以安裝 Attachment Pages Redirect 這類插件。
看一下 WordPress 官方 2020主題,呈現出來的範例:
參考資訊(依推薦順序):
Optimizing WordPress Images_ Title, Alt, Description, Huh_ 2019.1.16
https://www.rakacreative.com/blog/inbound-marketing/optimizing-images-in-wordpress-title-vs-alt-tag-vs-description-vs-caption/
Image Alt Text vs Image Title in WordPress – What’s the Difference_ 2014.11.4
https://www.wpbeginner.com/beginners-guide/image-alt-text-vs-image-title-in-wordpress-whats-the-difference/
Adding Image Title and Alt Text in WordPress – Qode Interactive 2019.11.27