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

文章的開頭就說了，網(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é)，有的可能覺得麻煩，希望大家千萬(wàn)別有這種想法，這是大錯(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è)面，小尺寸圖片就更有優(yōu)勢(shì)了。

在這里我們盡量做好平衡，在圖片不失真的情況下，尺寸最好盡量的小?，F(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è)體驗(yàn)。