移动端适配_SEO移动端适配的三种方式

    站长原创 wuya 326次浏览 已收录 0个评论

    SEO移动端适配的三种方式,很多人在做移动端时候,不太清楚移动端的适配方法和各种方法之间的优劣程度。下面小编就照搬一下百度官网给的回答。感觉相当的清晰明了。

    目前较流量的PC站与移动站配置方式有三种,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释及异同对比。

    三种适配方式的区别

    1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
    下面解释一下这个Vary HTTP:
    Vary HTTP标头,他的作用主要有:
      1、它会向百度传递一个信号,表示说这是个代码适配的站点,百度就会尽快把网站抓取一遍进行适配;
      2、它可以防止用户接收到错误的网页缓存。这
      Vary HTTP标头是在网站的服务器上进行的,有可能是 Nginx,Apache, IIS 等,
    需要在服务器的配置里,设置 Varyheader 为 Vary:Accept-Encoding, User-Agent。

    2,代码适配:该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。这就相当于有两个网站,一个www的PC端,一个m站,

    3,自适应:通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。自适应的页面是只有一个url不变的。但是开发的难度会增加。

    三种配置方式的优化建议

    1:
    在pc版网页(http://www.example.com/page-1) 上,添加:
      

    而在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:
       2;代码适配
      为了使百度能够知道当您的页面发生变化时,同时需要用其他的ua重新抓取一遍,请您添加Vary HTTP标头。Vary HTTP 标头具有以下两个非常重要且实用的作用:
      a) 它会向 ISP 和其他位置使用的缓存服务器表明:在决定是否通过缓存来提供网页时它们应考虑用户代理。如果您没有使用 Vary HTTP 标头,缓存可能会错误地向移动设备用户提供pc版 HTML 网页的缓存(反之亦然)。
      b) 它有助于 百度spdier 更快速地发现针对移动设备进行优化的内容,这是因为我们在抓取针对移动内容进行过优化的网址时,会将有效的 Vary HTTP 标头作为抓取信号之一,我们会提高用其他ua抓取此网页的优先级。

    移动配置,百度不建议

      1,单域名下使用同一种配置.例如不要把移动站的页面作为pc站网址中的一个子目录来配置。
      2,如果使用跳转适配的方式,请不要使用JS对ua进行适配跳转。
    做完这些,剩下的就是如何推送给百度了。自动,主动,手动,sitemap。就是随你喜欢了。关于:SEO移动端适配的三种方式,就说到这里。


    学海无涯 , 版权所有丨如未注明 , 均为原创丨转载请注明移动端适配_SEO移动端适配的三种方式
    喜欢 (0)
    发表我的评论
    取消评论
    表情 加粗 删除线 居中 斜体 签到

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址