本文將向你展示如何優(yōu)化圖像的替代文本。?
使用圖像替代文本的5大好處?
1、替代文本是重要的排名因素
搜索引擎無法讀取圖像,但可以讀取圖像替代文本,這有助于搜素引擎理解圖像的內(nèi)容。在搜索結(jié)果中展示圖片能夠為你的網(wǎng)站吸引到更多流量。
2、提高圖片點擊率(CTR)
替代文本中的關(guān)鍵詞可以提高搜索結(jié)果中的用戶點擊率。如以下搜索結(jié)果所示,它在圖像結(jié)果的描述中可見:
3、將替代文本作為錨文本
如果圖像包含超鏈接,則替代文本可以表示錨文本。
4、網(wǎng)絡(luò)可訪問性
正確選擇圖片的替代文本對于網(wǎng)絡(luò)可訪問性非常重要。視障人士可以使用它們來理解圖像的內(nèi)容。
5、圖像未能加載時會顯示替代文本
并非所有的用戶都選擇顯示圖像,通常是因為他們的網(wǎng)速有限。如果未加載任何圖像,則用戶可以在下面的屏幕截圖中看到圖像的替代文本:
如何為圖像選擇正確的替代文本?
每個圖像都應(yīng)添加替代文本。在某些情況下,替代文本可以為空(alt =””)。例如,如果你使用圖像作為要點或只是作為某種裝飾,則可放空。
你還應(yīng)該避免使用通用的替代文本,例如“picture”、“image”、123.jpg等。?
如何檢查現(xiàn)有圖像的替代文本??
1、快速檢查特定圖像
在瀏覽器中訪問你的網(wǎng)頁,打開右鍵菜單,然后單擊“Inspect”。然后,你將看到源代碼,包括替代文本:
2、檢查網(wǎng)頁上的所有圖像
你可以使用Spotibo分析工具快速檢查每個替代文本。輸入要檢查的URL,它將自動突出顯示未使用或描述較差的替代文本,例如使用“picture”等通用文本的圖像。
3、檢查網(wǎng)站上的所有圖像
如果要讓該優(yōu)化方法產(chǎn)生效果,則應(yīng)該優(yōu)化站點上的每個圖像。使用Spotibo,你可以看到整個網(wǎng)站的圖像使用替代文本的情況。
你可以檢查網(wǎng)站上所有圖像的alt標簽并對其進行過濾。例如,如果你需要對“.jpg”格式的文件優(yōu)化圖像,則該工具將向你顯示以下內(nèi)容:
不同的圖片可能具有不同的用途。有時,同一圖像可能具有多個目的。
圖像主要有三種類型:
· 信息性圖像:此類型圖像對于seo更為重要。信息性圖像以圖形的方式表示某種概念和信息,例如照片和插圖。
· 裝飾性圖像:此類型圖像的目的是作為視覺裝飾。
· 功能性圖像:此類型圖像具有鏈接或按鈕形式的特定功能。
信息性圖片
如上所述,如果你想描述內(nèi)容豐富的圖片,可以嘗試僅使用10個單詞描述圖片內(nèi)容,同時應(yīng)避免使用寬泛的詞語。
關(guān)于如何創(chuàng)建高質(zhì)量的替代文本,有幾個簡單的步驟。
替代文本通常應(yīng):
· 盡可能精確;
· 相對較短;至多10個字,但如有必要,可以更長一些;
· 包含關(guān)鍵詞;
· 避免使用“image of”或“123.png”之類的詞組。
裝飾圖像
有時,圖像的目的僅僅是為頁面添加視覺效果。你應(yīng)使用CSS將圖像添加到網(wǎng)頁上,或者alt應(yīng)該為空(alt =””):?
功能性圖像
有時,圖像可以具有鏈接或按鈕形式的特定功能。在此,替代文本應(yīng)描述圖片的功能。例如,搜索按鈕的圖片具有“search”功能。因此,替代文本應(yīng)包含“search”。