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链接推送提交限额如何应对

    SEO提交限额

    百度搜索平台预计从12月14日起陆续清理历史老旧sitemap文件,也就是说接下来大多数的站点,链接的提交只有每天10条的总额度了。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1053
    • SEO提交限额
  • SEO必须的知道–百度算法大汇总

    百度算法,算法解析

    百度算法大全,解析主要的百度算法跟新,算法主要可以分为5大类,分别是网站内容质量、用户需求满足、搜索恶意竞争、网站安全问题、落地页体检问题。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2415
    • 百度算法
    • 算法解析
  • 别让网站打开速度毁了SEO优化

    网站速度

    在当今的数字时代,网站的打开速度不仅关乎用户体验,更是影响搜索引擎优化(SEO)效果的关键因素。潘某人SEO带你探讨网页加载速度对SEO的影响,并提如何提高你网站的速度。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 284
    • 网站速度
  • 百度原创星火计划是什么

    星火计划

    百度原创星火计划(又称伪原创的算法)是在,百度搜索团队首次表示,正在设计一套较完善的原创识别算法,并提出了互联网生态的项目课题,是为了解决原创内容的搜索排名问题。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1768
    • 星火计划
  • 为什么网站关键词排名在第二页上去不

    排名怎么计算的,排名提升的原理,第二页的关键词如何提升排名

    为什么网站关键词排名在第二页上去不,这种情况一般是网站内容质量度不够,那么后续的SEO优化方向就要去提升站点的内容质量。揭秘排名计算的方式

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2217
    • 排名怎么计算的
    • 排名提升的原理
    • 第二页的关键词如何提升排名
  • description标签重要吗,还要写吗

    description标签重要吗

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

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

    360不收录如何解决

    相信很多的seo们遇到过这个问题,就是百度的收录很正常,排名也还可以,但是360可能连首页都不收录,或者是只收录一个首页,新站和老站都会出现这个问题,那么到底是什么原因造成的呢?如何解决360不收录的问题呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1679
    • 360不收录如何解决
  • 如何屏蔽某些页面的抓取,但是让页面中链接正常抓取

    meta标签屏蔽页面抓取

    如何屏蔽某些页面的抓取,但是让页面中链接正常抓取,对于这种情况,使用meta标签来进行屏蔽页面的抓取,可以变得更加的有效。相比常用的robots文件屏蔽,或者nofollow标签屏蔽的实用性更加的广。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3273
    • meta标签屏蔽页面抓取
  • 如何最大化挖掘关键词

    挖掘关键词

    关键词挖掘一定程度上决定了SEO优化的成与败,在网站的内容和搜索引擎之间衔接的桥梁就是关键词,关键词是用户需求解决的起点,对于搜索引擎通过关键词来匹配最优质的内容的。不考虑其他因素,站点的关键词覆盖面更全,流量覆盖更完整。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 820
    • 挖掘关键词
  • 移动端SEO优化应该怎么做呢?

    移动SEO优化

    移动端SEO优化应该怎么做呢?移动时代已经到来,并没有给人们太多思考时间,而越来越多的用户通过手机进行社交、查看新闻、移动办公及浏览网页等,随着移动营销被推上风口浪尖,众多企业开始转向移动SEO,纷纷试水移动搜索引擎优化。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1926
    • 移动SEO优化
  • 各搜索引擎蜘蛛IP大全持续更新

    蜘蛛IP,引擎蜘蛛

    各搜索引擎蜘蛛IP大全持续更新,各个搜索引擎的蜘蛛ua,持续更新中。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 3039
    • 蜘蛛IP
    • 引擎蜘蛛
  • seo优化行业的现状

    seo优化的现状

    seo优化行业的现状解析。随着付费推广的竞争 越来越激烈,广告成本也是指数级的上升,这也一定的程度会让大家重视成本相对更低的SEO优化。但是SEO优化行业却充满着不和谐的因素!

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1207
    • seo优化的现状
  • 收录数量和权重关系

    收录数量和权重关系

    收录数量和权重有什么关系呢,收录的数量越多是不是权重就越高,站点就有更大的流量呢?相信收录量是很多站点奋斗的目标,想方设法的去快速的增加大量的收录,但是最终并没有很好的效果,这是为什么呢?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1275
    • 收录数量和权重关系
  • 新站突然排名突然消失的原因

    新站排名消失

    新站突然排名突然消失的原因?有一些建过站的站长可能会碰到这样的一种现象,就是自己刚刚建好的一个网站,经过自己努力好不容易有了点,甚至是很不错,但是突然某一天自己的网站竟然毫无征兆的排名全无,

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 2430
    • 新站排名消失
  • 百度搜索治理生态违规行为报告解读,seo作弊行为打击

    百度搜索生态,seo作弊打击

    2021年百度搜索治理生态违规行为报告解读,seo优化的发展趋势及对于那些违规优化手段的处理。百度搜索在不断加强seo作弊行为、加强了低质量站点,恶意采集行为的识别、以及一些对于损害用户体验行为的处理。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 840
    • 百度搜索生态
    • seo作弊打击
  • a标签怎么写对seo更友好

    a标签如何优化

    拿比较重要的<a>标签来探讨下,相信大家对于<a>标签是十分的熟悉的,链接是互联网之所以能成为一张网的基本条件,并且对于SEO优化起着十分重要的影响,<a>标签优化的到不到位对于SEO效果的影响,

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 4304
    • a标签如何优化
  • 网站Site出图率是什么?对排名有什么影响?

    Site出图率

    网站Site出图率是什么?对排名有什么影响?对于SEO优化来说网站的site出图率越高越好,这个更主要的处于在吸引用户点击作用上的考量,有图片的内容更容易获取用户的目光,提高了获得点击的几率,对于关键词的排名可以起到一个很好的促进作用。

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1338
    • Site出图率
  • 网站安全对百度SEO有何重要性

    网站安全与SEO的关系

    网站安全对百度SEO有何重要性?国内至少有80%的网站存在着安全问题,严重困扰并威胁着网站的正常运维。那你的网站存在安全问题吗,该如何解决网站的安全问题?

    用于表示时间的图标 一个时钟的图标,用于向用户表达后面跟着的是一个时间
    用于表示阅读次数的图标 一个类似睁开眼睛的图标,用于向用户表达后面跟着的数字是一个阅读的次数 1318
    • 网站安全与SEO的关系