手機(jī)端移動網(wǎng)站SEO如何做配置
時間：2022-08-16 20:42:02 | 來源：網(wǎng)站運(yùn)營
時間：2022-08-16 20:42:02 來源：網(wǎng)站運(yùn)營
<------原創(chuàng)文章，轉(zhuǎn)載請注明出處！----->
首先，自適應(yīng)是我最推薦的移動化seo方案，如果你已經(jīng)選擇了自適應(yīng)站，請無需往下讀，直接去這里拿方案：
正文：
一定沒有比百度更牛逼的科技公司了，不說他家的PPT的設(shè)計(jì)，單說他們的SEO技術(shù)文檔，簡直就是秒殺一切入門的SEOer，讓入門SEOer或者隔壁碼農(nóng)一秒放棄可以讀懂的理想。萬事求完美的我理順一下百度官方的文檔，希望能幫到隔壁碼農(nóng)或者SEO剛?cè)腴T的。
確定無疑，提供移動端SEO適配這部分文檔的百度技術(shù)們一定都是天才。
首先要從大面上分清你的網(wǎng)站屬于哪個類型，百度從搜索引擎角度，將網(wǎng)站分為了6個類型：
- 純PC站-無技術(shù)適配；
- 純移動站-無技術(shù)適配；
- 移動適配-有PC和移動網(wǎng)頁，有可能做了技術(shù)適配，也有可能沒有做。
- #跳轉(zhuǎn)適配#：這種配置會嘗試檢測用戶所使用的設(shè)備或UA，然后使用HTTP重定向和Vary HTTP標(biāo)頭重定向到相應(yīng)的頁面?！?b>URL是否不同？我的理解是不同！】
- #代碼適配#：該方法使用相同的網(wǎng)址（不考慮用戶所使用的設(shè)備），但會根據(jù)服務(wù)器對用戶所用瀏覽器的了解（UA），針對不同設(shè)備類型生成不同版本的HTML。【即，通過判斷瀏覽器UA是PC UA還是移動UA，從而在同一URL下，給出不同的HTML。】
- #自適應(yīng)#（自呈現(xiàn)）：通過同一網(wǎng)址提供相同HTML代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備（pc、平板電腦、移動設(shè)備），但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)（即適應(yīng)）顯示屏。【即，通過判斷屏幕尺寸，從而在同一URL下，給出不同的HTML】
為什么這個截圖里面是5種類型，但文章里面說是6種呢？詳細(xì)往下讀就知道了。如果非要知道為什么，我只能告訴你：百度這寫文檔的實(shí)在是天才。
在了解方案前需要先看清跳轉(zhuǎn)適配、代碼適配和自適應(yīng)的基礎(chǔ)概念：
跳轉(zhuǎn)適配、代碼適配和自適應(yīng)三種適配有什么區(qū)別？
跳轉(zhuǎn)適配認(rèn)
設(shè)備和UA（服務(wù)器端重定向）；代碼適配
認(rèn)UA（服務(wù)器端編程）不認(rèn)設(shè)備；自適應(yīng)及不認(rèn)UA也不認(rèn)設(shè)備，而是通過
屏幕尺寸給出方案。
自適應(yīng)是一種以前端工程師為主導(dǎo)的方案，也是谷歌最推薦的一種方案。
那百度更傾向于哪種方案呢？這其實(shí)首先取決于網(wǎng)站自身的成本和性能選擇：
如果看不懂，就先記?。翰灰肑S做適配，這個最重要?。?！如果看不懂，就先記?。翰灰肑S做適配，這個最重要！?。?br>
如果看不懂，就先記住：不要用JS做適配，這個最重要?。。?br>
如果看不懂，就先記?。翰灰肑S做適配，這個最重要?。?！
按照最開始的6個類型，移動SEO技術(shù)方案羅列正式開始。
- 純PC; 在百度站長工具“網(wǎng)站屬性”里填寫就可以
- 純Mobile；類似上條，也是在百度站長工具“網(wǎng)站屬性”里面填寫。
---如上兩中最好理解，即只有一種樣子---
---從下文開始，你的網(wǎng)站一定不止PC或者移動中的一種---
3. 移動適配。這個可以理解為沒有適配，即你做了兩套網(wǎng)站，但是這兩套網(wǎng)站直接不能自動互相介紹，即沒有如下這種功能：
當(dāng)用PC打開WAP的URL的時候，能夠自動跳轉(zhuǎn)到對應(yīng)的PC頁面地址；同時，也做反向配置，即，當(dāng)移動端打開PC的URL的時候，也可以自動跳轉(zhuǎn)到對應(yīng)的WAP頁面地址。
為什么我說這個移動適配叫做沒有適配呢？看下現(xiàn)在移動適配的說法，
移動適配使用說明
1. 為提升搜索用戶在百度移動搜索的檢索體驗(yàn)，會給對應(yīng)PC頁面的手機(jī)頁面在搜索結(jié)果處有更多的展現(xiàn)機(jī)會，需要站點(diǎn)向百度提交主體內(nèi)容相同的PC頁面與移動頁面的對應(yīng)關(guān)系，即為移動適配。為此，百度移動搜索提供“移動適配”服務(wù)，如果您同時擁有PC站和手機(jī)站，且二者能夠在內(nèi)容上對應(yīng)，即主體內(nèi)容完全相同，您可以通過移動適配工具進(jìn)行對應(yīng)關(guān)系提交。
2. 自適應(yīng)站點(diǎn)不需要使用移動適配工具。
3. 移動適配工具不能解決移動端排序問題，搜索排序異常請?jiān)诜答佒行奶峤弧?br>4. 移動適配工具校驗(yàn)時間為14天，如數(shù)據(jù)提交14天后仍未校驗(yàn)完成，請盡快在反饋中心提交問題。
劃重點(diǎn)：‘站點(diǎn)向百度提交主體內(nèi)容相同的PC頁面與移動頁面的對應(yīng)關(guān)系，即為移動適配’。
如何做移動適配呢？這里只貼一張圖，保證讀者能找對對應(yīng)的位置，詳細(xì)建議直接移步百度官方解釋。
移動適配實(shí)操拓展參加如下：移動適配工具如何使用？（看明白了沒有，這里才說明白，移動適配不是一個技術(shù)，是一個工具?。?br>
當(dāng)您同時擁有移動站點(diǎn)和PC站點(diǎn)、且移動頁面和PC頁面的主體內(nèi)容完全相同，就可以在通過百度站長平臺提交正確的適配關(guān)系，獲取更多移動流量。(只要PC站點(diǎn)與移動站點(diǎn)的主干一致，即可參與移動適配。舉例說明：PC站點(diǎn)
http://ww.abc.com.cn 移動站點(diǎn)
http://m.abc.net 屬于主干一致。)
目前移動適配工具支持規(guī)則適配提交和URL適配提交。百度站長平臺對適配數(shù)據(jù)的校驗(yàn)時間大約為10天，生效時間大約為1-2天。
1）規(guī)則適配：建議您盡量使用規(guī)則適配進(jìn)行對應(yīng)關(guān)系提交，一次提交可對于新增同規(guī)則的URL持續(xù)生效，無需多次反復(fù)提交，且處理周期相對URL提交更短，更易于維護(hù)和問題排查，是百度推薦使用的提交方式;
使用正則格式進(jìn)行規(guī)則適配，盡量使用最小的粒度來表示，這樣更容易校驗(yàn)通過。具體正則怎么寫，參照這里的介紹，百度這個這套正則規(guī)則是在是很高級，沒有之一，你可以試試如果你寫的百度正則可以一次性通過，毫無疑問就是天才。不過無論如何，重復(fù)一下經(jīng)驗(yàn)：‘盡量用最小顆粒度，這樣更容易成功’！2）URL適配：當(dāng)規(guī)則適配不能滿足適配關(guān)系的表達(dá)時，您可以通過“URL對文件上傳”功能。
移動適配錯誤排查：對已有的對應(yīng)關(guān)系持續(xù)進(jìn)行適配，同時不斷建設(shè)新的對應(yīng)關(guān)系，增加適配覆蓋的范圍。其次，要確保已經(jīng)提交的對應(yīng)關(guān)系準(zhǔn)確。
以下是常見的對應(yīng)不準(zhǔn)確錯誤，請網(wǎng)站進(jìn)行自查，并及時修改。
1、手機(jī)頁不可用，比如死鏈。
2、robots封禁。放開對Baiduspider的robots封禁，以便Baiduspider獲取您PC站與手機(jī)站之間的對應(yīng)關(guān)系。
3、手機(jī)頁使用了ajax等異步加載的方法加載內(nèi)容主體。
4、格式錯誤。正則格式錯誤，文件格式錯誤等。
5、對應(yīng)關(guān)系錯誤
1）當(dāng)PC頁為內(nèi)容頁時，應(yīng)該適配到對應(yīng)的手機(jī)頁內(nèi)容頁，而實(shí)際卻適配到手機(jī)頁的首頁/列表頁（
這點(diǎn)需要強(qiáng)調(diào)一下，很多網(wǎng)站會犯這種錯誤，即把內(nèi)容頁統(tǒng)一做了跳轉(zhuǎn)到網(wǎng)站首頁，這不僅會造成適配失敗，更重要的是這會被百度誤判為301作弊而造成‘首頁降權(quán)’）
例如PC頁為
http://www.aaa.com/Book/2083259.aspx，適配后的手機(jī)頁為
http://m.aaa.con/?from=web2）手機(jī)頁本身無主體內(nèi)容或主體內(nèi)容過少。
3）手機(jī)頁需登錄才能瀏覽主體內(nèi)容。
4）PC頁內(nèi)容與手機(jī)頁內(nèi)容不存在一一對應(yīng)關(guān)系。
正確的對應(yīng)關(guān)系示例：
PC頁
http://www.58.com/mmmshandongrencai/ 手機(jī)頁
http://m.58.com/w/mmmshandongrencai/好了，到這里‘移動適配’告一段落。我們開始講第二種適配規(guī)則。
4. 跳轉(zhuǎn)適配：
從跳轉(zhuǎn)適配開始，可以說是開始有適配的適配，跳轉(zhuǎn)適配做怎樣的配置？
在此配置中，每個pc版網(wǎng)址都具有一個對應(yīng)的
不同網(wǎng)址，用于提供針對移動設(shè)備進(jìn)行優(yōu)化的內(nèi)容。為了幫助百度算法了解單獨(dú)的移動版網(wǎng)址，百度建議您使用以下注釋：
- 在PC版網(wǎng)頁上，添加指向?qū)?yīng)移動版網(wǎng)址的特殊鏈接 rel="alternate" 標(biāo)記。這有助于發(fā)現(xiàn)網(wǎng)站的移動版網(wǎng)頁所在的位置。
- 在移動版網(wǎng)頁上，添加指向?qū)?yīng)pc版網(wǎng)址的鏈接 rel="canonical" 標(biāo)記。
例如，假設(shè)pc版網(wǎng)址為http://www.example.com/page-1，且對應(yīng)的移動版網(wǎng)址為 http://m.example.com/page-1，那么此示例中的注釋如下所示：
在pc版網(wǎng)頁(http://www.example.com/page-1) 上，添加：
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >
【PS: 為什么這里舉例的max-width的值是640px，而不是一個長得像PC尺寸的值，比如1024px？我只能說本站編輯框里很缺表情包，這例子是百度官方給出的，天才程序員兼職寫文檔呀，他以為你懂的，你懂了了吧？
而在移動版網(wǎng)頁(http://m.example.com/page-1) 上，所需的注釋應(yīng)為:
<link rel="canonical" href="http://www.example.com/page-1" >
5. 代碼適配
為了使百度能夠知道當(dāng)您的頁面發(fā)生變化時，同時需要用其他的ua重新抓取一遍，請您添加Vary HTTP標(biāo)頭。Vary HTTP標(biāo)頭具有以下兩個非常重要且實(shí)用的作用：
a)它會向 ISP 和其他位置使用的緩存服務(wù)器表明：在決定是否通過緩存來提供網(wǎng)頁時它們應(yīng)考慮用戶代理。如果您沒有使用 Vary HTTP 標(biāo)頭，緩存可能會錯誤地向移動設(shè)備用戶提供pc版 HTML 網(wǎng)頁的緩存（反之亦然）。
b)它有助于 百度spdier 更快速地發(fā)現(xiàn)針對移動設(shè)備進(jìn)行優(yōu)化的內(nèi)容，這是因?yàn)槲覀冊谧ト♂槍σ苿觾?nèi)容進(jìn)行過優(yōu)化的網(wǎng)址時，會將有效的 Vary HTTP 標(biāo)頭作為抓取信號之一，我們會提高用其他ua抓取此網(wǎng)頁的優(yōu)先級。
Vary 中的User agent 是什么意思？
User-Agent表示客戶端代理，使得服務(wù)器能夠識別客戶使用的操作系統(tǒng)及版本、CPU 類型、瀏覽器及版本、瀏覽器渲染引擎、瀏覽器語言、瀏覽器插件等。這樣服務(wù)器就能區(qū)別不同種類的客戶端，做出不同的數(shù)據(jù)返回操作。
示例：
并且在pc的響應(yīng)的head中添加
<meta name="applicable-device" content="pc">
在移動的響應(yīng)的head中添加
<meta name="applicable-device" content="mobile">
6. 自適應(yīng)
自適應(yīng)設(shè)計(jì)有其一般原則：在head添加以下代碼并且使用<picture>元素處理自適應(yīng)圖片:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自適應(yīng)頁面還應(yīng)該在head中標(biāo)識：
<meta name="applicable-device"content="pc,mobile">
表示頁面同時適合在移動設(shè)備和PC上進(jìn)行瀏覽。
關(guān)于移動配置，百度不建議的做法
1，單一域名下請使用同一種配置方式(跳轉(zhuǎn)適配、代碼適配、自適應(yīng))，例如，不要把移動站的頁面作為pc站網(wǎng)址中的一個子目錄來配置。
2，如果使用跳轉(zhuǎn)適配的方式，請
不要使用JS對ua進(jìn)行適配跳轉(zhuǎn)。這種方式存在兩個缺點(diǎn)：
a) 對用戶：會加大由重定向的客戶端造成的延遲；這是因?yàn)榭蛻舳诵枰认螺d網(wǎng)頁，接著解析并執(zhí)行 JavaScript，然后才能觸發(fā)重定向。301或302則不會有這個延遲。
b) 對搜索：爬蟲也需要使用支持JS渲染的爬蟲，才能發(fā)現(xiàn)此重定向。
三種適配做完之后還有哪些可以通用配置的？
- 在PC頁聲明對應(yīng)的wap站頁面
搜索引擎在抓取我們頁面的同時，我們需要在PC的頁面中指明對應(yīng)的wap端頁面地址，這樣同樣是為了幫助搜索引擎更好的找到該P(yáng)C頁對應(yīng)的wap端頁面，代碼如下：
<meta name=”mobile-agent” content=”format=html5; url=
http://m.a.com/news/2018-3/15199816265369.html”>
如上，content屬性對應(yīng)的值，是聲明我們對應(yīng)的wap端頁面為html5的頁面，URL地址為：
http://m.a.com/news/2018-3/15199816265369.html即可。
2. 在百度站長平臺鏈接提交工具的Sitemp進(jìn)行提交時，注意要給mobile type做標(biāo)記。
寫法：<mobile:mobile type="pc,mobile"/>
其他適配取值如下： <mobile:mobile/> ：移動網(wǎng)頁 <mobile:mobile type="mobile"/> ：移動網(wǎng)頁 <mobile:mobile type="htmladapt"/>：代碼適配 無該上述標(biāo)簽表示為PC網(wǎng)頁。
3. 在百度后臺提交適配關(guān)系。注意適配關(guān)系的提交是
建立在上面一條‘實(shí)現(xiàn)PC與移動URL之間一一對應(yīng)’基礎(chǔ)之上的，如果沒有技術(shù)上實(shí)現(xiàn)而只是向百度去做規(guī)則提交，我還沒有遇到成功的。
如果還要你的網(wǎng)站對百度移動端更友好，還能做些什么呢？答案是百度小程序、MIP或者百度熊掌ID。
MIP、熊掌運(yùn)營和小程序才是目前為止終極的移動SEO方案，一般人跟不上百度這腳步呀！詳情得另開一桌再聊。
如果還是看不懂，好吧，點(diǎn)個 就全懂了，不信試試看！
在線咨詢