為什麼要為WordPress網站的影象新增標題和alt標籤?標題是簡短的文字說明,通常滑鼠移至影象上方展示;alt標籤為圖片的文字提示,一般在圖片沒有完全載入又或者影象丟失了,暫時該資訊。
因此,無論是影象標題或者alt標籤,對於使用者體驗及搜尋引擎來說都起到積極的作用,尤其是對於搜尋引擎,能夠幫助蜘蛛識別影象內容。
通過WordPress內建功能或者第三方外掛,可以輕鬆為每個影象新增標題和其他後設資料,包括標題和alt替代文字標籤。
為WordPress影象新增標題及alt替代文字
在古騰堡編輯器,點選編輯器右上角的“+”新增區塊符號,選擇“影象”塊。
新增影象區塊
在文章編輯區域新增一個影象區塊,如下圖:
古騰堡編輯器上傳圖片
然後,您可以通過上傳、媒體庫和URL插入三種方式,新增影象,這與傳統編輯器的方式相似。
新增影象後,影象將放入編輯器中,並在其下方帶有一個標記為“編寫說明…”的文字框,即為影象新增標題,而在右側的區塊資訊,你還可以填入Alt文字屬性(替換文字),如下圖所示:
古騰堡編輯器圖片標題&ALT設定
完成後,您可以通過單擊“釋出”或“更新”按鈕來儲存文章。
為WordPress畫廊新增標題
WordPress編輯器還附帶一個畫廊區塊,站長可以上傳多個影象,以網格佈局顯示多個影象。
要建立畫廊,文章釋出介面單擊“+”新增區塊圖示,選擇Media下方的“畫廊”。
古騰堡編輯器建立畫廊
在畫廊新增到文章/頁面編輯區域,即可上傳圖片,或者從媒體庫中選擇預先上傳的圖片,為畫廊新增一張或者多張影象。
古騰堡編輯器畫廊上傳圖片
為畫廊上傳影象後,你可以通過點選某一影象,在下方的“編寫說明…”為該影象新增標題,點選整個畫廊下方的“編寫畫廊說明…”為畫廊新增標題。
畫廊說明文字
如果從媒體庫中選擇了預新增的影象,則可以通過右側的“附件詳情”為圖片新增替代文字(alt標籤)和標題。
相簿圖片標題&Alt
通過媒體庫新增WordPress影象標題和Alt替代文字
那麼平日我們通過媒體庫直接上傳圖片時,如何為影象新增標題和alt標籤替代文字呢?其實,在上一章節已經稍微提及,下面是更詳細的教程:
首先,在WordPress儀表盤訪問“媒體»新增”頁面。
媒體庫上傳圖片
通過拖放或從計算機中選擇一個影象來上傳影象。
成功上傳後,在“上載新媒體檔案”框下方即可看到上傳影象,點選影象對應的“編輯”連結。
媒體庫上傳圖片編輯
將會在新標籤頁中開啟“編輯媒體”頁面,支援編輯影象標題,新增影象後設資料,包括標題,alt屬性替代文字和描述。
圖片標題/ALT資訊編輯
你也可以通過媒體庫,對已上傳的圖片進行逐一新增標題、alt屬性替代文字。並且通過媒體庫為圖片新增標題、alt標籤替代文字及描述的資訊後,在文章或者頁面編輯新增這些圖片不需再次新增相關資訊。
使用WordPress經典編輯器新增影象標題和alt替代文字
如果WordPress網站使用舊的經典編輯器,影象新增標題和Alt替代文字標籤的方式與古騰堡編輯器稍有不同。
點選編輯器上方的“新增媒體”按鈕即可上傳圖片或從媒體庫中選擇圖片。
經典編輯器上傳圖片
圖片上傳後,即可填寫圖片相關後設資料,例如標題,替代文字屬性和圖片描述。
圖片後設資料填寫
單擊“插入至文章”按鈕,將影象新增到文章或頁面中。
使用經典編輯器新增相簿圖片標題、Alt
使用“ 經典編輯器”建立畫廊時,還可以為影象新增替代文字屬性、標題、說明和影象描述等資訊。只需上傳並選擇多個影象,然後單擊左列中的“建立相簿”連結。
相簿圖片詳細
之後,您需要單擊彈出視窗右下角的“建立新相簿”按鈕。
建立新相簿
使用外掛批量自動新增圖片標題&Alt替代文字
上述方法,均是使用WordPress內建的功能來為圖片新增標題和Alt標籤替代文字等資訊。
但如果需要批量新增所有圖片的標題和alt標籤屬性,這將是一個巨大的工程。這時候我們則需要借用外掛的幫助了。
首先,你得安裝並啟用我們提供的Smart Seo Tool外掛。
然後,通過WordPress儀表盤“設定-Smart Seo Tool”,進入外掛設定介面,選擇圖片SEO優化,將圖片優化啟用,並選擇適合您的圖片Title和圖片Alt屬性描述規則,最後“儲存設定”即可按規則為你的網站圖片新增標題和alt替代文字。
注:外掛僅對不存在標題和alt設定的圖片生效,不影響已設定標題和alt的圖片!
Smart Seo Tool外掛圖片優化
如果你希望對網站SEO進一步優化,建議儘可能為你的WordPress頁面展示的影象新增標題和alt標籤。希望本文對您有所幫助,enjoy!
評論留言
脣槍舌劍 (2)
秒啊
2020.10.7 02:10
Alt和画廊说明是不是存在一种就可以了,如果需要写Alt需要把画廊换成图像才可以,这两种写法对seo哪种好
WBOLT_COM
2020.10.7 09:10
互不影响的,画廊也应该设置里面图片的alt,画廊说明只是画廊说明,图片标题和alt建议还是写一下。