網(wǎng)站獲客技巧之二：手機(jī)版網(wǎng)站如何做seo優(yōu)化？

時(shí)間：2022-08-15 20:51:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-15 20:51:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

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

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







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

一、響應(yīng)式設(shè)計(jì)：

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

既然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)題。用戶(hù)也不會(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)帶寬。而且，同一套代碼要在所有設(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)式。

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

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

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

對(duì)要求較高的公司來(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ī)用戶(hù)來(lái)說(shuō)，頁(yè)面打開(kāi)速度的提升是至關(guān)重要的 。

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

三、獨(dú)立手機(jī)站 ：

手機(jī)站的URL和PC站是不一樣的，通常用單獨(dú)的子域名。

和響應(yīng)式設(shè)計(jì)相比，獨(dú)立手機(jī)站顯然開(kāi)發(fā)成本要提高，要開(kāi)發(fā)維護(hù)兩套代碼。隨著國(guó)內(nèi)人力成本提高，需要重復(fù)做的事情會(huì)越來(lái)越不劃算。獨(dú)立手機(jī)站的更大潛在麻煩是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.seozac.com/”>

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

<link rel=”canonical” href=”https://www.seozac.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í)候移動(dòng)版本頁(yè)面內(nèi)容精減或修改過(guò)多，搜索引擎認(rèn)為內(nèi)容不相符怎么辦？甚至有的時(shí)候獨(dú)立手機(jī)站只建了部分頁(yè)面，很多PC頁(yè)面沒(méi)有對(duì)應(yīng)移動(dòng)頁(yè)面又怎么辦？網(wǎng)站有兩個(gè)版本，用戶(hù)在添加書(shū)簽、分享鏈接時(shí)，不可避免地會(huì)有一部分指向PC頁(yè)面URL，一部分指向移動(dòng)URL，鏈接權(quán)重將分散。

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

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

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

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

總結(jié)：

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







手機(jī)端網(wǎng)站SEO優(yōu)化常規(guī)技巧

1、 域名的設(shè)置技巧

域名盡可能簡(jiǎn)短易記，大部分手機(jī)端網(wǎng)站的域名是PC端網(wǎng)站的二級(jí)域名，當(dāng)然這個(gè)也很好，與傳統(tǒng)網(wǎng)站保持一致，更讓重視用戶(hù)信賴(lài)。但是如果是專(zhuān)門(mén)的手機(jī)網(wǎng)站，最好起一個(gè)簡(jiǎn)短而且易記的域名。

2、 頁(yè)面設(shè)計(jì)要簡(jiǎn)潔

頁(yè)面設(shè)計(jì)要盡可能的設(shè)計(jì)簡(jiǎn)潔，采用響應(yīng)式設(shè)計(jì)，它可以自主適配任何移動(dòng)終端設(shè)備，降低客戶(hù)流失率，大大提高手機(jī)端SEO優(yōu)化的工作效率。由于是手機(jī)用戶(hù)，用戶(hù)瀏覽網(wǎng)頁(yè)的時(shí)間是零碎的，不可能耐心點(diǎn)擊很多的頁(yè)面，所以就要要求手機(jī)端網(wǎng)站設(shè)計(jì)的簡(jiǎn)潔，流程簡(jiǎn)單，頁(yè)面盡可能少，因?yàn)槭謾C(jī)屏幕小不方便瀏覽多個(gè)頁(yè)面，頁(yè)面太多也會(huì)影響網(wǎng)站打開(kāi)速度。

3、 頁(yè)面加載速度技巧

手機(jī)端網(wǎng)頁(yè)的加載速度會(huì)嚴(yán)重影響用戶(hù)體驗(yàn)，所以我們需要優(yōu)化頁(yè)面圖片、CSS、JS代碼，壓縮體積，減少頁(yè)面請(qǐng)求次數(shù)，縮短頁(yè)面加載時(shí)間；加載時(shí)間單頁(yè)面控制在5S以?xún)?nèi)，頁(yè)面大小單頁(yè)面控制在50K以?xún)?nèi)。

4、 頁(yè)面url優(yōu)化技巧

url路徑必須要規(guī)范化，這和PC端url優(yōu)化的道理是一樣的。

5、 優(yōu)化頁(yè)面標(biāo)題、描述、關(guān)鍵詞技巧

手機(jī)端網(wǎng)站的標(biāo)題，關(guān)鍵字，描述的字?jǐn)?shù)應(yīng)該與PC站有區(qū)別，要設(shè)置得更少。建議做成移動(dòng)網(wǎng)站后，通過(guò)手機(jī)瀏覽器測(cè)試，看相關(guān)內(nèi)容是否可以全部正常展現(xiàn)。

6、禁止一切彈窗廣告

在PC頁(yè)面上，大量彈窗廣告就夠討厭的了，更別說(shuō)是手機(jī)端了，在有限的瀏覽區(qū)域上如果還加上一些彈窗廣告，這對(duì)用戶(hù)體驗(yàn)極差的，所以我們?cè)谑謾C(jī)端的網(wǎng)站上禁止使用一切彈窗。

7、頁(yè)面跳轉(zhuǎn)

其實(shí)PC端與手機(jī)端優(yōu)化思路差不多，比如要做好301重定向、404頁(yè)面、面包屑導(dǎo)航、文章內(nèi)鏈建設(shè)、外鏈建設(shè)、網(wǎng)站地圖、robots文件機(jī)構(gòu)采用樹(shù)形結(jié)構(gòu)等等優(yōu)化思路基本一樣。