企業在網站(zhàn)建設時(shí),很(hěn)多同時(shí)也(yě)做了(le)手機端的網站(zhàn),爲了(le)豐富網站(zhàn)的版面和(hé)内容,給網站(zhàn)添加了(le)大(dà)量的圖片做美(měi)化。網站(zhàn)的圖片是一個網站(zhàn)能(néng)給用(yòng)戶最直觀的信息表現(xiàn),而對(duì)于搜索引擎而言,蜘蛛在随機抓取網站(zhàn)圖片時(shí)候的識别能(néng)力還沒有那麽強。如果文(wén)字很(hěn)少,圖片很(hěn)多也(yě)會(huì)給手機端網站(zhàn)SEO優化帶來(lái)一定的困難。
抓取手機網站(zhàn)圖片
不過,随着搜索引擎算(suàn)法的不斷成熟,現(xiàn)在百度也(yě)能(néng)抓取網站(zhàn)的圖片,例如:網站(zhàn)的LOGO、以及和(hé)文(wén)章主題相關的圖片等等。合肥拓野網絡公司SEO優化顧問經過長時(shí)間的觀察,總結出了(le)以下(xià)六種方法,協助我們優化網站(zhàn)和(hé)手機端的圖片,以達到(dào)優化友好(hǎo),迅速被錄入的作(zuò)用(yòng)。
一、不要盜用(yòng)圖片盡量原創
盡量自(zì)己做圖片,有很(hěn)多免費的圖片素材,我們可以通過拼接,做出我們需要的圖片。
在平時(shí)工(gōng)作(zuò)的時(shí)候,發現(xiàn)和(hé)自(zì)己網站(zhàn)相關的圖片可以先保存下(xià)來(lái),在本地做出分類和(hé)标記。網站(zhàn)需要圖片的時(shí)候,看(kàn)看(kàn)相關的圖片,自(zì)己着手做一個圖片。這(zhè)是一個長期積累的過程,随之時(shí)間的增加,自(zì)己的素材量也(yě)會(huì)越來(lái)越大(dà)。熟練了(le)再做圖片就得心應手了(le)。
圖片版權
再這(zhè)裏特别要注意,現(xiàn)在很(hěn)多圖片是有版權的,一點不要去使用(yòng)那些(xiē)有版權的圖片,不然不光會(huì)侵權,還會(huì)讓搜索引擎降低(dī)對(duì)你(nǐ)網站(zhàn)的信任值。
二、網站(zhàn)圖片保存路徑
這(zhè)個問題很(hěn)多站(zhàn)長都沒有注意,圖片在傳到(dào)到(dào)網站(zhàn)的時(shí)候,盡量把圖片保存在一個目錄下(xià)面,或者根據網站(zhàn)欄目做好(hǎo)相應的圖片目錄,上(shàng)傳的時(shí)候路徑要相對(duì)固定,方便蜘蛛抓取,蜘蛛在訪問到(dào)這(zhè)個目錄的時(shí)候就會(huì)“知(zhī)道(dào)”這(zhè)個目錄裏面保存的是圖片;
圖片文(wén)件命名最好(hǎo)使用(yòng)一些(xiē)有規律的或者意義的方法,可以使用(yòng)時(shí)間、欄目名稱或者網站(zhàn)名稱來(lái)命名。例如:SEO優化下(xià)面的圖片可以使用(yòng)“SEOYH2018-6-23-36”這(zhè)種命名,前面“SEOYH”是SEO優化的簡拼,中間是時(shí)間,最後是圖片的ID。
爲什(shén)麽要這(zhè)麽做呢(ne)?其實這(zhè)樣是培養搜索引擎蜘蛛抓取習慣,方便将來(lái)更快(kuài)的識别網站(zhàn)圖片内容。讓蜘蛛抓的順心了(le),網站(zhàn)被收錄的幾率就增加了(le),何樂而不爲呢(ne)!
三、圖片周圍要有相關文(wén)字
文(wén)章的開(kāi)頭就說了(le),網站(zhàn)圖片是能(néng)把信息直接呈現(xiàn)給用(yòng)戶一個方法,搜索引擎在抓取網站(zhàn)内容的時(shí)候,也(yě)會(huì)檢測這(zhè)篇文(wén)章是否有配圖、視(shì)頻或者表格等等,這(zhè)些(xiē)都是可以增加文(wén)章分數值的元素,其他(tā)的幾個形式暫時(shí)不表,這(zhè)裏我們隻說說關于圖片周圍相關文(wén)字的介紹。
圖片符合主題
首先圖片周邊文(wén)字要與圖片本身内容相符,例如你(nǐ)的文(wén)章說的是做網站(zhàn)優化,裏面配圖是一道(dào)菜譜的圖片,這(zhè)不是挂羊頭賣狗肉麽?用(yòng)戶的訪問感會(huì)極差,搜索引擎通過相關算(suàn)法識别這(zhè)張圖片以後,也(yě)會(huì)覺得圖文(wén)不符,給你(nǐ)差評哦。
所以,每篇文(wén)章最少要配一張相應的圖片,而且在圖片的周圍要出現(xiàn)和(hé)你(nǐ)網站(zhàn)标題相關的内容。不但(dàn)能(néng)幫助搜索引擎理(lǐ)解圖片,還可以增加文(wén)章的可讀性、用(yòng)戶體驗友好(hǎo)度以及相關性。
四、圖片添加alt、title标簽
許多站(zhàn)長在添加網站(zhàn)圖片時(shí)可能(néng)沒有留意這(zhè)些(xiē)細節,有的可能(néng)覺得麻煩,希望大(dà)家千萬别有這(zhè)種想法,這(zhè)是大(dà)錯特錯的。
搜索引擎抓取網站(zhàn)圖片的時(shí)候,atl标簽是它首先抓取的,也(yě)是識别圖片内容最重要的核心因素之一,圖片的alt屬性是直接告訴搜索引擎這(zhè)是啥網站(zhàn)圖片,以及這(zhè)張要表達什(shén)麽意思;
title标簽是用(yòng)戶指向這(zhè)張圖片的時(shí)候,會(huì)顯示的提示内容,這(zhè)是增加用(yòng)戶體驗度和(hé)增加網站(zhàn)關鍵詞的一個小(xiǎo)技巧。
alt和(hé)title标簽
還有就是這(zhè)兩個屬性,會(huì)給有閱讀障礙的訪問者提供訪問的便利,例如:有盲人在訪問你(nǐ)網站(zhàn)的時(shí)候,他(tā)看(kàn)不到(dào)屏幕上(shàng)的内容,可能(néng)是通過讀屏軟件來(lái)閱讀的,如果有alt屬性,軟件會(huì)直接讀出alt屬性裏的文(wén)字,給他(tā)們的訪問提供方便。
五、圖片的大(dà)小(xiǎo)和(hé)分辨率
盡管兩者看(kàn)起來(lái)有些(xiē)相同,但(dàn)還是有很(hěn)大(dà)的差别,相同大(dà)小(xiǎo)的圖片,分辨率更高(gāo)的話(huà),網站(zhàn)最終體積也(yě)會(huì)越大(dà)。這(zhè)一點大(dà)家要搞清楚。
網站(zhàn)的上(shàng)的圖片,一直以來(lái)都提倡用(yòng)盡量小(xiǎo)的圖片,去最大(dà)化呈現(xiàn)内容。爲什(shén)麽要這(zhè)樣呢(ne)?因爲小(xiǎo)尺寸的圖片會(huì)加載的更快(kuài),不會(huì)讓訪問者等待太久,特别是手機訪問的時(shí)候,由于手機上(shàng)網速度和(hé)流量的限制,用(yòng)戶更願意訪問能(néng)立即打開(kāi)的頁面,小(xiǎo)尺寸圖片就更有優勢了(le)。
在這(zhè)裏我們盡量做好(hǎo)平衡,在圖片不失真的情況下(xià),尺寸最好(hǎo)盡量的小(xiǎo)。現(xiàn)在有很(hěn)多在線給圖片瘦身的工(gōng)具,各位站(zhàn)長可以去嘗試一下(xià),把網站(zhàn)的圖片适當的壓縮一下(xià),一方面可以減少你(nǐ)服務器帶寬的壓力,另外(wài)還能(néng)給用(yòng)戶有流暢的體驗。
六、手機端自(zì)動适應
很(hěn)多站(zhàn)長都遇到(dào)過網站(zhàn)在電腦(nǎo)訪問圖片顯示很(hěn)正常,可是從(cóng)手機端就會(huì)出現(xiàn)錯位等等情況,這(zhè)就是大(dà)尺寸的圖片給不同尺寸的終端造成錯位和(hé)顯示不全的情況。
圖片自(zì)适應手機端
其實這(zhè)個問題很(hěn)好(hǎo)解決,在添加圖片的時(shí)候寬高(gāo)最好(hǎo)不要使用(yòng)絕對(duì)大(dà)小(xiǎo),使用(yòng)百分比就解決了(le)。具體說,CSS代碼不能(néng)指定像素寬度:width:xxx px;隻能(néng)指定百分比寬度:width: xx%;或者width:auto就可以了(le)。
這(zhè)樣做的目的也(yě)是爲了(le)讓百度的移動蜘蛛抓取的時(shí)候有個良好(hǎo)的體驗,這(zhè)也(yě)是爲了(le)更符合百度移動落地頁體驗。
以上(shàng)介紹了(le)在網站(zhàn)SEO優化如何抓取手機網站(zhàn)圖片的一些(xiē)技巧,其實本質就是爲了(le)給用(yòng)戶更好(hǎo)的訪問體驗。你(nǐ)做網站(zhàn)的時(shí)候本着這(zhè)個目的,相信搜索引擎一定會(huì)青睐你(nǐ)的網站(zhàn)。
|