2,圖片Alt和圖片Title有什么區(qū)別?3,設(shè)置圖片Alt屬性時(shí)該注意哪些事項(xiàng)?4,如何給單個(gè)圖片設(shè)置Alt屬性(Wordpress為例)?5,如何批量設(shè)置Alt屬性(Wordpress為例)?
為什么圖片Alt屬性很重要?
什么是圖片Alt屬性?
圖片Alt屬性是圖片的一種屬性,Alt是單詞Alternative的一部分,意為"替代",Alt屬性也叫Alt文本。在HTML代碼中用于描述圖片在頁(yè)面上的顯示方式和功能。如下圖1,可以使盲人或視障用戶更容易訪問(wèn)你的網(wǎng)站(這應(yīng)該是你為所有圖片添加替Alt屬性的充分理由),屏幕閱讀器讀取Alt屬性,幫助視障用戶更好地理解頁(yè)面上的圖片;2,如果瀏覽器無(wú)法加載圖片,將顯示Alt文本。3,25% 的Google自然流量實(shí)際上來(lái)自 Google 圖片,向圖片添加Alt文本是圖片SEO優(yōu)化的首要規(guī)則。使用工具自動(dòng)添加Alt文本將增加你的自然流量。如果你擁有WooCommerce網(wǎng)站,這一點(diǎn)至關(guān)重要,因?yàn)?Google圖片將為你的網(wǎng)站帶來(lái)合格的潛在客戶。4,Alt文本可以幫助搜索引擎爬蟲更好地理解圖片,對(duì)你的整個(gè)SEO優(yōu)化產(chǎn)生積極影響,并提高你的網(wǎng)站排名。雖然目前谷歌有能力使用AI和面部識(shí)別技術(shù)來(lái)理解圖片的含義,但成本會(huì)很高。這就是為什么Google 開發(fā)人員Martin Splitt確認(rèn)Alt文本對(duì)于SEO仍然至關(guān)重要。
圖片Alt和圖片Title有什么區(qū)別?
你的圖片Alt文本以文本方式描述你的圖片,以便搜索引擎、屏幕閱讀器和其他程序了解這張圖片。然而,圖片Title只是用于為圖片提供自己的標(biāo)題,在SEO和可訪問(wèn)性方面它不如alt標(biāo)簽重要。如果圖片無(wú)法加載,瀏覽器將顯示Alt文本,而僅當(dāng)你將鼠標(biāo)懸停在圖片上時(shí),圖片Title才會(huì)出現(xiàn)。
設(shè)置圖片Alt屬性時(shí)該注意哪些事項(xiàng)?
Google搜索中心提供了詳細(xì)的優(yōu)化圖片的方法,可以直接查看網(wǎng)址:https://developers.google.com/search/docs/appearance/google-images?hl=zh-cn圖片Alt文本必須簡(jiǎn)短但具有足夠的描述性。但是,你應(yīng)該記住,如果你不考慮圖片的上下文,則此Alt文本規(guī)則可能會(huì)失去其相關(guān)性。除了具體之外,圖片的Alt文本還應(yīng)該以某種方式代表其支持的網(wǎng)頁(yè)的主題。當(dāng)你在WordPress中向圖片添加Alt文本時(shí),應(yīng)記住以下一些其他事項(xiàng):1. 提供與你的頁(yè)面主題相關(guān)的上下文。當(dāng)圖片沒有顯示可識(shí)別的人物或地點(diǎn)時(shí),請(qǐng)包含基于頁(yè)面內(nèi)容的上下文。根據(jù)網(wǎng)頁(yè)的主題,一個(gè)在電腦前打字的人的圖片的Alt文本可能是“SEO specialists optimizing WordPress images for SEO”或“A blogger installing a plugin on WooCommerce”。2.使你的Alt文本不超過(guò)125個(gè)字符。超過(guò)字符長(zhǎng)度,屏幕閱讀工具會(huì)停止讀取Alt文本,從而防止視障人士聽到冗長(zhǎng)的Alt文本。3.不要在 Alt 標(biāo)簽中包含“picture of…”或“photo of”或“Image of…”屏幕閱讀工具(以及Google)可以識(shí)別HTML圖片元素,自動(dòng)將其識(shí)別為圖片。直接從圖片或圖片的描述開始。4.使用你的關(guān)鍵詞,但避免關(guān)鍵詞堆砌。只有在可以輕松完成的情況下才應(yīng)考慮在Alt文本中包含文章的目標(biāo)關(guān)鍵字。如果你無(wú)法包含目標(biāo)關(guān)鍵字,請(qǐng)考慮語(yǔ)義關(guān)鍵字和長(zhǎng)尾關(guān)鍵字。為搜索引擎機(jī)器人提供圖片的Alt文本旨在改善你的頁(yè)面語(yǔ)義,不要試圖欺騙谷歌。不要讓圖片Alt文本中的拼寫錯(cuò)誤的單詞使使用和抓取你網(wǎng)站的用戶或搜索引擎感到困惑。請(qǐng)仔細(xì)審核你的Alt文本。不要嘗試在Alt文本中包含相關(guān)的搜索意圖關(guān)鍵字。如果可行,將圖像放置在相關(guān)文本附近。如果有意義,請(qǐng)考慮將最重要的圖像放置在頁(yè)面頂部附近。
如何給單個(gè)圖片設(shè)置Alt屬性(Wordpress為例)
Alt屬性可以輕松添加到WordPress中的圖片中。如果你注意上一節(jié)提到的注意事項(xiàng),你將能夠獲得更好的(圖片)SEO結(jié)果。那些有視力障礙的人也會(huì)因此更喜歡你。將圖片上傳到WordPress后,就可以修改圖片的元數(shù)據(jù):右側(cè)紅色箭頭所指的字段,可讓你更改圖片的Alt文本。你只需在相應(yīng)字段中輸入描述,保存更改即可完成。Alt文本必須簡(jiǎn)短但具有描述性。編寫它們的最佳方法是用盡可能少的文字描述你的圖片,同時(shí)保留圖片的含義。
如何批量設(shè)置更新Alt屬性(Wordpress為例)
如果你的網(wǎng)站在上傳圖片時(shí)沒有做好Alt文本優(yōu)化,那你將面臨很大的工作量,此時(shí),如果你的網(wǎng)站剛好是wordpress搭建的網(wǎng)站,這里推薦你使用圖片批量?jī)?yōu)化插件,Image SEO和Bulk Auto Image Alt Text插件。這兩個(gè)插件都可以用作圖片Alt文本批量?jī)?yōu)化,使用上有所不同。https://wordpress.org/plugins/imageseo/#descriptionBulk Auto Image Alt Text網(wǎng)址https://wordpress.org/plugins/bulk-image-alt-text-with-yoast/