對于網(wǎng)站圖片進(jìn)行優(yōu)化,是提高用戶體驗(yàn)的途徑之一,那么應(yīng)該如何優(yōu)化圖片呢?安慶SEO優(yōu)化小編為大家分享:
首先,我們先來了解一下,一張標(biāo)準(zhǔn)的圖片所應(yīng)包含的關(guān)鍵標(biāo)簽。通常,一張標(biāo)準(zhǔn)的圖片所嵌入的代碼一般應(yīng)包含5個(gè)標(biāo)簽,即Src,Width,Height,Alt和Title。
在網(wǎng)頁中插入圖片需要用到Html語言中的img元素。從技術(shù)上講,標(biāo)簽不是指在網(wǎng)頁中插入圖像,而是在網(wǎng)頁鏈接圖像,標(biāo)簽創(chuàng)建的就是被引用圖像的占位空間。其中,Src和Alt是所必需的兩個(gè)屬性。知己知彼百戰(zhàn)不殆,接下來,我們就逐一來認(rèn)識一下這5個(gè)標(biāo)簽。
1. Src
Src的值(value)指代的是圖像文件的路徑(Url),也就是所引用的圖像的絕對路徑(Url)或相對路徑(Url),其中,絕對路徑(Url)指向其它站點(diǎn),也就是從其它網(wǎng)站引用來的圖片的鏈接地址,相對路徑(Url)是指向自身站點(diǎn)的文件地址。對SEO工作來說,絕對路徑可以理解為直接從其它網(wǎng)站拿來的圖片指向的圖片地址,而相對路徑是自身電腦上的圖片的路徑。
2. Alt
Alt,圖片的替代文本,是在圖片無法顯示或用戶禁用圖像顯示時(shí),代替圖片顯示在瀏覽器中的內(nèi)容。Alt屬性的值(Value)是一個(gè)最多可包含1024個(gè)字符的字符串,其中包括空格和標(biāo)點(diǎn)。其語法是。在寫Alt標(biāo)簽時(shí),盡量要用一個(gè)最簡單的句子把圖片的要義完整的表達(dá)出來,同時(shí),為加速搜索引擎爬蟲對圖片的抓取,也能在Alt標(biāo)簽中加一個(gè)文章的主關(guān)鍵詞。
3. Title
Title,是當(dāng)鼠標(biāo)放到圖片上時(shí)所顯示的文字。如果圖片上加有超鏈接,title屬性就可用來對這一圖片鏈接進(jìn)行解釋說明。當(dāng)圖片有鏈接時(shí),用戶點(diǎn)擊圖片會(huì)顯示文字,用戶可根據(jù)文字來判斷對加載頁面是否有興趣,進(jìn)而減少無用的頁面加載;當(dāng)圖片沒有鏈接,同時(shí),圖片旁邊沒有文字標(biāo)題或文字標(biāo)題很長且顯示不全時(shí),title屬性就可告訴用戶這個(gè)圖片是什么,提高用戶體驗(yàn)。
4. Width和Height
Width和Height,是圖片的寬和高,也就是圖片的大小。過大的圖片,會(huì)降低網(wǎng)頁的加載速度,過小則有可能影響圖片的清晰度。對于網(wǎng)站導(dǎo)航、背景等圖片,可參考百度、新浪等門戶網(wǎng)站的圖片尺寸,但對于文章中的圖片,就可具體情況具體分析。不過,質(zhì)量佳且清晰的圖片,有助于提高用戶體驗(yàn)。
然后,我們來看一下,網(wǎng)站圖片優(yōu)化中需注意的一些細(xì)節(jié)。
常言道,細(xì)節(jié)決定成敗,于細(xì)微之處見真章。圖片優(yōu)化,看似不如網(wǎng)站日常內(nèi)容更新重要,但也有很多需注意的細(xì)節(jié)。
1. 為方便圖片被搜索引擎抓取,要對網(wǎng)站的Robots.txt文件進(jìn)行設(shè)置。設(shè)置時(shí),盡量不要使用Javascript鏈接圖片,因?yàn)檫@樣不利于搜索引擎檢索圖片文檔。
2. 在SEO優(yōu)化工作中,網(wǎng)站中有些圖片并不需要被搜索引擎抓取和收錄,比如網(wǎng)站模板和導(dǎo)航中的圖片及背景圖片等。在優(yōu)化中,我們就應(yīng)將這些圖片放在一個(gè)單獨(dú)的文件夾,并通過設(shè)置robots.txt文件來阻止搜索引擎抓取這些圖片。
3. 網(wǎng)站中用到的圖片,最好先保存至本地服務(wù)器,也就是要保存到自己的電腦上,然后再進(jìn)行調(diào)用。因?yàn)閺钠渌W(wǎng)站復(fù)制來的圖片,不僅影響圖片的加載速度,而且圖片穩(wěn)定性不好,容易丟失,間接也會(huì)影響用戶的體驗(yàn)。不要試圖用“借用”其它網(wǎng)站圖片的方法,來為網(wǎng)站換取友鏈,因?yàn)檎驹赟EO的角度來講,文字的錨文本效果要遠(yuǎn)優(yōu)于圖片。換言之,如果圖片鏈接的網(wǎng)站出現(xiàn)問題,也會(huì)對自身網(wǎng)站造成一定的影響。在將圖片保存到自身電腦上時(shí),要對圖片進(jìn)行重新命名,盡量使用描述性且包含目標(biāo)關(guān)鍵詞的短句,這樣在調(diào)用時(shí),一般可直接作為Alt標(biāo)簽使用。
4. 同一個(gè)網(wǎng)頁中,圖片的數(shù)量不要過多,但要精。因?yàn)閳D片過多,會(huì)增加頁面的體積,影響網(wǎng)頁的加載速度,也會(huì)影響網(wǎng)站用戶的體驗(yàn)。通常,一個(gè)網(wǎng)頁的正文中不要超過4張圖片。
5. 要保證圖片和網(wǎng)站的相關(guān)性。通常,訪問網(wǎng)站的用戶,瀏覽圖片可能不是他前來的目的,但圖片的存在,可使訪問者在頁面停留的時(shí)間更久一些。雖然根據(jù)相關(guān)機(jī)構(gòu)對眼睛追蹤的研究結(jié)果表明,訪問者在瀏覽網(wǎng)頁時(shí),文字優(yōu)先于圖片,但圖片會(huì)讓訪客停留的時(shí)間更久,并對頁面的印象更深刻。不過,站在另一個(gè)角度,不管是網(wǎng)站中的圖片,還是文章中的圖片,為便于優(yōu)化,也為了質(zhì)量度,因?yàn)镻PC廣告中關(guān)鍵詞和著陸頁的相關(guān)性及著陸頁的設(shè)計(jì)和內(nèi)容,會(huì)影響某一關(guān)鍵詞的質(zhì)量度,進(jìn)而會(huì)影響相關(guān)PPC廣告的點(diǎn)擊價(jià)格。
6. 對原創(chuàng)圖片添加水印。為避免網(wǎng)站中辛辛苦苦做出來的圖片被他人拿去使用,我們可對圖片加水印。網(wǎng)站導(dǎo)航、背景等圖片,配合網(wǎng)站相關(guān)設(shè)計(jì),適當(dāng)可加入一些標(biāo)識,但文章內(nèi)容中的圖片,都可加上水印,雖不能避免被他人拿去使用,但使用的人,需要耗費(fèi)精力對圖片進(jìn)行再編輯。
7. 在圖片周圍添加相關(guān)信息。在Google中搜索圖片,會(huì)不難發(fā)現(xiàn),每張圖片下都會(huì)有一段描述性文字,其中關(guān)鍵詞用粗體顯示。這是因?yàn),Google圖片搜索通過分析頁面圖片周圍的文字、圖片標(biāo)題及許多其它元素來確定圖片內(nèi)容,所以,在圖片周圍添加包含關(guān)鍵詞的描述信息,可優(yōu)化網(wǎng)站圖片在搜索引擎中的排名。
有時(shí),為檢查對網(wǎng)站圖片的優(yōu)化是否成功,檢查搜索引擎對網(wǎng)站圖片的收錄情況是必需的。檢查的方法很簡單。以Google為例,在Google圖片搜索的導(dǎo)航下,在搜索欄中輸入網(wǎng)站的域名即可。在百度中,則需在圖片搜索下的搜索欄中,輸入site:網(wǎng)站域名,就可檢查網(wǎng)站圖片的收錄情況。
以上就是我們今天為大家分享的內(nèi)容,更多資訊歡迎持續(xù)關(guān)注:http://www.aqseo.cn/ 。
網(wǎng)站首頁 | 關(guān)于我們 | 解決方案 | 新聞動(dòng)態(tài) | 建站知識 | 優(yōu)化知識 | 聯(lián)系我們 | 淮南中拓網(wǎng)絡(luò)科技有限公司 版權(quán)所有 zt0554.cn 皖I(lǐng)CP備13002443號-2 |