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