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