欢迎光临
我们一直在努力

跳转适配、代码适配和自适应哪种适配更有利于网站seo优化

百度资源平台中的属性设置在百度资源平台中的属性设置中可以找到三种不同的 PC 移动端 适配方式,总体可以分为三种跳转适配、代码适配和自适应,那么哪种方式更好更适合于seo优化呢?我们今天来比较一下这三种方式。

1、跳转适配。

该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用HTTP重定向和VaryHTTP标头重定向到相应的页面。Pc和移动网址是不一样的,一般都是使用m.的二级域名。

为了让百度更好的了解单独的移动版网址,需要使用如下注释:

在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″ >

而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

<link rel=”canonical”href=”http://www.example.com/page-1″ >

在pc页面增加代码是告诉pc跳过来是移动的,在移动页面加代码是表明移动的对应的是pc,增加代码的识别,便于识别它们是一个页面,便于蜘蛛爬行和检测。

注:加在<head></head>里面。

 

2、代码适配。

该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的HTML。

通过终端设备ua进行判断,若是移动设备访问,那么就会返回给你一个移动端形式的网页,反之会返回一个pc端的网页,而两种网页所对应的代码是不一样的。

为了更好的识别,需要加如下代码:

在pc的相应的head中添加:

<meta name=”applicable-device” content=”pc”>

在移动的相应的head中添加:

<meta name=”applicable-device” content=”mobile”>

 

3、自适应。

通过同一网址提供相同HTML代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。

使用自适应,网站的网页会根据你浏览器窗口的大小按照不同的比例来展示,比如说你在pc上打开某一个网页,当你把浏览器窗口缩放,就会根据浏览器的宽度,自动调整网页内容大小,一般代码的情况是HTML一样,css不一样。

自适应设计有其一般原则:在head添加以下代码并且使用<picture>元素处理自适应图片:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

自适应页面还应该在head中标识:

<meta name=”applicable-device”content=”pc,mobile”>

表示页面同时适合在移动设备和PC上进行浏览。

跳转适配、代码适配、自适应方式对比

跳转适配、代码适配、自适应方式对比

百度仅站在搜索引擎角度对跳转适配、代码适配、自适应这三种配置方式做了一些对比和分析,希望能够帮助站点选择更适合自己、性价比最优的方式来进行移动化。

跳转适配、代码适配、自适应配置对比

跳转适配、代码适配、自适应配置对比

 

要如何判断这三种方式呢?

Pc端和移动端的网址不一样,那么可以判断为跳转适配。

代码适配是网址一样,代码不一样。若网址一样,那么借助模拟移动端插件查看pc端和移动端的代码,代码不一样可判断为代码适配。

自适应是网址代码都一样,若网址一样,可借助插件来对比代码是否一样来判断。另外,我们还可借助浏览器来判断,在pc端上打开网站,在不开启模拟移动端访问插件的情况下,将浏览器窗口不断变化,网页会按照不同的比例来展示,那么可以判断为自适应。

经过大约6个网站的测试发现,从搜索引擎优化的效果优劣进行排名,结果是:代码适配>自适应>跳转适配。为什么会这样呢?笔者认为有以下几个原因:

第一:为什么跳转适配对于搜索引擎优化来说效果最差呢?

因为跳转适配给搜索引擎增加了处理的麻烦程度,毕竟跳转适配存在两个网站,虽然内容可能大体相同,但是页面网址是不一样的,搜索引擎需要检索对比两个页面的内容并建立对应关系,这个过程需要耗费一定的时间,减慢网站移动端排名生效的速度。

另外,如何让不同的搜索引擎感知到跳转适配也是个麻烦事儿,当然自己要根据不同的设备进行跳转这是肯定的,但是搜索引擎认不认呢?这个还真不好说,至少目前笔者的经历是让搜索引擎自主完成这个对应关系,那反映真是太慢了。当然,现在像百度这个级别的搜索引擎已经在自己的站长平台上提供了提交适配对应关系的入口,跳转适配的网站可以通过该入口告诉百度你自己网站的移动和PC端网址的对应关系,不过对于一些新站来说,索引量不足也会让百度把你提交的对应关系给pass掉。至于其他搜索引擎,搜狗是提供这种对应关系提交入口的,但是使用正则匹配的规则跟百度完全不同,而360搜索的话,目前只提供告知有移动站点存在的功能。

第二:为什么自适应适配的效果不如代码适配?

自适应首先是实现了PC移动页面二合一,所以不会出现上述跳转适配的问题。那么笔者为什么觉得它不如代码适配呢?!因为笔者个人一直觉得自适应适配是存在先天缺陷的,只适合小型的网站,比如企业站,核心原因就是自适应适配操作的是前端页面,这在一定程度上会影响站点的功能和用户体验。另外还有一个致命缺陷,那就是自适应会造成无论是js代码还是css代码亦或是html代码都比正常的网站冗余的多,这会影响到页面的加载速度,即便在加载速度这方面基本不会产生负面影响,那代码冗余对于任何搜索引擎的排名来说恐怕都不是什么好事儿。

第三:为什么代码适配最有利于搜索引擎优化?

首先,代码适配不存在跳转适配的缺点,因为代码适配也是PC移动二合一。其次,代码适配可以更自如的对PC和移动端的页面功能进行操作,比自适应只操作页面要强很多,至少不会因此而牺牲掉一部分的操作功能和用户体验。还有就是,代码适配可以根据服务器端的判断,加载不同的js、html和css,这就避免了冗余代码的产生,不影响加载速度,对于搜索引擎来说,代码也不存在冗余的问题。

未经允许不得转载:第五博客 » 跳转适配、代码适配和自适应哪种适配更有利于网站seo优化
分享到: 更多 (0)

更专业 更方便

联系我们