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

seoxin 05-13 8:22 56次浏览

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

移动seo_移动端 seo 网站地图_移动端的seo

如果看不懂,就先记住:不要用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

移动端 seo 网站地图_移动端的seo_移动seo

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

移动适配工具如何使用?(看明白了没有,这里才说明白,移动适配不是一个技术,是一个工具!)

当您同时拥有移动站点和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作弊而造成‘首页降权’)

移动seo_移动端 seo 网站地图_移动端的seo

例如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标头具有以下两个非常重要且实用的作用:

移动seo_移动端 seo 网站地图_移动端的seo

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渲染的爬虫,才能发现此重定向。

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