首页 >  SEO >  SEO知识 >  正文

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

 作者:潘某人SEO
2043

目前较流量的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渲染的爬虫,才能发现此重定向。


公众号
潘某人SEO 关注我每天学习SEO优化相关知识... 470篇原创内容
潘某SEO 公众号
申明:以上内容仅代表个人观点,仅供学习参考 本站图片来源于CC0协议或已获得VRF授权的图库站点 本文参考于互联网如有侵权,请联系 pmrseo@foxmail.com删除 本文地址:https://www.chateach.com/seo/seozhishi/349
相关文章
  • robots文件里该不该加上sitemap地址

    robots里放sitemap

    robots文件里该不该加上sitemap地址,有种说法就是搜索引擎抓取一个网站首先会抓取robots文件,这样把sitemap地址写在robots文件里,这样搜索引擎可以地址直接的对网站地图进行抓取,可以加快链接收录的速度,真相并不是这样

    1645
    • robots里放sitemap
  • 什么是nofollow标签

    nofollow标签

    解释了什么是nofollow标签,以及nofollow标签的只用方法,以及对于SEO的作用,合理利于这个标签可以集中页面的权重分配传递!

    1076
    • nofollow标签
  • SEO站外优化的方法有哪些?

    seo站外优化

    SEO站外优化的方法有哪些?一个网站如果有比较好的内容,但是客户还是无法看到的话,那么就说明SEO优化没有达到理想的效果。我们做网站首先就是要让用户能够看到,这样才能带来更多的流量,最终实现建设网站的目的就是起到推广或者是营销的效果。

    917
    • seo站外优化
  • 你的站点url中含有#号吗,别被坑惨了!

    #号,url链接

    如果一个在进行SEO优化的站点,url中却有#号,那么这就是一个悲伤的故事了,看完这篇文章你应该会跺脚!如果一条url链接中包含#符号,那么这条url就是一个 Fragment URL。

    426
    • #号
    • url链接
  • 网站被镜像,如何向百度反馈?

    网站被镜像

    最近收到不少站长反馈被镜像的问题,网站被镜像后,站点流量、关键词都会受到影响,是很多网站深恶痛绝的现象,站长通过禁止正文被粘贴、禁止镜像站IP都无法彻底杜绝被镜像现象。被镜像该如何维权,学堂君整理以下投诉攻略:

    492
    • 网站被镜像
  • 内容模块之间为何要设置合理间隔

    页面为何要设置合理间隔

    内容模块之间为何要设置合理间隔,主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。

    1175
    • 页面为何要设置合理间隔
  • 【图解】C位直达后台操作说明

    C位直达

    如何在C位直达活动页查看规则、领取词包、上传内容以及查看收益,有兴趣参与C位直达的小伙伴们,千万不能错过这篇干货文章哦!

    823
    • C位直达
  • 如何防止网站被爬虫恶意抓取

    原创保护,爬虫屏蔽

    对于SEO优化来说最讨厌的就是抄袭行为,而爬虫技术则是抄袭手段的升级版,通过一个规则去全网爬取内容进行发布。将抄袭实现了自动化,各个站点面对这种行为也是无可奈何。

    946
    • 原创保护
    • 爬虫屏蔽
  • 关键词排名到第一位的秘诀

    关键词排名,排名因素

    你有没有想过关键词排名第一的因素吗?为什么同样的内容在不同的站点排名就不一样?如果你但是简单的归于网站权重那么就大错特错了。

    489
    • 关键词排名
    • 排名因素
  • 百度移动适配状态说明

    移动适配状态

    百度移动适配状态说明,对于适配的状态成功失败原因的分析以及解决方案。当认为实际情况与您提交的情况相符时,才会对适配数据进行生效处理,这个校验时间大约为10天。

    3022
    • 移动适配状态
  • 网站中毒被降权了怎么操作

    网站被黑中毒怎么优化

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

    912
    • 网站被黑中毒怎么优化
  • 如何通过修改User-Agent访问不同页面

    User-Agent修改

    演示如何修改User-Agent,通过修改HTTP请求头,我们可以实现浏览不同设备下的网站的展示内容。一个简单的方法一个谷歌浏览器3步我们就可以实现轻松修改User-Agent的值

    1505
    • User-Agent修改
  • DNS对于SEO至关重要

    DNS服务器,seo

    如果你错误的选择dns服务器,那么对于站点的SEO优化是致命的,轻则影响SEO效果,严重的甚至站点会被搜索引擎所屏蔽。因此重视dns服务器,正确的选择对于seo优化是必要的也是重要的。

    202
    • DNS服务器
    • seo
  • SEO内部链接优化

    SEO优化,内链优化

    在研究网站内链前,首先先要知道内链的种类有哪些,哪些位置会出现内链,各个位置的内链又有什么区别呢?内链对于SEO优化起到了什么作用。

    732
    • SEO优化
    • 内链优化
  • wordpress建站怎么样,适合SEO优化吗

    wordpress建站

    wordpress建站是非常不错的,非常使用于新手,可以不写一句代码,快速的搭建属于自己的一个站点,并且wordpress拥有大量的模板插件,不但可以满足美观的展示效果,大量的插件支持也可以满足基本的SEO优化需求。

    974
    • wordpress建站
  • 哪些情况需要提交死链

    死链,404

    哪些行为会造成死链,哪些情况需要提交死链,如何正确的提交死链。​大量死链的存在容易造成搜索引擎对网站评级的降低,因为大量的死链接的存在,会对于用户访问时的体验造成严重的伤害。

    631
    • 死链
    • 404
  • 跟踪链接导致大量重复页面

    跟踪链接,重复页面

    对网站运营推广的时候我们不得不使用各种跟踪链接达到推广效果的统计作用。但是这类跟踪链接会造成大量的重复页面的出现,导致权重的分散对SEO产生负面的影响,我们如何解决这问题呢?

    533
    • 跟踪链接
    • 重复页面
  • 百度落地页规范之广告体验

    落地页,广告,百度

    近期百度发布了搜索违规落地页的体验问题说明,主要从pc端移动适配、页面排版布局、交互功能规范,这三方面进行了说明。各个站长还是速度的自查站点是否有违规的行为,又一波考验到来了。广告投放的关键点是什么,需要注意哪些方面呢?

    351
    • 落地页
    • 广告
    • 百度
-- 这已经是底线了,看看别的把! --