實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享
關(guān)于移動(dòng)端優(yōu)化的問(wèn)題、最近一些兄弟一直在問(wèn)我應(yīng)該怎么做?畢竟現(xiàn)在是手機(jī)的時(shí)代、絕大部分情況下、PC顯得有點(diǎn)雞肋!在講移動(dòng)端排名之前、作者先來(lái)講兩個(gè)容易被大家搞錯(cuò)的問(wèn)題(移動(dòng)端)。
1、老師你好、我觀察現(xiàn)在的移動(dòng)端都是獨(dú)立的m.xxx.com，是不是百度喜歡獨(dú)立的移動(dòng)端站點(diǎn)?
觀點(diǎn)：據(jù)本人對(duì)很多行業(yè)觀察、并非是百度喜歡m獨(dú)立移動(dòng)站點(diǎn)、而是很多網(wǎng)站都這樣做、給人造成了一種錯(cuò)覺(jué)、許多響應(yīng)式的排名也相當(dāng)不錯(cuò)!另外、許多同學(xué)在觀察網(wǎng)站的時(shí)候、總喜歡觀察大型網(wǎng)站。
舉個(gè)例子：某大型網(wǎng)站A、10年前開(kāi)始做網(wǎng)站、當(dāng)時(shí)移動(dòng)端并未興起、所以A一直做PC流量、直到后面幾年、突然發(fā)現(xiàn)移動(dòng)端流量比較多、想做移動(dòng)、這個(gè)時(shí)候A比較穩(wěn)妥的做法不是把自己的網(wǎng)站改成響應(yīng)式、而是做一套獨(dú)立的移動(dòng)端網(wǎng)站、這樣既保證PC端的流量不受損、又能獲取移動(dòng)端流量!貿(mào)然改模板、有可能會(huì)損失PC端的流量!這點(diǎn)是很多人想不到的。
2、以我們現(xiàn)在的技術(shù)、我能不能不優(yōu)化PC端、單純?nèi)?yōu)化移動(dòng)端、目前我的行業(yè)PC端沒(méi)有流量!
觀點(diǎn)：絕大部分網(wǎng)站都沒(méi)法直接優(yōu)化移動(dòng)端、而都是通過(guò)PC端排名去匹配移動(dòng)端?，F(xiàn)在市面上能單獨(dú)優(yōu)化移動(dòng)端的技術(shù)少之又少，而效果更是不如人意!
講完了上面2個(gè)經(jīng)常被大家誤解的點(diǎn)、我們?cè)賮?lái)講下2種移動(dòng)端匹配的方式以及它們之間存在的優(yōu)缺點(diǎn)及應(yīng)用場(chǎng)景!
一、響應(yīng)式設(shè)計(jì)(自適應(yīng))
說(shuō)明 ：PC站和移動(dòng)站的URL是完全一樣的(不管用什么設(shè)備訪問(wèn)都一樣)，返回給瀏覽器的HTML代碼也是一樣的，不同寬度的屏幕排版不同是通過(guò)CSS控制的。以前也經(jīng)常稱為自適應(yīng)設(shè)計(jì)，就是因?yàn)榕虐媸歉鶕?jù)屏幕寬度自動(dòng)適應(yīng)的。
優(yōu)點(diǎn)：
搜索引擎抓取、索引一套頁(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)題。
站長(zhǎng)方面開(kāi)發(fā)維護(hù)一套代碼就可以了，后端開(kāi)發(fā)成本相對(duì)低一些。建設(shè)的外鏈也集中在一個(gè)URL上。不需要判斷設(shè)備、瀏覽器類型，也不需要轉(zhuǎn)向，也就不會(huì)出錯(cuò)。
缺點(diǎn)：
移動(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ì)有其一般原則：在head添加以下代碼并且使用元素處理自適應(yīng)圖片:
自適應(yīng)頁(yè)面還應(yīng)該在head中標(biāo)識(shí)：
表示頁(yè)面同時(shí)適合在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
重要：許多公司在開(kāi)發(fā)響應(yīng)式網(wǎng)站的時(shí)候、都沒(méi)有添加以上兩段代碼、也沒(méi)有按照代碼要求去做、從而導(dǎo)致了排名無(wú)法進(jìn)行匹配!
建議應(yīng)用場(chǎng)景：簡(jiǎn)單傳統(tǒng)企業(yè)網(wǎng)站以及SEO小白博客、不附帶其他功能權(quán)重網(wǎng)站!新網(wǎng)站也建議使用響應(yīng)式!
實(shí)戰(zhàn)案例說(shuō)明：
PC端排名(下圖)
實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享 SEO優(yōu)化 互聯(lián)網(wǎng) 建站教程 第1張
移動(dòng)端排名(下圖)
實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享 SEO優(yōu)化 互聯(lián)網(wǎng) 建站教程 第2張
排名相差不大的兩個(gè)網(wǎng)頁(yè)、而且都是響應(yīng)式的網(wǎng)站、一個(gè)網(wǎng)站移動(dòng)端排名首頁(yè)、另一個(gè)網(wǎng)站移動(dòng)端沒(méi)排名、觀其原因、則是sw256這個(gè)站并未添加響應(yīng)式移動(dòng)端匹配代碼所造成!細(xì)節(jié)決定成敗!
二、獨(dú)立移動(dòng)站點(diǎn)(m.domain.x)
說(shuō)明：移動(dòng)站的URL和PC站是不一樣的，通常用單獨(dú)的子域名，比如PC站是www.x.com，移動(dòng)站是m.x.com，當(dāng)然移動(dòng)站的HTML代碼(以及CSS)與PC站也是不一樣的，是專門做了移動(dòng)優(yōu)化的。換句話說(shuō)，這種方式下，移動(dòng)站就是個(gè)獨(dú)立的網(wǎng)站。
優(yōu)點(diǎn)：
獨(dú)立的移動(dòng)端網(wǎng)站、與時(shí)俱進(jìn)更加方便!比如百度某一年推出MIP、可以寫一套MIP模板與之對(duì)應(yīng)!
獨(dú)立的移動(dòng)端網(wǎng)站、可DIY的功能更多!比如移動(dòng)端支持撥打電話、以及針對(duì)移動(dòng)端人群的一些特定功能都較好開(kāi)發(fā)!
獨(dú)立的移動(dòng)端代碼更加簡(jiǎn)潔、響應(yīng)速度可以更快!如果是響應(yīng)式的網(wǎng)站、為了適配不同的屏幕或設(shè)備、可能要寫多套CSS或html代碼、而獨(dú)立的移動(dòng)端網(wǎng)站只需要寫對(duì)應(yīng)的代碼即可!
缺點(diǎn)：
與響應(yīng)式設(shè)計(jì)相比，獨(dú)立移動(dòng)站顯然開(kāi)發(fā)成本要提高，要開(kāi)發(fā)維護(hù)兩套代碼。
獨(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是什么。
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è)備和瀏覽器類型，上網(wǎng)設(shè)備和瀏覽器五花八門，程序100%檢測(cè)正確不是件容易的事。判斷出錯(cuò)，用戶可能就只能看到一個(gè)排版錯(cuò)誤的頁(yè)面，甚至某些功能都無(wú)法使用。搜索引擎蜘蛛也可能被判斷錯(cuò)，導(dǎo)致不能建立兩個(gè)版本的對(duì)應(yīng)關(guān)系。
添加代碼：
在pc版網(wǎng)頁(yè)(http://www.example.com/page-1) 上，添加：
而在移動(dòng)版網(wǎng)頁(yè)(http://m.example.com/page-1) 上，所需的注釋應(yīng)為:
重要：許多公司在操作網(wǎng)站的時(shí)候、并未在PC端移動(dòng)端添加以上代碼。
實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享 SEO優(yōu)化 互聯(lián)網(wǎng) 建站教程 第3張
重要：當(dāng)我們做完獨(dú)立移動(dòng)網(wǎng)站的時(shí)候、需要保持URL一一對(duì)應(yīng)!使用整站或是正則適配、在百度站長(zhǎng)工具平臺(tái)(ziyuan.baidu.com)分別將PC站點(diǎn)與移動(dòng)站點(diǎn)添加，然后提交適配規(guī)則、驗(yàn)證成功即可，就像做301一樣、許多人忽略了一個(gè)如此重要的點(diǎn)!
建議應(yīng)用場(chǎng)景：大型網(wǎng)站或是比較老的網(wǎng)站想做移動(dòng)端流量、包括一些移動(dòng)端MIP或是有特殊要求的行業(yè)!
實(shí)戰(zhàn)案例：
實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享 SEO優(yōu)化 互聯(lián)網(wǎng) 建站教程 第4張
實(shí)操：兩種匹配移動(dòng)端實(shí)戰(zhàn)排名干貨分享 SEO優(yōu)化 互聯(lián)網(wǎng) 建站教程 第5張
39健康網(wǎng)做的還是非常到位、不僅添加了代碼、而且還用開(kāi)放適配直接匹配移動(dòng)端頁(yè)面!
很多網(wǎng)站還在使用JS對(duì)ua進(jìn)行適配跳轉(zhuǎn)、JS跳轉(zhuǎn)方式存在兩個(gè)缺點(diǎn)：
(以下摘抄來(lái)源于百度站長(zhǎng)工具平臺(tái))
1、對(duì)用戶：會(huì)加大由重定向的客戶端造成的延遲;這是因?yàn)榭蛻舳诵枰认螺d網(wǎng)頁(yè)，接著解析并執(zhí)行 JavaScript，然后才能觸發(fā)重定向。301或302則不會(huì)有這個(gè)延遲。
2、對(duì)搜索：爬蟲(chóng)也需要使用支持JS渲染的爬蟲(chóng)，才能發(fā)現(xiàn)此重定向。
總結(jié)：如果你是獨(dú)立移動(dòng)站點(diǎn)匹配、需要添加適配、做好匹配;如果你是響應(yīng)式、只需要添加代碼即可!
無(wú)論是單詞還是整站、都需要資源、套路，哪一點(diǎn)不對(duì)、都會(huì)對(duì)結(jié)果造成比較直觀的影響!
作者：逆冬 公眾號(hào)：逆冬SEO
來(lái)源：盧松松博客
