当前位置:网站首页 -> 全部新闻

如何布局您的PC站和移动站,并表达两者之间内容的对应关系

发布日期:2015/6/10 8:25:04  点击数:1239

1,跳转适配:该办法会利用独自的网址向每种设备供给不一样的代码。这种装备会测验检查用户所运用的设备或ua,然后运用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。

​

  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烘托的爬虫,才干发现此重定向。

关闭窗口
Copyright © 2008-2025 上海纯点网络科技有限公司(www.cdsheji.com). All Rights Reserved
地址:上海市嘉定区金沙江西路1075号万达广场5写字号楼203室 24小时客服热线:400-670-5808 电话:021-60482289
沪ICP备10218526号-1 | 沪ICP备10218526号-2
QQ客服

沪公网安备 31011402002273号