手机端移动网站SEO如何做配置？

首先，自适应是我最推荐的移动化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做适配，这个最重要！！！

如果看不懂移动seo，就先记住：不要用JS做适配，这个最重要！！！

按照最开始的6个类型，移动SEO技术方案罗列正式开始。

纯PC; 在百度站长工具“网站属性”里填写就可以纯Mobile；类似上条，也是在百度站长工具“网站属性”里面填写。

—如上两中最好理解，即只有一种样子—

—从下文开始，你的网站一定不止PC或者移动中的一种—

3. 移动适配。这个可以理解为没有适配，即你做了两套网站，但是这两套网站直接不能自动互相介绍，即没有如下这种功能：

当用PC打开WAP的URL的时候，能够自动跳转到对应的PC页面地址；同时，也做反向配置，即，当移动端打开PC的URL的时候，也可以自动跳转到对应的WAP页面地址。

为什么我说这个移动适配叫做没有适配呢？看下现在移动适配的说法，

移动适配使用说明

1. 为提升搜索用户在百度移动搜索的检索体验，会给对应PC页面的手机页面在搜索结果处有更多的展现机会，需要站点向百度提交主体内容相同的PC页面与移动页面的对应关系，即为移动适配。为此，百度移动搜索提供“移动适配”服务，如果您同时拥有PC站和手机站，且二者能够在内容上对应，即主体内容完全相同，您可以通过移动适配工具进行对应关系提交。

2. 自适应站点不需要使用移动适配工具。

3. 移动适配工具不能解决移动端排序问题，搜索排序异常请在反馈中心提交。

4. 移动适配工具校验时间为14天，如数据提交14天后仍未校验完成，请尽快在反馈中心提交问题。

划重点：‘站点向百度提交主体内容相同的PC页面与移动页面的对应关系，即为移动适配’。

如何做移动适配呢？这里只贴一张图，保证读者能找对对应的位置，详细建议直接移步百度官方解释。

平台工具使用帮助_移动适配_搜索学院_百度搜索资源平台​ziyuan.baidu.com

移动适配实操拓展参加如下：

移动适配工具如何使用？（看明白了没有，这里才说明白，移动适配不是一个技术，是一个工具！）

当您同时拥有移动站点和PC站点、且移动页面和PC页面的主体内容完全相同，就可以在通过百度站长平台提交正确的适配关系，获取更多移动流量。(只要PC站点与移动站点的主干一致，即可参与移动适配。举例说明：PC站点ww.abc.com.cn 移动站点m.abc.net 属于主干一致。)

目前移动适配工具支持规则适配提交和URL适配提交。百度站长平台对适配数据的校验时间大约为10天，生效时间大约为1-2天。

1）规则适配：建议您尽量使用规则适配进行对应关系提交，一次提交可对于新增同规则的URL持续生效，无需多次反复提交，且处理周期相对URL提交更短，更易于维护和问题排查，是百度推荐使用的提交方式;

使用正则格式进行规则适配，尽量使用最小的粒度来表示，这样更容易校验通过。

具体正则怎么写，参照这里的介绍，百度这个这套正则规则是在是很高级，没有之一，你可以试试如果你写的百度正则可以一次性通过，毫无疑问就是天才。

不过无论如何，重复一下经验：‘尽量用最小颗粒度，这样更容易成功’！

平台工具使用帮助_移动适配_搜索学院_百度搜索资源平台​ziyuan.baidu.com

2）URL适配：当规则适配不能满足适配关系的表达时，您可以通过“URL对文件上传”功能。

移动适配错误排查：

对已有的对应关系持续进行适配，同时不断建设新的对应关系，增加适配覆盖的范围。其次，要确保已经提交的对应关系准确。以下是常见的对应不准确错误，请网站进行自查，并及时修改。

1、手机页不可用，比如死链。

2、robots封禁。放开对Baiduspider的robots封禁，以便Baiduspider获取您PC站与手机站之间的对应关系。

3、手机页使用了ajax等异步加载的方法加载内容主体。

4、格式错误。正则格式错误，文件格式错误等。

5、对应关系错误

1）当PC页为内容页时，应该适配到对应的手机页内容页，而实际却适配到手机页的首页/列表页（这点需要强调一下，很多网站会犯这种错误，即把内容页统一做了跳转到网站首页，这不仅会造成适配失败，更重要的是这会被百度误判为301作弊而造成‘首页降权’）

例如PC页为aaa.com/Book/2083259.aspx，适配后的手机页为m.aaa.con/?from=web

2）手机页本身无主体内容或主体内容过少。

3）手机页需登录才能浏览主体内容。

4）PC页内容与手机页内容不存在一一对应关系。

正确的对应关系示例：

PC页58.com/mmmshandongrencai/

手机页m.58.com/w/mmmshandongrencai/

好了，到这里‘移动适配’告一段落。我们开始讲第二种适配规则。

4. 跳转适配：

从跳转适配开始，可以说是开始有适配的适配，跳转适配做怎样的配置？

在此配置中，每个pc版网址都具有一个对应的不同网址，用于提供针对移动设备进行优化的内容。为了帮助百度算法了解单独的移动版网址，百度建议您使用以下注释：

例如，假设pc版网址为，且对应的移动版网址为 ，那么此示例中的注释如下所示：

在pc版网页() 上，添加：

<link rel=”alternate” media=”only screen and (max-width: 640px)”href=”#34; >

【PS: 为什么这里举例的max-width的值是640px，而不是一个长得像PC尺寸的值，比如1024px？我只能说知乎编辑框里很缺表情包，这例子是百度官方给出的，天才程序员兼职写文档呀，他以为你懂的，你懂了了吧？

而在移动版网页() 上，所需的注释应为:

<link rel=”canonical” href=”#34; >

5. 代码适配

为了使百度能够知道当您的页面发生变化时，同时需要用其他的ua重新抓取一遍移动seo，请您添加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渲染的爬虫，才能发现此重定向。

三种适配做完之后还有哪些可以通用配置的？

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！