企業在網站建設時(shí)，很多(duō)同時(shí)也(yě)做(zuò)了(le)手機端的(de)網站，爲了(le)豐富網站的(de)版面和(hé)内容，給網站添加了(le)大(dà)量的(de)圖片做(zuò)美(měi)化(huà)。網站的(de)圖片是一個(gè)網站能給用(yòng)戶最直觀的(de)信息表現，而對(duì)于搜索引擎而言，蜘蛛在随機抓取網站圖片時(shí)候的(de)識别能力還(hái)沒有那麽強。如果文字很少，圖片很多(duō)也(yě)會給手機端網站SEO優化(huà)帶來(lái)一定的(de)困難。

抓取手機網站圖片

不過，随著(zhe)搜索引擎算(suàn)法的(de)不斷成熟，現在百度也(yě)能抓取網站的(de)圖片，例如：網站的(de)LOGO、以及和(hé)文章(zhāng)主題相關的(de)圖片等等。合肥拓野網絡公司SEO優化(huà)顧問經過長(cháng)時(shí)間的(de)觀察，總結出了(le)以下(xià)六種方法，協助我們優化(huà)網站和(hé)手機端的(de)圖片，以達到優化(huà)友好，迅速被錄入的(de)作用(yòng)。

一、不要盜用(yòng)圖片盡量原創

盡量自己做(zuò)圖片，有很多(duō)免費的(de)圖片素材，我們可(kě)以通(tōng)過拼接，做(zuò)出我們需要的(de)圖片。

在平時(shí)工作的(de)時(shí)候，發現和(hé)自己網站相關的(de)圖片可(kě)以先保存下(xià)來(lái)，在本地做(zuò)出分(fēn)類和(hé)标記。網站需要圖片的(de)時(shí)候，看看相關的(de)圖片，自己著(zhe)手做(zuò)一個(gè)圖片。這(zhè)是一個(gè)長(cháng)期積累的(de)過程，随之時(shí)間的(de)增加，自己的(de)素材量也(yě)會越來(lái)越大(dà)。熟練了(le)再做(zuò)圖片就得(de)心應手了(le)。

圖片版權

再這(zhè)裏特别要注意，現在很多(duō)圖片是有版權的(de)，一點不要去使用(yòng)那些有版權的(de)圖片，不然不光(guāng)會侵權，還(hái)會讓搜索引擎降低對(duì)你網站的(de)信任值。

二、網站圖片保存路徑

這(zhè)個(gè)問題很多(duō)站長(cháng)都沒有注意，圖片在傳到到網站的(de)時(shí)候，盡量把圖片保存在一個(gè)目錄下(xià)面，或者根據網站欄目做(zuò)好相應的(de)圖片目錄，上傳的(de)時(shí)候路徑要相對(duì)固定，方便蜘蛛抓取，蜘蛛在訪問到這(zhè)個(gè)目錄的(de)時(shí)候就會“知道”這(zhè)個(gè)目錄裏面保存的(de)是圖片;

圖片文件命名最好使用(yòng)一些有規律的(de)或者意義的(de)方法，可(kě)以使用(yòng)時(shí)間、欄目名稱或者網站名稱來(lái)命名。例如：SEO優化(huà)下(xià)面的(de)圖片可(kě)以使用(yòng)“SEOYH2018-6-23-36”這(zhè)種命名，前面“SEOYH”是SEO優化(huà)的(de)簡拼，中間是時(shí)間，最後是圖片的(de)ID。

爲什(shén)麽要這(zhè)麽做(zuò)呢(ne)?其實這(zhè)樣是培養搜索引擎蜘蛛抓取習(xí)慣，方便将來(lái)更快(kuài)的(de)識别網站圖片内容。讓蜘蛛抓的(de)順心了(le)，網站被收錄的(de)幾率就增加了(le)，何樂(yuè)而不爲呢(ne)!

三、圖片周圍要有相關文字

文章(zhāng)的(de)開頭就說了(le)，網站圖片是能把信息直接呈現給用(yòng)戶一個(gè)方法，搜索引擎在抓取網站内容的(de)時(shí)候，也(yě)會檢測這(zhè)篇文章(zhāng)是否有配圖、視頻(pín)或者表格等等，這(zhè)些都是可(kě)以增加文章(zhāng)分(fēn)數值的(de)元素，其他(tā)的(de)幾個(gè)形式暫時(shí)不表，這(zhè)裏我們隻說說關于圖片周圍相關文字的(de)介紹。

圖片符合主題

首先圖片周邊文字要與圖片本身内容相符，例如你的(de)文章(zhāng)說的(de)是做(zuò)網站優化(huà)，裏面配圖是一道菜譜的(de)圖片，這(zhè)不是挂羊頭賣狗肉麽?用(yòng)戶的(de)訪問感會極差，搜索引擎通(tōng)過相關算(suàn)法識别這(zhè)張圖片以後，也(yě)會覺得(de)圖文不符，給你差評哦。

