SEO最容易被忽略的圖片優(yōu)化技巧
SEO最容易被忽略的圖片優(yōu)化技巧,精美的圖片讓人看著賞心悅目,增加美感,但如果網(wǎng)站大部分是圖片,而且沒(méi)有經(jīng)過(guò)優(yōu)化,就會(huì)影響到搜索引擎的收錄和排名,也會(huì)損失不少流量。因?yàn)閳D片不能被搜索引擎很好地識(shí)別,無(wú)論圖片內(nèi)容是什么,哪怕是一個(gè)美女(如劉亦菲、范冰冰等),也很難吸引搜索引擎的抓取。因此,圖片優(yōu)化是SEO中重要的一部分。
百度在《百度搜索引擎優(yōu)化指南》中強(qiáng)調(diào),百度只能讀懂文本內(nèi)容,暫時(shí)不能處理Flash、圖片等非文本內(nèi)容。
下面來(lái)看一個(gè)案例:圖2所示為一個(gè)婚紗攝影網(wǎng)站,網(wǎng)站從上到下由漂亮的圖片和Flash組成,大紅色。很喜慶。雖然圖片很漂亮,但文字信息均在圖片、Falsh中,搜索引擎讀不懂。那么,這個(gè)網(wǎng)站對(duì)搜索引擎來(lái)講,沒(méi)有任何內(nèi)容,如果要做SEO,優(yōu)化關(guān)鍵詞還是有一定難度的,這時(shí)就需要對(duì)圖片進(jìn)行優(yōu)化(注意:如果整個(gè)網(wǎng)站都是圖片,就需要改版,多增加文字板塊)。
如果你的網(wǎng)站圖片比較多,需要針對(duì)網(wǎng)站中重要的圖片進(jìn)行優(yōu)化,最簡(jiǎn)單的方式就是為圖片添加alt屬性(文本形式),也就是為每張圖片起一個(gè)名字,告訴搜索引擎圖片的意思,這樣搜索引擎就能讀懂圖片的內(nèi)容了。
1 、圖片優(yōu)化的好處
(1)搜索引擎能夠很好地識(shí)別圖片的意思,方便抓取,利于在圖片搜索中找到圖片,為網(wǎng)站帶來(lái)更多流量。
除了在圖片搜索中可以找到網(wǎng)站的圖片,如果是一些熱門關(guān)鍵詞,也可以在百度搜索結(jié)果頁(yè)展示,大大增加網(wǎng)站的流量。,在百度中搜索“婚紗攝影”,搜索結(jié)果頁(yè)第一位出現(xiàn)了百度圖片,用戶被漂亮的圖片吸引,點(diǎn)開欣賞,進(jìn)而進(jìn)入圖片所在網(wǎng)站。
(2)圖片的alt屬性中可以融人關(guān)鍵詞,增加關(guān)鍵詞的密度,利于提升關(guān)鍵詞排名。
2 、網(wǎng)站中哪些圖片需要優(yōu)化
網(wǎng)站中有很多圖片,不是每張圖片都需要優(yōu)化,針對(duì)重要圖片優(yōu)化,能夠讓搜索引擎識(shí)別、抓取即可。
(1)公司LOGO圖。
(2)網(wǎng)站首頁(yè)第一屏幻燈圖片(不要使用Flash)。
(3)網(wǎng)站首頁(yè)公司介紹中的配圖。
(4)每個(gè)產(chǎn)品圖片。
(5)發(fā)布文章中的配圖。
3、如何為圖片增加alt屬性
1.公司LOGO圖片
通過(guò)在網(wǎng)頁(yè)空白處右鍵查看源代碼,發(fā)現(xiàn)LOGO沒(méi)有alt文字屬性,LOGO圖片代碼原來(lái)為:
無(wú)alt文字說(shuō)明
添加alt文字的正確寫法為:
在“<>”中間加上“alt=SEO知否”的說(shuō)明性文字即可。具體修改位置需要在FTP中找到頭部模板( head.htm),在模板中對(duì)LOGO圖片代碼添加alt屬性。
2.網(wǎng)站首頁(yè)第一屏幻燈圖片(禁止使用Flash)
網(wǎng)站首頁(yè)第一屏幻燈圖片,即LOGO下面的大圖,現(xiàn)在大部分企業(yè)網(wǎng)站均有這樣的大圖,通過(guò)大圖展示企業(yè)的實(shí)力和產(chǎn)品的賣點(diǎn)。但部分企業(yè)這樣的大圖是Flash制作的,既影響打開速度,還無(wú)法進(jìn)行優(yōu)化。網(wǎng)站的幻燈圖片即為Flash圖片。建議換成圖片展示,并增加alt文字屬性,在FTP中找到首頁(yè)模板。然后找到幻燈圖片建議換成圖片展示,并增加alt文字屬性,在FTP中找到首頁(yè)模板,然后找到幻燈圖片地址添加alt屬性。以DEDECMS為例,head.htm為頭部模板文件,index.htm為首頁(yè)模板文件。
3.網(wǎng)站首頁(yè)公司介紹中的配圖
企業(yè)網(wǎng)站首頁(yè)必須要有企業(yè)介紹模塊,一方面可以讓用戶直接了解你;另一方面在介紹中可以布局關(guān)鍵詞,利于關(guān)鍵詞排名。一般也會(huì)配一張公司的場(chǎng)景圖片,但很多企業(yè)圖片沒(méi)有alt,對(duì)于搜索引擎來(lái)說(shuō),沒(méi)什么價(jià)值,需要添加alt屬性。
通過(guò)在網(wǎng)頁(yè)空白處右鍵查看源代碼,發(fā)現(xiàn)公司介紹圖片沒(méi)有alt文字屬性。
如果在這個(gè)位置添加alt屬性,需要通過(guò)找到首頁(yè)模板(index.htm)找到對(duì)應(yīng)的圖片代碼,在代碼中添加alt屬性。
4.每個(gè)產(chǎn)品圖片
企業(yè)網(wǎng)站最重要的信息就是產(chǎn)品,產(chǎn)品圖片相應(yīng)地也會(huì)比較多。為每張產(chǎn)品圖片增加關(guān)鍵詞,可以增加關(guān)鍵詞的密度,利于排名。以帝國(guó)程序?yàn)槔?,發(fā)布產(chǎn)品介紹時(shí)要配產(chǎn)品圖。如何做呢
第一步:選擇圖片按鈕;
第二步:點(diǎn)擊上傳;
第三步:選擇文件上傳圖片;
第四步:填寫替換文本(這里的替換文本是alt屬性,把產(chǎn)品標(biāo)題填進(jìn)框中即可)。
注意:圖片不要太大,在頁(yè)面中要能夠全部顯示,如果太大,可以修改圖片顯示尺寸。
5.發(fā)布文章中的配圖
網(wǎng)站要吸引蜘蛛來(lái)抓取,增加網(wǎng)站收錄,獲得排名,就需要不斷為網(wǎng)站更新文章。如果文章中有配圖,則更容易收錄和獲得排名。具體如何添加alt屬性,與產(chǎn)品圖片增加alt –樣。
除了alt文字屬性,還可以考慮使用以下方法直接優(yōu)化圖像,使之能夠被搜索到:
(1)在圖片上方或下方加上包含關(guān)鍵詞的描述文本。
(2)在圖片下方增加文字描述。
總之,網(wǎng)頁(yè)應(yīng)盡量減少裝飾性圖片以及大圖片。而alt屬性中的文字對(duì)搜索引擎來(lái)說(shuō),其重要性比正文內(nèi)容的文字要低。
4 、圖片加alt的注意事項(xiàng)
1.每個(gè)圖片都要有不同的名字
網(wǎng)站圖片在加alt屬性時(shí),名字不能隨便寫,要根據(jù)圖片的內(nèi)容來(lái)寫。每張圖片都要有自己的名字,不要全部寫成小狗或斑點(diǎn)狗,不然會(huì)造成關(guān)鍵詞惡意堆積。注意:哪怕圖片相近,也需要取不同的名字,就好像看到一對(duì)雙胞胎兄弟,雖然兩個(gè)小孩長(zhǎng)得很像,但是他倆的名字肯定是不一樣的,父母要把他們的名字區(qū)分開,方便大家記憶。所以,搜索引擎也一樣,會(huì)根據(jù)圖片的alt說(shuō)明來(lái)抓取圖片的內(nèi)容。
2.不要為了提高關(guān)鍵詞的密度,把很多關(guān)鍵詞堆積到一起
如,由很多關(guān)鍵詞堆積在一起,這就屬于惡意關(guān)鍵詞堆積,因?yàn)榍懊嬲f(shuō)過(guò)關(guān)鍵詞的出現(xiàn)要合理,要讓用戶讀起來(lái)自然通暢,用戶能看懂的,才是搜索引擎認(rèn)為有價(jià)值的信息,如果這段話我們自己讀起來(lái)都費(fèi)勁兒,那么搜索引擎也是不喜歡的,要避免(這樣會(huì)被認(rèn)為是作弊)這種情況。
5 、圖片如何營(yíng)造最佳用戶體驗(yàn)
1.高質(zhì)量相片比內(nèi)容模糊的圖片更能吸引用戶
網(wǎng)站站長(zhǎng)更傾向于鏈接至高質(zhì)量的圖片,這種圖片可增加網(wǎng)站的訪問(wèn)量。在搜索結(jié)果中以縮略圖版本形式顯示的整潔、清晰的圖片也會(huì)取得更好的效果,這樣用戶可能更愿意點(diǎn)擊這些圖片。
2.每張圖片創(chuàng)建一個(gè)單獨(dú)的目標(biāo)網(wǎng)頁(yè)
確保在每個(gè)網(wǎng)頁(yè)上提供唯一的信息,不要一張圖片運(yùn)用多次。
3.將圖片放在靠近網(wǎng)頁(yè)頂部的位置
并不是所有用戶都會(huì)瀏覽到網(wǎng)頁(yè)的底部,因此將圖片放在靠近網(wǎng)頁(yè)頂部的位置,以便用戶可以立即看到您的圖片。
4.結(jié)構(gòu)化目錄,以將類似圖片保存在一起
為縮略圖和完整大小的圖片分別提供一個(gè)目錄,或者為各種類別的圖片創(chuàng)建單獨(dú)的目錄。
5.指定所有圖片的寬度和高度
指定上述尺寸,可以提高網(wǎng)頁(yè)載人速度,從而改善用戶體驗(yàn)。將圖片控制在一定范圍,放置在不同瀏覽器下顯示的尺寸不一致。
圖片優(yōu)化只是圖片細(xì)節(jié)方面需要注意,SEO重在為用戶著想,把用戶體驗(yàn)放在第一位。
最后需要補(bǔ)充的是,目前百度已經(jīng)可以識(shí)別大部分圖片,在上傳圖片中,盡量使用原創(chuàng)的圖片,或者給圖片增加自己的水印。