如何布局您的PC站和移动站,并表达两者之间内容的对应关系
1,跳转适配:该办法会利用独自的网址向每种设备供给不一样的代码。这种装备会测验检查用户所运用的设备或ua,然后运用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
8203;
2,代码适配:该办法运用一样的网址(不思考用户所运用的设备),但会依据服务器对用户所用阅读器的了解(ua),对于不一样设备类型生成不一样版别的HTML。
3,自习惯:经过同一网址供给一样 HTML 代码的网站规划办法。该办法不思考用户所运用的设备(pc、平板电脑、移动设备),但可以依据屏幕尺度以不一样方法出现(即习惯)显示屏。
2
三种装备方法的剖析
3
baidu仅站在查找引擎视点对跳转适配、代码适配、自习惯这三种装备方法做了一些比照和剖析,希望可以协助站点挑选更适合自个、性价比最优的方法来进行移动化。
三种装备方法的优化主张
1,跳转适配
在此装备中,每个pc版网址都具有一个对应的不一样网址,用于供给对于移动设备进行优化的内容。为了协助咱们的算法了解独自的移动版网址,咱们主张您运用以下注释:
在pc版页面上,增加指向对应移动版网址的特别连接 rel="alternate" 符号。这有助于发现网站的移动版页面地点的方位。
在移动版页面上,增加指向对应pc版网址的连接 rel="canonical" 符号。
例如,假定pc版网址为http://example.com/page-1,且对应的移动版网址为 http://m.example.com/page-1,那么此示例中的注释如下所示:
在pc版页面(http://www.example.com/page-1) 上,增加:
而在移动版页面(http://m.example.com/page-1) 上,所需的注释应为:
也可以运用原有的敞开适配提交办法。
2,代码适配
为了使baidu可以知道当您的页面发生变化时,一起需求用别的的ua从头抓取一遍,请您增加Vary HTTP标头。Vary HTTP 标头具有以下两个非常重要且有用的作用:
a) 它会向 ISP 和别的方位运用的缓存服务器标明:在决议是不是经过缓存来供给页面时它们应思考用户署理。假如您没有运用 Vary HTTP 标头,缓存可能会过错地向移动设备用户供给pc版 HTML 页面的缓存(反之亦然)。
b) 它有助于 baiduspdier 更疾速地发现对于移动设备进行优化的内容,这是由于咱们在抓取对于移动内容进行过优化的网址时,会将有用的 Vary HTTP 标头作为抓取信号之一,咱们会进步用别的ua抓取此页面的优先级。
示例:
而且在pc的呼应的head中增加
在移动的呼应的包头中增加
3,自习惯
自习惯规划有其通常准则:在head增加以下代码而且运用元素处理自习惯图像:
自习惯页面还应该在head中标识:
表明页面一起适合在移动设备和PC上进行阅读。
对于移动装备,baidu不主张的做法
1,单一域名下请运用同一种装备方法(跳转适配、代码适配、自习惯),例如,不要把移动站的页面作为pc站网址中的一个子目录来装备。
2,假如运用跳转适配的方法,请不要运用JS对ua进行适配跳转。这种方法存在两个缺陷:
a) 对用户:会加大由重定向的客户端形成的推迟;这是由于客户端需求先下载页面,接着解析并履行 JavaScript,然后才干触发重定向。301或302则不会有这个推迟。
b) 对查找:爬虫也需求运用支持JS烘托的爬虫,才干发现此重定向。