SEO如何布局您的PC站和移动站

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

1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。

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

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




PC、移动网址是否一致 PC、移动网页代码是否一致
跳转适配
代码适配
自适应



三种配置方式的分析

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



跳转适配 代码适配 自适应
复杂程度 简单到中等。开发独立网站的速度可以非常快。
小型企业可选用多种自动方案,以近乎实时的速度生成移动网站。
中到高,取决于网站的复杂程度和您需要创建的代码库数量。
代码适配所需的开发时间可能较长,且要求服务器端编程
中。需要使用能随屏幕尺寸而变的流体网格从头开始创建。
如果网站需求较简单,有许多开源模板可供选择。
如要构建包含额外编程的复杂的自适应网站,所需的时间会比较长。
性能 中。图片和其他网站内容可轻松针对小屏幕优化,但网站重定向经常会导致延迟问题。
高。可以简化为只包含为相应设备优化的内容,以实现最佳性能。
高。无任何重定向,但需要有周全的计划才能实现最优的效果。数据量膨胀是最常见的错误。
维护需求 中到高。更新主网站后,还必须单独在移动网站上进行更新。
如果人工维护,将需要大量的资源。许多网站使用内容管理系统来避免这一问题,并自动在所有模板上发布内容。
低。创建后,更新内容会流向所有设备,维护工作量极低。
设备 可专门针对移动用户优化网站。
单独的文件和服务器端代码(会在向用户传递网页前在您的服务器上运行)可以提供依设备而定的体验。
所有设备上的用户体验保持一致(一些设备专属的选项可通过服务器端程序添加)。
是否支持扩展至新平台 不支持。这是智能手机专用的独立移动网站。新平台无法轻松集成到现有架构中。
支持。可轻松针对具体的设备(例如智能电视)创建模板,并通过同一个网址投放。
支持。使用指定的断点和流体网格,可轻松扩展到新平台和新设备。

三种配置方式的优化建议

1,跳转适配  

在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址,我们建议您使用以下注释:

在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。

在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。

也可以使用原有的开放适配提交方法。

2,代码适配

为了使百度能够知道当您的页面发生变化时,同时需要用其他的ua重新抓取一遍,请您添加Vary HTTP标头。Vary HTTP 标头具有以下两个非常重要且实用的作用:

a) 它会向 ISP 和其他位置使用的缓存服务器表明:在决定是否通过缓存来提供网页时它们应考虑用户代理。如果您没有使用 Vary HTTP 标头,缓存可能会错误地向移动设备用户提供pc版 HTML 网页的缓存(反之亦然)。

b) 它有助于 百度spdier 更快速地发现针对移动设备进行优化的内容,这是因为我们在抓取针对移动内容进行过优化的网址时,会将有效的 Vary HTTP 标头作为抓取信号之一,我们会提高用其他ua抓取此网页的优先级。

并且在pc的响应的head中添加
  <meta name="applicable-device" content="pc">
  在移动的响应的head中添加
  <meta name="applicable-device" content="mobile">

PC端移动端的适配

3,自适应

自适应设计有其一般原则:在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渲染的爬虫,才能发现此重定向。


申明:本站内容仅代表个人观点,仅供学习参考;未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用!

本站文章可能使用到互联网上的资料,若对您造成困扰,请联系 kk19@foxmail.com除理

本文地址:https://www.chateach.com/seo/seozhishi/349

