WordPress的圖片編輯:替代文字、標題、媒體說明文字、內容說明

WordPress Featured image: Alternative Text, Title, Caption and Description

建議要填的欄位:

一、替代文字 Alternative Text ■ 必填

當圖片因某種原因無法載入時,在網頁中顯示的文字。
因為搜尋引擎不認識圖形*,你要用這段文字來告訴搜尋引擎,這張圖代表什麼意義。(*以前如此,逐漸進化中)

二、標題 Title ■ 必填

預設為上傳圖片的原始檔名。如果你上傳前已命名完成,就不用再另外更新。

如果你想不出來怎麼寫,建議你用一句話來形容這張圖,然後主詞(主題)放標題,這句話則設為替代文字。
範例:酒吧裡一杯冰涼嗆辣的血腥瑪麗
標題:血腥瑪麗
替代文字:酒吧裡一杯冰涼嗆辣的血腥瑪麗

沒空的朋友,上方簡短結論已經足夠,認真填寫有利SEO。


想深入了解的話,請繼續閱讀。

前面提的替代文字和標題,對於視障朋友很重要(參考關鍵字:無障礙標章、WCAG – Web Content Accessibility Guidelines)。
他們無法看清楚網頁,必須使用工具(如:螢幕閱讀器),讀出圖片的內容給他們聽。
該工具正是根據你寫的內容,來讀給他們聽。像這樣:
一張圖片,內容是「酒吧裡一杯冰涼嗆辣的血腥瑪麗」。

三、媒體說明文字 Caption ■ 可填

一般情形下,媒體說明文字會顯示在文章中圖片的下方。
但如果你所使用的主題,設計為不顯示媒體說明文字,那就不會顯示。

四、內容說明 Description ■ 免填

WordPress預設會幫每個上傳的媒體,自動產生一個網頁,名稱是「attachment page」。
編輯該圖片,就可以在標題下一行,看到「永久連結」,連向 attachment page。
試著點擊看看該網頁,顯示的內容,恰恰就是標題、媒體說明文字和內容說明。(有些 theme 主題,媒體說明文字也不會顯示)

三和四的內容,不填也沒關係。


Attachment page

事實上,有不少人認為,attachment page反而不利於SEO。因為網頁中只有一張圖,文字很少或根本沒有,這類網頁在搜尋引擎的評比中,是歸類於低品質的網頁。
所以有重新導向這類的工具出現。例如 Yoast SEO 就提供這樣的設定。
沒有使用 Yoast 的朋友,可以安裝 Attachment Pages Redirect 這類插件。

看一下 WordPress 官方 2020主題,呈現出來的範例:

  • 替代文字 Alternative Text: Bloody Mary Cocktail in glasses with garnishes. Tomato Bloody Mary ice cold drink with fresh celery, pickles and lime.
  • 標題 Title: Bloody Mary Cocktail
  • 媒體說明文字 Caption: Bloody Mary Cocktail in glasses with garnishes.
  • 內容說明 Description: The Bloody Mary was invented in the 1920s or 1930s. A Bloody Mary is a cocktail containing vodka, tomato juice, and other spices and flavorings including Worcestershire sauce, hot sauces, garlic, herbs, horseradish, celery, olives, salt, black pepper, lemon juice, lime juice and celery salt. In the United States, it is usually consumed in the morning or early afternoon, and is popular as a hangover cure.

WordPress featured image attachment page sample

參考資訊(依推薦順序):
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

How to Add Image Titles and Alt Text in WordPress

Comments

mood_bad
  • No comments yet.
  • Add a comment