手机端移动网站SEO如何做配置
时间：2022-08-16 20:42:02 | 来源：网站运营
时间：2022-08-16 20:42:02 来源：网站运营
<------原创文章，转载请注明出处！----->
首先，自适应是我最推荐的移动化seo方案，如果你已经选择了自适应站，请无需往下读，直接去这里拿方案：
正文：
一定没有比百度更牛逼的科技公司了，不说他家的PPT的设计，单说他们的SEO技术文档，简直就是秒杀一切入门的SEOer，让入门SEOer或者隔壁码农一秒放弃可以读懂的理想。万事求完美的我理顺一下百度官方的文档，希望能帮到隔壁码农或者SEO刚入门的。
确定无疑，提供移动端SEO适配这部分文档的百度技术们一定都是天才。
首先要从大面上分清你的网站属于哪个类型，百度从搜索引擎角度，将网站分为了6个类型：
- 纯PC站-无技术适配；
- 纯移动站-无技术适配；
- 移动适配-有PC和移动网页，有可能做了技术适配，也有可能没有做。
- #跳转适配#：这种配置会尝试检测用户所使用的设备或UA，然后使用HTTP重定向和Vary HTTP标头重定向到相应的页面。【URL是否不同？我的理解是不同！】
- #代码适配#：该方法使用相同的网址（不考虑用户所使用的设备），但会根据服务器对用户所用浏览器的了解（UA），针对不同设备类型生成不同版本的HTML。【即，通过判断浏览器UA是PC UA还是移动UA，从而在同一URL下，给出不同的HTML。】
- #自适应#（自呈现）：通过同一网址提供相同HTML代码的网站设计方法。该方法不考虑用户所使用的设备（pc、平板电脑、移动设备），但可以根据屏幕尺寸以不同方式呈现（即适应）显示屏。【即，通过判断屏幕尺寸，从而在同一URL下，给出不同的HTML】
为什么这个截图里面是5种类型，但文章里面说是6种呢？详细往下读就知道了。如果非要知道为什么，我只能告诉你：百度这写文档的实在是天才。
在了解方案前需要先看清跳转适配、代码适配和自适应的基础概念：
跳转适配、代码适配和自适应三种适配有什么区别？
跳转适配认
设备和UA（服务器端重定向）；代码适配
认UA（服务器端编程）不认设备；自适应及不认UA也不认设备，而是通过
屏幕尺寸给出方案。
自适应是一种以前端工程师为主导的方案，也是谷歌最推荐的一种方案。
那百度更倾向于哪种方案呢？这其实首先取决于网站自身的成本和性能选择：
如果看不懂，就先记住：不要用JS做适配，这个最重要！！！如果看不懂，就先记住：不要用JS做适配，这个最重要！！！
如果看不懂，就先记住：不要用JS做适配，这个最重要！！！
如果看不懂，就先记住：不要用JS做适配，这个最重要！！！
按照最开始的6个类型，移动SEO技术方案罗列正式开始。
- 纯PC; 在百度站长工具“网站属性”里填写就可以
- 纯Mobile；类似上条，也是在百度站长工具“网站属性”里面填写。
---如上两中最好理解，即只有一种样子---
---从下文开始，你的网站一定不止PC或者移动中的一种---
3. 移动适配。这个可以理解为没有适配，即你做了两套网站，但是这两套网站直接不能自动互相介绍，即没有如下这种功能：
当用PC打开WAP的URL的时候，能够自动跳转到对应的PC页面地址；同时，也做反向配置，即，当移动端打开PC的URL的时候，也可以自动跳转到对应的WAP页面地址。
为什么我说这个移动适配叫做没有适配呢？看下现在移动适配的说法，
移动适配使用说明
1. 为提升搜索用户在百度移动搜索的检索体验，会给对应PC页面的手机页面在搜索结果处有更多的展现机会，需要站点向百度提交主体内容相同的PC页面与移动页面的对应关系，即为移动适配。为此，百度移动搜索提供“移动适配”服务，如果您同时拥有PC站和手机站，且二者能够在内容上对应，即主体内容完全相同，您可以通过移动适配工具进行对应关系提交。
2. 自适应站点不需要使用移动适配工具。
3. 移动适配工具不能解决移动端排序问题，搜索排序异常请在反馈中心提交。
4. 移动适配工具校验时间为14天，如数据提交14天后仍未校验完成，请尽快在反馈中心提交问题。
划重点：‘站点向百度提交主体内容相同的PC页面与移动页面的对应关系，即为移动适配’。
如何做移动适配呢？这里只贴一张图，保证读者能找对对应的位置，详细建议直接移步百度官方解释。
移动适配实操拓展参加如下：移动适配工具如何使用？（看明白了没有，这里才说明白，移动适配不是一个技术，是一个工具！）
当您同时拥有移动站点和PC站点、且移动页面和PC页面的主体内容完全相同，就可以在通过百度站长平台提交正确的适配关系，获取更多移动流量。(只要PC站点与移动站点的主干一致，即可参与移动适配。举例说明：PC站点
http://ww.abc.com.cn 移动站点
http://m.abc.net 属于主干一致。)
目前移动适配工具支持规则适配提交和URL适配提交。百度站长平台对适配数据的校验时间大约为10天，生效时间大约为1-2天。
1）规则适配：建议您尽量使用规则适配进行对应关系提交，一次提交可对于新增同规则的URL持续生效，无需多次反复提交，且处理周期相对URL提交更短，更易于维护和问题排查，是百度推荐使用的提交方式;
使用正则格式进行规则适配，尽量使用最小的粒度来表示，这样更容易校验通过。具体正则怎么写，参照这里的介绍，百度这个这套正则规则是在是很高级，没有之一，你可以试试如果你写的百度正则可以一次性通过，毫无疑问就是天才。不过无论如何，重复一下经验：‘尽量用最小颗粒度，这样更容易成功’！2）URL适配：当规则适配不能满足适配关系的表达时，您可以通过“URL对文件上传”功能。
移动适配错误排查：对已有的对应关系持续进行适配，同时不断建设新的对应关系，增加适配覆盖的范围。其次，要确保已经提交的对应关系准确。
以下是常见的对应不准确错误，请网站进行自查，并及时修改。
1、手机页不可用，比如死链。
2、robots封禁。放开对Baiduspider的robots封禁，以便Baiduspider获取您PC站与手机站之间的对应关系。
3、手机页使用了ajax等异步加载的方法加载内容主体。
4、格式错误。正则格式错误，文件格式错误等。
5、对应关系错误
1）当PC页为内容页时，应该适配到对应的手机页内容页，而实际却适配到手机页的首页/列表页（
这点需要强调一下，很多网站会犯这种错误，即把内容页统一做了跳转到网站首页，这不仅会造成适配失败，更重要的是这会被百度误判为301作弊而造成‘首页降权’）
例如PC页为
http://www.aaa.com/Book/2083259.aspx，适配后的手机页为
http://m.aaa.con/?from=web2）手机页本身无主体内容或主体内容过少。
3）手机页需登录才能浏览主体内容。
4）PC页内容与手机页内容不存在一一对应关系。
正确的对应关系示例：
PC页
http://www.58.com/mmmshandongrencai/ 手机页
http://m.58.com/w/mmmshandongrencai/好了，到这里‘移动适配’告一段落。我们开始讲第二种适配规则。
4. 跳转适配：
从跳转适配开始，可以说是开始有适配的适配，跳转适配做怎样的配置？
在此配置中，每个pc版网址都具有一个对应的
不同网址，用于提供针对移动设备进行优化的内容。为了帮助百度算法了解单独的移动版网址，百度建议您使用以下注释：
- 在PC版网页上，添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。
- 在移动版网页上，添加指向对应pc版网址的链接 rel="canonical" 标记。
例如，假设pc版网址为http://www.example.com/page-1，且对应的移动版网址为 http://m.example.com/page-1，那么此示例中的注释如下所示：
在pc版网页(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？我只能说本站编辑框里很缺表情包，这例子是百度官方给出的，天才程序员兼职写文档呀，他以为你懂的，你懂了了吧？
而在移动版网页(http://m.example.com/page-1) 上，所需的注释应为:
<link rel="canonical" href="http://www.example.com/page-1" >
5. 代码适配
为了使百度能够知道当您的页面发生变化时，同时需要用其他的ua重新抓取一遍，请您添加Vary HTTP标头。Vary HTTP标头具有以下两个非常重要且实用的作用：
a)它会向 ISP 和其他位置使用的缓存服务器表明：在决定是否通过缓存来提供网页时它们应考虑用户代理。如果您没有使用 Vary HTTP 标头，缓存可能会错误地向移动设备用户提供pc版 HTML 网页的缓存（反之亦然）。
b)它有助于 百度spdier 更快速地发现针对移动设备进行优化的内容，这是因为我们在抓取针对移动内容进行过优化的网址时，会将有效的 Vary HTTP 标头作为抓取信号之一，我们会提高用其他ua抓取此网页的优先级。
Vary 中的User agent 是什么意思？
User-Agent表示客户端代理，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。这样服务器就能区别不同种类的客户端，做出不同的数据返回操作。
示例：
并且在pc的响应的head中添加
<meta name="applicable-device" content="pc">
在移动的响应的head中添加
<meta name="applicable-device" content="mobile">
6. 自适应
自适应设计有其一般原则：在head添加以下代码并且使用<picture>元素处理自适应图片:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自适应页面还应该在head中标识：
<meta name="applicable-device"content="pc,mobile">
表示页面同时适合在移动设备和PC上进行浏览。
关于移动配置，百度不建议的做法
1，单一域名下请使用同一种配置方式(跳转适配、代码适配、自适应)，例如，不要把移动站的页面作为pc站网址中的一个子目录来配置。
2，如果使用跳转适配的方式，请
不要使用JS对ua进行适配跳转。这种方式存在两个缺点：
a) 对用户：会加大由重定向的客户端造成的延迟；这是因为客户端需要先下载网页，接着解析并执行 JavaScript，然后才能触发重定向。301或302则不会有这个延迟。
b) 对搜索：爬虫也需要使用支持JS渲染的爬虫，才能发现此重定向。
三种适配做完之后还有哪些可以通用配置的？
- 在PC页声明对应的wap站页面
搜索引擎在抓取我们页面的同时，我们需要在PC的页面中指明对应的wap端页面地址，这样同样是为了帮助搜索引擎更好的找到该PC页对应的wap端页面，代码如下：
<meta name=”mobile-agent” content=”format=html5; url=
http://m.a.com/news/2018-3/15199816265369.html”>
如上，content属性对应的值，是声明我们对应的wap端页面为html5的页面，URL地址为：
http://m.a.com/news/2018-3/15199816265369.html即可。
2. 在百度站长平台链接提交工具的Sitemp进行提交时，注意要给mobile type做标记。
写法：<mobile:mobile type="pc,mobile"/>
其他适配取值如下： <mobile:mobile/> ：移动网页 <mobile:mobile type="mobile"/> ：移动网页 <mobile:mobile type="htmladapt"/>：代码适配 无该上述标签表示为PC网页。
3. 在百度后台提交适配关系。注意适配关系的提交是
建立在上面一条‘实现PC与移动URL之间一一对应’基础之上的，如果没有技术上实现而只是向百度去做规则提交，我还没有遇到成功的。
如果还要你的网站对百度移动端更友好，还能做些什么呢？答案是百度小程序、MIP或者百度熊掌ID。
MIP、熊掌运营和小程序才是目前为止终极的移动SEO方案，一般人跟不上百度这脚步呀！详情得另开一桌再聊。
如果还是看不懂，好吧，点个 就全懂了，不信试试看！
在线咨询
