隨著(zhù)越來(lái)越多的用戶(hù)使用手機瀏覽網(wǎng)站和查詢(xún)信息，移動(dòng)搜索引擎已經(jīng)成為新的趨勢?，F在移動(dòng)搜索引擎的流量已經(jīng)超過(guò)了PC端網(wǎng)站的流量，所以手機版的網(wǎng)站優(yōu)化是不可低估的。對于中小企業(yè)而言，如果想通過(guò)網(wǎng)站獲客，那么，手機端網(wǎng)站的優(yōu)化是必不可少的。

那么，手機版網(wǎng)站該如何進(jìn)行SEO優(yōu)化呢？下面，必途必營(yíng)銷(xiāo)老師就為大家談一談這個(gè)問(wèn)題。

手機端網(wǎng)站有三種方式可以選擇

一、響應式設計：

PC站和手機站的URL是完全一樣的（不管用什么設備訪(fǎng)問(wèn)都一樣），返回給瀏覽器的HTML代碼也是一樣的，不同寬度的屏幕排版不同是通過(guò)CSS控制的。以前也經(jīng)常稱(chēng)為自適應設計，就是因為排版是根據屏幕寬度自動(dòng)適應的。

既然URL一樣，所有設備得到的 HTML代碼也一樣，好處顯而易見(jiàn)：簡(jiǎn)單明了，搜索引擎不會(huì )被弄糊涂。搜索引擎抓取、索引一套頁(yè)面就行了，提高索引效率，尤其對大網(wǎng)站，抓取份額浪費在多個(gè)URL上，就意味著(zhù)降低深層頁(yè)面被抓取的機會(huì )。自適應設計只有一個(gè)URL，鏈接、權重計算都集中在一個(gè)URL上，不會(huì )出問(wèn)題。用戶(hù)也不會(huì )被弄糊涂，收藏書(shū)簽、分享頁(yè)面也不會(huì )因為URL的不同而出問(wèn)題。站長(cháng)方面開(kāi)發(fā)維護一套代碼就可以了，后端開(kāi)發(fā)成本相對低一些。建設的外鏈也集中在一個(gè)URL上。不需要判斷設備、瀏覽器類(lèi)型，也不需要轉向，也就不會(huì )出錯。當然也有壞處。比如，移動(dòng)設備由于屏幕大小的關(guān)系，經(jīng)常要隱藏一些內容和功能，但還是需要下載完整的HTML代碼，經(jīng)常還包括圖片，所以會(huì )浪費帶寬。而且，同一套代碼要在所有設備顯示正常，還要盡快開(kāi)始渲染，前端設計需要比較高的水平。

響應式設計的頁(yè)面必須設置viewport，告訴瀏覽器按照屏幕寬度自動(dòng)調整頁(yè)面排版：

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″

雖然有缺點(diǎn)，但隨著(zhù)移動(dòng)網(wǎng)速、手機性能的提高，響應式的缺點(diǎn)逐漸顯得沒(méi)那么致命，而它的簡(jiǎn)捷性就更顯優(yōu)勢了。所以，響應式設計是今后的方向，是大勢所趨。這也就是為什么我們建議新網(wǎng)站，或者剛剛要做移動(dòng)SEO的網(wǎng)站，肯定直接就做響應式。

二、動(dòng)態(tài)服務(wù)：

PC站和手機站的URL是完全一樣的，這點(diǎn)和響應式設計相同，但動(dòng)態(tài)服務(wù)方式返回給瀏覽器的HTML代碼（以及CSS）是不一樣的，PC設備得到的HTML代碼是PC版，移動(dòng)設備得到的HTML代碼是專(zhuān)門(mén)做了移動(dòng)優(yōu)化的移動(dòng)版本。

動(dòng)態(tài)服務(wù)和獨立手機站一樣，首先在服務(wù)器端判斷設備和瀏覽器類(lèi)型，然后在同樣的URL上、根據瀏覽器屏幕寬度返回不同的HTML和CSS代碼。所以動(dòng)態(tài)服務(wù)方法相當于把響應式設計和獨立手機站的優(yōu)點(diǎn)結合起來(lái)了，即有URL統一的簡(jiǎn)潔明了，又有獨立手機站的代碼優(yōu)化，SEO效果是最好的。當然，代價(jià)是前后端成本都要提高。

對要求較高的公司來(lái)說(shuō)，動(dòng)態(tài)內容是最佳選擇，比如amazon現在就是用動(dòng)態(tài)服務(wù)做移動(dòng)優(yōu)化的，URL統一簡(jiǎn)單，不會(huì )出錯，兩個(gè)版本的代碼還可以分別優(yōu)化，據說(shuō)，亞馬遜移動(dòng)版本節省了40%的文件下載量，對手機用戶(hù)來(lái)說(shuō)，頁(yè)面打開(kāi)速度的提升是至關(guān)重要的 。