所以，每篇文章(zhāng)最少要配一張相應的(de)圖片，而且在圖片的(de)周圍要出現和(hé)你網站标題相關的(de)内容。不但能幫助搜索引擎理(lǐ)解圖片，還(hái)可(kě)以增加文章(zhāng)的(de)可(kě)讀性、用(yòng)戶體驗友好度以及相關性。

四、圖片添加alt、title标簽

許多(duō)站長(cháng)在添加網站圖片時(shí)可(kě)能沒有留意這(zhè)些細節，有的(de)可(kě)能覺得(de)麻煩，希望大(dà)家千萬别有這(zhè)種想法，這(zhè)是大(dà)錯特錯的(de)。

搜索引擎抓取網站圖片的(de)時(shí)候，atl标簽是它首先抓取的(de)，也(yě)是識别圖片内容最重要的(de)核心因素之一，圖片的(de)alt屬性是直接告訴搜索引擎這(zhè)是啥網站圖片，以及這(zhè)張要表達什(shén)麽意思;

title标簽是用(yòng)戶指向這(zhè)張圖片的(de)時(shí)候，會顯示的(de)提示内容，這(zhè)是增加用(yòng)戶體驗度和(hé)增加網站關鍵詞的(de)一個(gè)小技巧。

alt和(hé)title标簽

還(hái)有就是這(zhè)兩個(gè)屬性，會給有閱讀障礙的(de)訪問者提供訪問的(de)便利，例如：有盲人(rén)在訪問你網站的(de)時(shí)候，他(tā)看不到屏幕上的(de)内容，可(kě)能是通(tōng)過讀屏軟件來(lái)閱讀的(de)，如果有alt屬性，軟件會直接讀出alt屬性裏的(de)文字，給他(tā)們的(de)訪問提供方便。

五、圖片的(de)大(dà)小和(hé)分(fēn)辨率

盡管兩者看起來(lái)有些相同，但還(hái)是有很大(dà)的(de)差别，相同大(dà)小的(de)圖片，分(fēn)辨率更高(gāo)的(de)話(huà)，網站最終體積也(yě)會越大(dà)。這(zhè)一點大(dà)家要搞清楚。

網站的(de)上的(de)圖片，一直以來(lái)都提倡用(yòng)盡量小的(de)圖片，去最大(dà)化(huà)呈現内容。爲什(shén)麽要這(zhè)樣呢(ne)?因爲小尺寸的(de)圖片會加載的(de)更快(kuài)，不會讓訪問者等待太久，特别是手機訪問的(de)時(shí)候，由于手機上網速度和(hé)流量的(de)限制，用(yòng)戶更願意訪問能立即打開的(de)頁面，小尺寸圖片就更有優勢了(le)。

在這(zhè)裏我們盡量做(zuò)好平衡，在圖片不失真的(de)情況下(xià)，尺寸最好盡量的(de)小。現在有很多(duō)在線給圖片瘦身的(de)工具，各位站長(cháng)可(kě)以去嘗試一下(xià)，把網站的(de)圖片适當的(de)壓縮一下(xià)，一方面可(kě)以減少你服務器帶寬的(de)壓力，另外還(hái)能給用(yòng)戶有流暢的(de)體驗。

六、手機端自動适應

很多(duō)站長(cháng)都遇到過網站在電腦(nǎo)訪問圖片顯示很正常，可(kě)是從手機端就會出現錯位等等情況，這(zhè)就是大(dà)尺寸的(de)圖片給不同尺寸的(de)終端造成錯位和(hé)顯示不全的(de)情況。

圖片自适應手機端

其實這(zhè)個(gè)問題很好解決，在添加圖片的(de)時(shí)候寬高(gāo)最好不要使用(yòng)絕對(duì)大(dà)小，使用(yòng)百分(fēn)比就解決了(le)。具體說，CSS代碼不能指定像素寬度：width:xxx px;隻能指定百分(fēn)比寬度：width: xx%;或者width:auto就可(kě)以了(le)。

這(zhè)樣做(zuò)的(de)目的(de)也(yě)是爲了(le)讓百度的(de)移動蜘蛛抓取的(de)時(shí)候有個(gè)良好的(de)體驗，這(zhè)也(yě)是爲了(le)更符合百度移動落地頁體驗。

以上介紹了(le)在網站SEO優化(huà)如何抓取手機網站圖片的(de)一些技巧，其實本質就是爲了(le)給用(yòng)戶更好的(de)訪問體驗。你做(zuò)網站的(de)時(shí)候本著(zhe)這(zhè)個(gè)目的(de)，相信搜索引擎一定會青睐你的(de)網站。