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