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