是否使用動(dòng)態(tài)服務(wù)要看公司情況。對大部分網(wǎng)站來(lái)說(shuō)，頁(yè)面內容、排版、功能沒(méi)那么復雜，響應式設計已經(jīng)滿(mǎn)足需要，用高成本實(shí)現動(dòng)態(tài)服務(wù)，節省的下載量沒(méi)那么明顯，動(dòng)態(tài)服務(wù)就沒(méi)意義了。

搜索引擎蜘蛛訪(fǎng)問(wèn)動(dòng)態(tài)服務(wù)的頁(yè)面時(shí)，從HTML代碼是無(wú)法自動(dòng)知道不同瀏覽器得到的代碼將會(huì )是不同的。比如PC蜘蛛訪(fǎng)問(wèn)時(shí)，得到的是PC版代碼，但蜘蛛并不必然知道移動(dòng)蜘蛛來(lái)訪(fǎng)問(wèn)的話(huà)會(huì )得到不同的代碼，所以服務(wù)器端需要通過(guò)Vary HTTP頭信息告訴搜索引擎蜘蛛，PC蜘蛛和移動(dòng)蜘蛛得到的代碼是不一樣的，兩個(gè)蜘蛛都要來(lái)訪(fǎng)問(wèn)一下。

三、獨立手機站 ：

手機站的URL和PC站是不一樣的，通常用單獨的子域名。

和響應式設計相比，獨立手機站顯然開(kāi)發(fā)成本要提高，要開(kāi)發(fā)維護兩套代碼。隨著(zhù)國內人力成本提高，需要重復做的事情會(huì )越來(lái)越不劃算。獨立手機站的更大潛在麻煩是URL的不同可能造成混亂和各種出錯。比如，既然移動(dòng)和PC版本URL不同，搜索引擎就需要建立對應關(guān)系，必須判斷PC頁(yè)面對應的移動(dòng)版本URL是什么，移動(dòng)頁(yè)面對應的PC版本URL是什么。網(wǎng)站需要在頁(yè)面添加代碼幫助搜索引擎判斷：

PC頁(yè)面需要加下面代碼指明移動(dòng)版本位置：

<link rel=”alternate” media=”only screen and （max-width: 640px）” href=”https://m.seozac.com/”

對應的移動(dòng)頁(yè)面需要加下面代碼指明PC版本位置：

<link rel=”canonical” href=”https://www.seozac.com/”

在搜索引擎兩個(gè)版本都抓取了、并且正確判斷的情況下，PC和移動(dòng)版本就建立了一一對應關(guān)系。但是，如果站長(cháng)把標簽加錯了怎么辦？搜索引擎只抓取了一個(gè)版本怎么辦？搜索引擎沒(méi)有準確解析<link ref>標簽怎么辦？

要建立一一對應關(guān)系，需要PC版本和移動(dòng)版本主體內容是一樣的。很多時(shí)候移動(dòng)版本頁(yè)面內容精減或修改過(guò)多，搜索引擎認為內容不相符怎么辦？甚至有的時(shí)候獨立手機站只建了部分頁(yè)面，很多PC頁(yè)面沒(méi)有對應移動(dòng)頁(yè)面又怎么辦？網(wǎng)站有兩個(gè)版本，用戶(hù)在添加書(shū)簽、分享鏈接時(shí)，不可避免地會(huì )有一部分指向PC頁(yè)面URL，一部分指向移動(dòng)URL，鏈接權重將分散。

通常，為了用戶(hù)體驗和幫助搜索引擎判斷對應關(guān)系，網(wǎng)站需要做符合規則的轉向：

A：PC用戶(hù)由于某種原因訪(fǎng)問(wèn)了移動(dòng)URL的話(huà)，需要被自動(dòng)301轉向到PC版本URL；

B：移動(dòng)用戶(hù)由于某種原因訪(fǎng)問(wèn)了PC頁(yè)面URL的話(huà)，需要被自動(dòng)301轉向到移動(dòng)URL；

301轉向一般是服務(wù)器端做的，首先就需要根據瀏覽器用戶(hù)代理匹配特征字符串判斷用戶(hù)設備和瀏覽器類(lèi)型，上網(wǎng)設備和瀏覽器五花八門(mén)，程序100%檢測正確不是件容易的事。判斷出錯，用戶(hù)可能就只能看到一個(gè)排版錯誤的頁(yè)面，甚至某些功能都無(wú)法使用。搜索引擎蜘蛛也可能被判斷錯，導致不能建立兩個(gè)版本的對應關(guān)系。

總結：

上述三種類(lèi)型，各有特點(diǎn)，搜索引擎并沒(méi)有明顯的偏向。三種類(lèi)型都可以做出非?？壳暗木W(wǎng)站。對于多數中小企業(yè)而言，搭建響應式手機網(wǎng)站就足夠了。響應式網(wǎng)站可兼容多個(gè)終端的形態(tài)，讓網(wǎng)站的布局和功能隨用戶(hù)的使用環(huán)境（屏幕大小、輸入方式、設備/瀏覽器能力）而變化。