正彩娱乐平台登录:圖片alt和title標簽的使用教程

平博娱乐平台 www.kvkun.icu 蕪湖老唐SEO今天帶來的就是關于圖片alt和title標簽的使用教程,首先我們來了解下什么是alt與title標簽。什么是圖片ALT標簽?

通俗點說:

alt: 是w3c要求指定的標簽,如果圖片沒有正常顯示則會把alt設置的值顯示在圖片位置,并且利于SEO抓取圖片信息

title: 是鼠標放在圖片上面時提示的文字

從上面的解釋能夠看的出來,alt標簽是給圖片作解釋說明的,是給搜索引擎看的,而title是在給用戶看的。

 

添加alt標簽與未添加alt標簽的區別

alt標簽

為了更具有說服力,我們舉例說明,比如百度圖片搜索 韓版服飾 ,我們隨機點進去一張圖片觀察下,我們會發現有很多圖片,作為seo,我們很自然的就想到一個問題,為什么這些圖片有排名而網絡上其他的圖片沒卻沒有排名呢?

查看這個頁面的源代碼,為了查找方便,我先復制了圖片的文件名,如圖:

查看有排名的圖片alt文字
可以看到這張圖片的alt標簽中就含有我們的搜索詞,為了避免個別現象我們可以再多看幾張圖片比較一下,就不做截圖了。

我們發現絕大多數有展現的圖片的alt標簽都是能夠通過我們的搜索詞匹配上來的,由此我們可以得出結論alt標簽是可以影響圖片搜索排名的。

但是,alt文字并不是對所有的圖片都很重要,比如說頁面中一些無關緊要的圖片,可以有選擇性的做alt文字。但是有些確實非常重要的圖片,我們那就需要細心的為其加上alt標簽文字。

在做alt文字時也要考慮到避免出現關鍵詞堆砌的問題,這個很好理解,我們把圖片的鏈接與alt文字描述當做一個錨文本來看待,那么圖片鏈接就是這個錨文本的鏈接,alt文字就是文本鏈接的關鍵詞,大量的出現也是會被搜索引擎認為是關鍵詞堆砌作弊的。

alt文字在圖片鏈接的應用中,一般要根據網站的需要來做,具體哪些該做,哪些不一定要做,做在哪兒好就得靠每個SEO站長根據自己的網站不同來進行規劃。

title標簽

title標簽,我們可以理解為,title標簽為瀏覽者提供建議性的信息??贍苷庹俏裁春芏噯瞬幻靼綴問筆褂盟?。

事實上title標簽有一個很好的用途,就是為圖片添加描述性的文字,特別是當連接本身并不是十分清楚的表達了鏈接的目的。這樣就使得訪問者知道那些鏈接將會帶他們到什么地方,他們就不會加載一個可能完全不感興趣的頁面。另外一個潛在的應用就是為圖像提供額外的說明信息,比如日期或者其他非本質的信息。

title標簽值可以比alt標簽值設置的更長。很多站長認為img標簽中的alt標簽和title標簽是一樣的,所以總是在這2個標簽中放置一樣的內容,或者只寫其中一個。事實上alt標簽和title標簽還是有很大不同的。

圖片alt與title標簽的區別

正確的使用alt標簽和title標簽不僅可以提高圖片的搜索能力,對用戶體驗上也是很有幫助。

alt替換文字是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明。這包括那些使用本來就不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶,視覺障礙的用戶和使用屏幕閱讀器的用戶。所以替換文字是用來替代圖像而不是提供額外說明文字的。alt文字標簽在IE瀏覽器中還起到了title的作用——鼠標經過時的文字提示。事實上這里,IE瀏覽器給了大家一個誤導,在IE中alt會變成文字提示是因為IE不標準。這一點Firefox和chrome做的就比較好。

title是對圖片的說明和額外補充,如果需要在鼠標經過圖片時出現文字提示應該用title標簽。從用戶體驗的角度來講,title標簽的優先級高于alt標簽。但由于錯誤的引導,很多初學者就在img標簽內只加了alt標簽。

如何正確使用alt和title標簽

1. alt和title對訪問者(用戶、蜘蛛)都很重要(alt標簽對搜索引擎會更重要一些),所以在定義img對象時,最好將alt和title標簽都寫全,保證在各種瀏覽器中都能正常使用。

2. 在alt和title中包含關鍵字,并且二者內容最好不一樣。

3. 不要在alt和title中堆積關鍵字,否則可能會導致搜索引擎懲罰。

avatar

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前評論:3   其中:訪客  3   博主  0

    • avatar 氨基酸

      圖片alt 用于圖片沒顯示時在圖片顯示區域顯示一個說明文字。title 表示鼠標在圖片上停留時,顯示一個懸浮框,其中顯示的文字。

      • avatar 軍哥seo課堂

        圖片的本身的內容信息可以通過ALT這個屬性來表達。搜索引擎會通過圖片的ALT標簽里面的文字內容去理解這是一個什么樣的圖片。所以當圖片作為鏈接使用時,一定要提供ALT標簽。不然的話,搜索引擎是理解不了這個鏈接是什么樣的意思的。

        • avatar QQ游客

          感謝分享