做SEO的人應(yīng)該經(jīng)常聽說Alt標(biāo)簽、Title標(biāo)簽,也知道使用Alt標(biāo)簽可以提高圖片的搜索能力,Title標(biāo)簽對用戶體驗上也是很有幫助,但有多少人真正弄清了兩者的區(qū)別呢?
今天從五個方面為大家詳細(xì)講解 ? ? ?
一、什么是Alt標(biāo)簽、Title標(biāo)簽?
Alt標(biāo)簽和Title標(biāo)簽都是html語言的一種寫法,Alt標(biāo)簽常用在表示圖片的標(biāo)簽屬性設(shè)置中,Title標(biāo)簽常用在表示鏈接的標(biāo)簽和表示圖片的
標(biāo)簽屬性設(shè)置中。
下圖是兩段html代碼:第一段代碼是一個文字鏈接代碼,給文字加上了Title標(biāo)簽;第二段代碼是一張圖片的代碼,給這張圖片加上了Alt和Title標(biāo)簽 ? ? ?
二、Alt標(biāo)簽、Title標(biāo)簽的作用
Alt標(biāo)簽:主要是對圖片起注釋作用,因為目前搜索引擎的蜘蛛程序?qū)D片的判斷能力還不夠,所以給圖片加上Alt,可以起到給圖片命名的作用,讓搜索引擎更清楚某一幅圖片的意思。
對于用戶來講,如果某一幅圖片的URL出錯或由于網(wǎng)絡(luò)的原因打不開,如果該圖片有Alt標(biāo)簽,那么,圖片出錯的位置則會顯示該圖片的Alt標(biāo)簽。Alt標(biāo)簽有利于提升用戶體驗。
Title標(biāo)簽:主要是對鏈接起到注釋或者加強作用,當(dāng)圖片旁邊沒有文字標(biāo)題或者文字標(biāo)題很長顯示不全的時候,這時候加上Title標(biāo)簽,搜索引擎或者用戶對這個鏈接的理解是不是會更好點呢?
對于用戶來講,Title標(biāo)簽就是當(dāng)鼠標(biāo)放在某一張圖片或者某一個鏈接文字上時的提示性的文字,對圖片或者鏈接有個說明,讓用戶更加清楚圖片或者鏈接的內(nèi)容。跟Alt一樣,也有利于提升用戶體驗。
三、Alt標(biāo)簽與Title標(biāo)簽的區(qū)別
Alt標(biāo)簽:
a.對圖片起注釋作用
b.有利于圖片SEO,有利于用戶體驗
c.有圖片的地方都要用到Alt標(biāo)簽
Title標(biāo)簽:
a.對鏈接或圖片起注釋作用
b.有利于提升用戶體驗
c.有鏈接的地方就可以用Title標(biāo)簽
四、兩個常見問題的解答
問題1:如果某一圖片也是帶鏈接的,這兩個標(biāo)簽應(yīng)該如何處理?
答:圖片帶鏈接只是兩者都放到一起了而已,前面我們分析都是單獨分開的,網(wǎng)站中某一圖片帶鏈接的現(xiàn)象很多,比如文章詳情頁里面的插圖。下面給出具體建議:
1、Alt標(biāo)簽一定要做:大家可以想下,需要給圖片做上Alt標(biāo)簽,這時候搜索引擎就會明白這張圖片所要表達(dá)的意思。
2、Title標(biāo)簽可做可不做:Title就是給鏈接做個注釋,這個時候我們可以做,也可以不做。做了,鼠標(biāo)放在圖片上,會出現(xiàn)相應(yīng)的提示,體驗會更好。大家可以根據(jù)自己的實際情況進(jìn)行把握。
問題2:圖片帶鏈接時,可在和標(biāo)簽同時設(shè)置Title,哪個為準(zhǔn)?
答:如上圖,在標(biāo)簽和標(biāo)簽中同時設(shè)置不同的Title,經(jīng)過親測,以
標(biāo)簽中設(shè)置的Title為準(zhǔn)。
五、Alt和Title標(biāo)簽使用需要注意什么?
1、Title標(biāo)簽在一種情況下可以不要用,那就是圖片沒有鏈接,同時圖片旁邊已經(jīng)有文字說明,這時可以不去告訴用戶這個圖片說明什么了。
2、由于搜索引擎是看網(wǎng)頁的源代碼的,如果給圖片或鏈接加上Alt標(biāo)簽或Title,這樣對某一個關(guān)鍵密度的提升也有一定的幫助,但切忌別故意借助這兩個標(biāo)簽來增加某一關(guān)鍵詞的密度。
通過上面的講解,是不是對Alt標(biāo)簽和Title標(biāo)簽有了清晰的認(rèn)識,歡迎留言告訴我們。