相关文章

  • 跳出权重与流量的误区

    权重,流量

    很多站长都是以权重来衡量网站的优化效果,权重代表着流量的级别,大致上是一个正比关系。诚然,权重在一定程度上反映了网站的流量级别,但将权重直接等同于站点的实际流量水平,则是一种过于简单的看法,是片面的。今天,潘某人SEO就带大家来探讨下权重与流量的关系。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 330
    • 权重
    • 流量
  • 关键词库如何增加?

    如何增加关键词库

    关键词库如何增加?关键词库,是指网站所有关键词详细情况的记录,包括但不限于是否收录、排名、对应页面的URL、百度指数、月获得流量。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2611
    • 如何增加关键词库
  • 网站中毒被降权了怎么操作

    网站被黑中毒怎么优化

    网站中毒被降权了怎么操作,这种情况立即关闭网站,申请闭站保护,然后对网站进行全面的检查加固,沉淀1-6个月之后再重新上线。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1414
    • 网站被黑中毒怎么优化
  • 网站排名一直掉,从这几个方面排查

    网站排名一直掉

    无论你的公司规模多大,你在搜索引擎上的一些不恰当的SEO手法,都可能会受到处罚,从而影响你的搜索排名。例如,百度、360搜索甚至会在搜索结果中完全删除你网站的页面。因此,你要避免受到惩罚,避免失去搜索流量。以下是一些简单的SEO方法,可以避免你犯错误,这些错误有可能会让你的排名全无。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2611
    • 网站排名一直掉
  • 百度冰桶算法,移动页用户体验保护

    百度冰桶算法

    百度一直都在打击移动端用户体验不好的网站,从app的强制下载到现在的广告位置布局,冰桶算法是专门为了移动端体验效果而生的算法,为了提高移动端的用户体验效果

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2894
    • 百度冰桶算法
  • 新站SEO优化全攻略:如何在搜索引擎中脱颖而出

    新站优化

    随着搜索引擎算法的不断进步,对于新站而言,实现有效的SEO优化变得前所未有的挑战。尤其对于那些零基础的新站点来说,想要在搜索结果中占据一席之地更是难上加难。然而,“好的开始是成功的一半”,正确的起步能够为新站打下坚实的基础。今天,就与潘某人SEO一起探讨下新站SEO优化的关键要素,如何让网站快速成长。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 492
    • 新站优化
  • SEO的几个死穴

    SEO的死穴

    对于SEO工作来讲,我们都知道它是一个由多种因素组合成的排序系统,因而,我们在让网站排名靠前的过程中,就必须考虑诸多因素,例如:做外链,写高质量内容等等。但每一个人的時间终究有限,而对于一些中小企业来讲,它并不能创立更多的SEO团队,在一些优化策略的时候也许就会选择一些激进的方式,触碰到SEO的死穴。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1450
    • SEO的死穴
  • 新站考核期存在吗?

    新站考核期,沙盒期

    百度搜索引擎存在新站考核沙盒期吗?​很多站长遇到新站优化迟迟没有效果,就把原因归咎于沙盒期,既搜索引擎对于新站有一段时间考核,也就导致网站这段时间不管怎么优化都不会有效果。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1309
    • 新站考核期
    • 沙盒期
  • 进入前100名的关键词如何提升排名

    关键词排名提升

    进入前100名的关键词如何提升排名如何提升?持续更新,切勿大动干戈,50-100名就是就是搜索引擎对页面最后的考察期,一旦进了50名那就不一样了。按照以往的经验来说,网站排名在这个区间会持续短则一个星

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1621
    • 关键词排名提升
  • 如何做好百度SEO网站优化

    百度SEO,网站优化

    ​对于百度SEO网站优化,需要注重哪些方面呢?根据《百度搜索建站优化白皮书》为了大家画一下重点,内容有点多需要作为一个专题进行更新,今天先给大家梳理下大纲。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 742
    • 百度SEO
    • 网站优化
  • 老域名建站对seo真的有好处吗?

    域名,建站

    在SEO的世界里,一个普遍的观点是使用老域名建站可以带来更好的搜索排名效果。然而,事实真的如此吗?今天与潘某人SEO一起深入探讨一下老域名建站在SEO中的真正影响,并揭开一些常见的误区。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 319
    • 域名
    • 建站
  • HillTop谷歌排名算法

    HillTop算法

    HillTop算法可以有效的屏蔽垃圾低质量外链,防止外链作弊。其实HillTop算法的指导思想和PageRank的是一致的,都是通过网页被链接的数量和质量来确定搜索结果的排序权重。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2562
    • HillTop算法
  • 做seo优化排名赚钱吗?

    seo优化赚钱吗

    做seo优化排名赚钱吗?seo优化现在还好做吗?搜索引擎是个大市场,如果想在市场里买东西,就要打广告,所以seo优化不会过时,并且会是一个赚钱的行业。不论是以后做什么行业,我都觉得seo都是不可或缺的技术,因为任何行业都需要做广告推广,而seo则是经济实惠的选择。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2310
    • seo优化赚钱吗
  • nginx网站域名重定向怎么做

    nginx重定向,网站域名重定向

    网站上线最基础的一步就是确立域名如何重定向,如果最优的设置重定向。一方面要确立网站主域,另一方面跳转配置不遗漏并且尽可能减少没必要的跳转。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1230
    • nginx重定向
    • 网站域名重定向
  • 什么是闭站保护?如何申请与解除?

    闭站保护,网站索引

    闭站保护是用于保护网站因为某些原因需要关停一段时间,来保护网站在搜索引擎中的索引数据,从而不会因为这段时间无法访问造成过大的影响。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1271
    • 闭站保护
    • 网站索引
  • TAG标签的好处

    TAG标签的好处

    ​TAG标签对于SEO优化有一定的作用,但是使用不当很有可能起到反向作用。对于TAG标签的优化,对于网站内容的布局能力是十分考验的,没有强大的内容和技术支撑是很难达到理想的效果的。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2174
    • TAG标签的好处
  • seo中关键词筛选

    关键词优化

    关键词的选择非常的重要,知道如何从海量的关键词筛选出有价值的关键词对于SEO优化来说是至关重要的,关键词应该如何使筛选呢,才可以更好的满足搜索需求的同时满足SEO优化。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1414
    • 关键词优化
  • description标签重要吗,还要写吗

    description标签重要吗

    Description标签就是就是常说的页面描述标签,是页面核心TDK标签的其中之一,那么如今description标签还重要吗,还有必要去写描述标签吗?个人觉得描述标签不是很重要,但又是很重要的,看似矛盾其实只是所站的角度不一样。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3402
    • description标签重要吗