手機(jī)網(wǎng)站圖片多該怎樣優(yōu)化!

2014-02-18    分類: 手機(jī)網(wǎng)站建設(shè)

企業(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)化帶來一定的困難。

如何抓取手機(jī)網(wǎng)站圖片

不過,隨著搜索引擎算法的不斷成熟,現(xiàn)在百度也能抓取網(wǎng)站的圖片,

例如:網(wǎng)站的LOGO、以及和文章主題相關(guān)的圖片等等。十堰網(wǎng)站建設(shè)公司SEO優(yōu)化顧問經(jīng)過長時(shí)間的觀察,

總結(jié)出了以下六種方法,協(xié)助我們優(yōu)化網(wǎng)站和手機(jī)端的圖片,以達(dá)到優(yōu)化友好,迅速被錄入的作用。

一、不要盜用圖片盡量原創(chuàng)

盡量自己做圖片,有很多免費(fèi)的圖片素材,我們可以通過拼接,做出我們需要的圖片。

在平時(shí)工作的時(shí)候,發(fā)現(xiàn)和自己網(wǎng)站相關(guān)的圖片可以先保存下來,在本地做出分類和標(biāo)記。

網(wǎng)站需要圖片的時(shí)候,看看相關(guān)的圖片,自己著手做一個(gè)圖片。這是一個(gè)長期積累的過程,隨之時(shí)間的增加,自己的素材量也會(huì)越來越大。熟練了再做圖片就得心應(yīng)手了。

再這里特別要注意,現(xiàn)在很多圖片是有版權(quán)的,一點(diǎn)不要去使用那些有版權(quán)的圖片,不然不光會(huì)侵權(quán),還會(huì)讓搜索引擎降低對(duì)你網(wǎng)站的信任值。

二、網(wǎng)站圖片保存路徑

這個(gè)問題很多站長都沒有注意,圖片在傳到到網(wǎng)站的時(shí)候,盡量把圖片保存在一個(gè)目錄下面,

或者根據(jù)網(wǎng)站欄目做好相應(yīng)的圖片目錄,上傳的時(shí)候路徑要相對(duì)固定,方便蜘蛛抓取,蜘蛛在訪問到這個(gè)目錄的時(shí)候就會(huì)“知道”這個(gè)目錄里面保存的是圖片;

圖片文件命名最好使用一些有規(guī)律的或者意義的方法,可以使用時(shí)間、欄目名稱或者網(wǎng)站名稱來命名。

例如:SEO優(yōu)化下面的圖片可以使用“SEOYH2018-6-23-36”這種命名,前面“SEOYH”是SEO優(yōu)化的簡拼,中間是時(shí)間,最后是圖片的ID。

為什么要這么做呢?

其實(shí)這樣是培養(yǎng)搜索引擎蜘蛛抓取習(xí)慣,方便將來更快的識(shí)別網(wǎng)站圖片內(nèi)容。讓蜘蛛抓的順心了,網(wǎng)站被收錄的幾率就增加了,何樂而不為呢!

三、圖片周圍要有相關(guān)文字

文章的開頭就說了,網(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)性。

四、圖片添加alt、title標(biāo)簽

許多站長在添加網(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)在有很多在線給圖片瘦身的工具,各位站長可以去嘗試一下,把網(wǎng)站的圖片適當(dāng)?shù)膲嚎s一下,一方面可以減少你服務(wù)器帶寬的壓力,另外還能給用戶有流暢的體驗(yàn)。

六、手機(jī)端自動(dòng)適應(yīng)

很多站長都遇到過網(wǎng)站在電腦訪問圖片顯示很正常,可是從手機(jī)端就會(huì)出現(xiàn)錯(cuò)位等等情況,這就是大尺寸的圖片給不同尺寸的終端造成錯(cuò)位和顯示不全的情況。

圖片自適應(yīng)手機(jī)端

其實(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)站。

本文題目:手機(jī)網(wǎng)站圖片多該怎樣優(yōu)化!
鏈接地址:http://www.bm7419.com/news/6163.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站營銷手機(jī)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)

手機(jī)網(wǎng)站建設(shè)知識(shí)