移動(dòng)端網(wǎng)站seo優(yōu)化怎么做？來(lái)源于seo每天一貼，旨在分享，共同成長(zhǎng)
很多移動(dòng)seo的問(wèn)題涉及到用哪種架構(gòu)做移動(dòng)站。不少seo貌似對(duì)獨(dú)立移動(dòng)站，也就是單獨(dú)的m.domain站有不小的執(zhí)念，認(rèn)為獨(dú)立移動(dòng)站才是效果最好的。具體是不是這樣？今天的帖子就深入探討一下怎樣選擇移動(dòng)優(yōu)化的三種方式。
移動(dòng)網(wǎng)站大體上有三種方式可以選擇：
響應(yīng)式設(shè)計(jì)（responsive design）：
pc站和移動(dòng)站的url是完全一樣的（不管用什么設(shè)備訪問(wèn)都一樣），返回給瀏覽器的html代碼也是一樣的，不同寬度的屏幕排版不同是通過(guò)css控制的。以前也經(jīng)常稱為自適應(yīng)設(shè)計(jì)，就是因?yàn)榕虐媸歉鶕?jù)屏幕寬度自動(dòng)適應(yīng)的。
動(dòng)態(tài)服務(wù)（dynamic serving）：
pc站和移動(dòng)站的url是完全一樣的，這點(diǎn)和響應(yīng)式設(shè)計(jì)相同，但動(dòng)態(tài)服務(wù)方式返回給瀏覽器的html代碼（以及css）是不一樣的，pc設(shè)備得到的html代碼是pc版，移動(dòng)設(shè)備得到的html代碼是專門(mén)做了移動(dòng)優(yōu)化的移動(dòng)版本。
獨(dú)立移動(dòng)站（separate m. site） ：
移動(dòng)站的url和pc站是不一樣的，通常用單獨(dú)的子域名，比如pc站是www.35hw.com，移動(dòng)站是m.35hw.com，當(dāng)然移動(dòng)站的html代碼（以及css）與pc站也是不一樣的，是專門(mén)做了移動(dòng)優(yōu)化的。換句話說(shuō)，這種方式下，移動(dòng)站就是個(gè)獨(dú)立的網(wǎng)站。
移動(dòng)網(wǎng)站建設(shè)，這三種方式各有各的特點(diǎn)。
響應(yīng)式設(shè)計(jì)
既然url一樣，所有設(shè)備得到的 html代碼也一樣，好處顯而易見(jiàn)：簡(jiǎn)單明了，搜索引擎不會(huì)被弄糊涂。搜索引擎抓取、索引一套頁(yè)面就行了，提高索引效率，尤其對(duì)大網(wǎng)站，抓取份額浪費(fèi)在多個(gè)url上，就意味著降低深層頁(yè)面被抓取的機(jī)會(huì)。自適應(yīng)設(shè)計(jì)只有一個(gè)url，鏈接、權(quán)重計(jì)算都集中在一個(gè)url上，不會(huì)出問(wèn)題。
用戶也不會(huì)被弄糊涂，收藏書(shū)簽、分享頁(yè)面也不會(huì)因?yàn)閡rl的不同而出問(wèn)題。
站長(zhǎng)方面開(kāi)發(fā)維護(hù)一套代碼就可以了，后端開(kāi)發(fā)成本相對(duì)低一些。建設(shè)的外鏈也集中在一個(gè)url上。不需要判斷設(shè)備、瀏覽器類(lèi)型，也不需要轉(zhuǎn)向，也就不會(huì)出錯(cuò)。
當(dāng)然也有壞處。比如，移動(dòng)設(shè)備由于屏幕大小的關(guān)系，經(jīng)常要隱藏一些內(nèi)容和功能，但還是需要下載完整的html代碼，經(jīng)常還包括圖片，所以會(huì)浪費(fèi)帶寬。手機(jī)網(wǎng)速慢的話，多下載文件就意味著速度變慢。而且，同一套代碼要在所有設(shè)備顯示正常，還要盡快開(kāi)始渲染，前端設(shè)計(jì)需要比較高的水平。
響應(yīng)式設(shè)計(jì)的頁(yè)面必須設(shè)置viewport，告訴瀏覽器按照屏幕寬度自動(dòng)調(diào)整頁(yè)面排版：
<meta name=”viewport” content=”width=device-width, initial-scale=1.0′>
雖然有缺點(diǎn)，但隨著移動(dòng)網(wǎng)速、手機(jī)性能的提高，響應(yīng)式的缺點(diǎn)逐漸顯得沒(méi)那么致命，而它的簡(jiǎn)捷性就更顯優(yōu)勢(shì)了。所以，響應(yīng)式設(shè)計(jì)是今后的方向，是大勢(shì)所趨。這也就是為什么我建議新網(wǎng)站，或者剛剛要做移動(dòng)seo的網(wǎng)站，肯定直接就做響應(yīng)式了，不用考慮其它選項(xiàng)。（除非貴公司不差錢(qián)，可以考慮動(dòng)態(tài)服務(wù)。）
獨(dú)立移動(dòng)站
和響應(yīng)式設(shè)計(jì)相比，獨(dú)立移動(dòng)站顯然開(kāi)發(fā)成本要提高，要開(kāi)發(fā)維護(hù)兩套代碼。隨著國(guó)內(nèi)人力成本提高，需要重復(fù)做的事情會(huì)越來(lái)越不劃算。
獨(dú)立移動(dòng)站的更大潛在麻煩是url的不同可能造成混亂和各種出錯(cuò)。比如，既然移動(dòng)和pc版本url不同，搜索引擎就需要建立對(duì)應(yīng)關(guān)系，必須判斷pc頁(yè)面對(duì)應(yīng)的移動(dòng)版本url是什么，移動(dòng)頁(yè)面對(duì)應(yīng)的pc版本url是什么。網(wǎng)站需要在頁(yè)面添加代碼幫助搜索引擎判斷：
pc頁(yè)面需要加下面代碼指明移動(dòng)版本位置：
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://m.35hw.com/”>
對(duì)應(yīng)的移動(dòng)頁(yè)面需要加下面代碼指明pc版本位置：
<link rel=”canonical” href=”https://www.35hw.com/”>
在搜索引擎兩個(gè)版本都抓取了、并且正確判斷的情況下，pc和移動(dòng)版本就建立了一一對(duì)應(yīng)關(guān)系。但是，如果站長(zhǎng)把標(biāo)簽加錯(cuò)了怎么辦？搜索引擎只抓取了一個(gè)版本怎么辦？搜索引擎沒(méi)有準(zhǔn)確解析<link ref>標(biāo)簽怎么辦？
而且，要建立一一對(duì)應(yīng)關(guān)系，需要pc版本和移動(dòng)版本主體內(nèi)容是一樣的。很多時(shí)候m.移動(dòng)版本頁(yè)面內(nèi)容精減或修改過(guò)多，搜索引擎認(rèn)為內(nèi)容不相符怎么辦？甚至有的時(shí)候獨(dú)立移動(dòng)站只建了部分頁(yè)面，很多pc頁(yè)面沒(méi)有對(duì)應(yīng)移動(dòng)頁(yè)面又怎么辦？
網(wǎng)站有兩個(gè)版本，用戶在添加書(shū)簽、分享鏈接時(shí)，不可避免地會(huì)有一部分指向pc頁(yè)面url，一部分指向移動(dòng)url，鏈接權(quán)重將分散。
通常，為了用戶體驗(yàn)和幫助搜索引擎判斷對(duì)應(yīng)關(guān)系，網(wǎng)站需要做符合規(guī)則的轉(zhuǎn)向：
pc用戶由于某種原因訪問(wèn)了移動(dòng)url的話，需要被自動(dòng)301轉(zhuǎn)向到pc版本url
移動(dòng)用戶由于某種原因訪問(wèn)了pc頁(yè)面url的話，需要被自動(dòng)301轉(zhuǎn)向到移動(dòng)url
301轉(zhuǎn)向一般是服務(wù)器端做的，首先就需要根據(jù)瀏覽器用戶代理匹配特征字符串判斷用戶設(shè)備和瀏覽器類(lèi)型，上網(wǎng)設(shè)備和瀏覽器五花八門(mén)，程序100%檢測(cè)正確不是件容易的事。判斷出錯(cuò)，用戶可能就只能看到一個(gè)排版錯(cuò)誤的頁(yè)面，甚至某些功能都無(wú)法使用。搜索引擎蜘蛛也可能被判斷錯(cuò)，導(dǎo)致不能建立兩個(gè)版本的對(duì)應(yīng)關(guān)系。
大公司需要用子域名做多語(yǔ)言網(wǎng)站seo的話，加上m.獨(dú)立移動(dòng)站，就會(huì)使管理子域名更加復(fù)雜，因?yàn)榫W(wǎng)站又要增加：
sg.35hw.com
m.sg.35hw.com
cn.35hw.com
m.cn.35hwc.com
等等。多語(yǔ)言hreflang標(biāo)簽和獨(dú)立移動(dòng)站的<link ref>標(biāo)簽排列組合起來(lái)，哪個(gè)對(duì)應(yīng)哪個(gè)不能弄錯(cuò)了。如果再加上google amp和百度mip頁(yè)面版本，所有版本之間的對(duì)應(yīng)關(guān)系和標(biāo)簽寫(xiě)法，可能會(huì)把人繞暈倒。
動(dòng)態(tài)服務(wù)
動(dòng)態(tài)服務(wù)和獨(dú)立移動(dòng)站一樣，首先在服務(wù)器端判斷設(shè)備和瀏覽器類(lèi)型，然后在同樣的url上、根據(jù)瀏覽器屏幕寬度返回不同的html和css代碼。
所以動(dòng)態(tài)服務(wù)方法相當(dāng)于把響應(yīng)式設(shè)計(jì)和獨(dú)立移動(dòng)站的優(yōu)點(diǎn)結(jié)合起來(lái)了，即有url統(tǒng)一的簡(jiǎn)潔明了，又有獨(dú)立移動(dòng)站的代碼優(yōu)化，seo效果是最好的。當(dāng)然，代價(jià)是前后端成本都要提高。
對(duì)不差錢(qián)的公司來(lái)說(shuō)，動(dòng)態(tài)內(nèi)容是好選擇，比如amazon現(xiàn)在就是用動(dòng)態(tài)服務(wù)做移動(dòng)優(yōu)化的，url統(tǒng)一簡(jiǎn)單，不會(huì)出錯(cuò)，兩個(gè)版本的代碼還可以分別優(yōu)化，據(jù)說(shuō)，亞馬遜移動(dòng)版本節(jié)省了40%的文件下載量，對(duì)手機(jī)用戶來(lái)說(shuō)，頁(yè)面打開(kāi)速度的提升是至關(guān)重要的 。


網(wǎng)站結(jié)構(gòu)的SEO優(yōu)化工作該如何做好？
如何改善網(wǎng)站建設(shè)
淺談DIV+CSS網(wǎng)頁(yè)布局及網(wǎng)站設(shè)計(jì)常犯錯(cuò)誤
網(wǎng)站內(nèi)容優(yōu)化的錯(cuò)誤方式
網(wǎng)站開(kāi)發(fā)企業(yè)推廣大多為何要進(jìn)行網(wǎng)站建設(shè)呢？有什么優(yōu)勢(shì)和意義開(kāi)發(fā)什么網(wǎng)站賺錢(qián)
網(wǎng)站建設(shè)主要要做哪些事情呢
公司如何利用優(yōu)化提升網(wǎng)站品牌名氣?
好的網(wǎng)站對(duì)收錄起到了決定性作用