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

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