首页 >  SEO >  SEO知识 >  正文

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

 作者:潘某人SEO
2277

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


申明:以上内容仅代表个人观点,仅供学习参考 本站图片来源于站点原创或CC0协议图库站点或已获得VRF授权的图库站点 本文参考于互联网如有侵权,请联系 pmrseo@foxmail.com删除 本文地址:https://www.chateach.com/seo/seozhishi/349
相关文章
  • 如何做网站SEO诊断?

    SEO诊断,网站优化

    从网站的展现、点击率、关键词相关度,可以更加快速简单有效的诊断出网站的SEO优化效果。网站诊断可以从很多方面出发,可以从页面的规范程度,站点的内容,网站的代码等等各个方面都是决定网站最终优化效果的因素。今天不讲那么多细节性的,就从网站展现排名来诊断网站的优化效果。

    750
    • SEO诊断
    • 网站优化
  • 收录数量和网站排名的关系

    收录数和排名的关系

    seo优化之网站文章的收录是不是越多对排名越好?答案肯定不是,因为很简单所有的事情不是一概而论的;大家可以去随便找几个相关领域的网站对比下,你就可以发现有的网站收录数量只有几千,但是权重却要高于收录数量几十万的网站。

    1180
    • 收录数和排名的关系
  • SEO优化有没有更好的捷径

    seo优化捷径

    SEO优化有没有更好的捷径,SEO优化没有捷径SEO优化营销推行掩盖面广,多渠道,多范畴,多查找引擎渠道展现,一切的事物都是平衡的,多劳多得,没有什么捷径。最多是少走点弯路

    1566
    • seo优化捷径
  • SEO前景如何,能干一辈子吗?

    SEO前景

    是SEO走向落寞了吗?​现在越来越多的人开始选择放弃seo,而去选择短视频新媒体等推广引流方式,不知大家如何看待这一现象呢?今天潘某人SEO来分享下对于SEO发现前景的看法,希望对你有帮助!

    1118
    • SEO前景
  • SEO外包靠谱吗?

    SEO外包

    SEO外包靠谱吗?你会选择外包吗?你觉得会有效果吗?为什么大多数站点SEO优化最终失败了?

    672
    • SEO外包
  • 用户喜欢的内容的样子,续集

    SEO优化

    SEO优化回归本质是内容的优化,内容的核心是基于用户的需求,那么你了解用户吗?用户真正想要的内容是怎么样呢?当你搞明白了这个问题,相信对于的SEO优化会有很大的帮助。

    646
    • SEO优化
  • 伪原创文章会被收录吗

    伪原创,收录

    伪原创的方法有哪些?伪原创对于网站的收录有影响吗?为什么很多站点优化效果不好呢?大多数是因为站点内容的问题,内容不够优质是导致SEO优化失败的主要因素。

    1070
    • 伪原创
    • 收录
  • 百度移动适配工具如何使用

    移动适配工具

    百度移动适配工具如何使用?百度移动搜索提供“移动适配”服务,如果您同时拥有PC站和手机站,且二者能够在内容上对应,即主体内容完全相同,您可以通过移动适配工具进行对应关系提交。

    2009
    • 移动适配工具
  • 如何提高网站用户体验?

    网站用户体验

    如何提高网站用户体验?SEO优化中有一个奇怪的现象:关键词排名高,引流到站的访客需求精确,但跳出率高,转化低。这种现象是网站用户体验度低的表现,

    735
    • 网站用户体验
  • 搜索引擎的基础原理知识

    搜索引擎原理

    搜索引擎的基础知识,从抓取、过滤筛选、建立索引及输出结果,这几个步骤的工作原理。对于SEO优化来说如果连搜索引擎的基本工作原理都不清楚,这样是一件非常糟糕的事情。

    871
    • 搜索引擎原理
  • IP地址段表达方式

    IP地址,IP区间段,ip表达式

    ip/8/16/24,IP大家在熟悉不过了,但是大家真的了解IP吗?如何表示一段区间的IP端呢?在网站优化的时候IP的屏蔽是经常需要做的一件事,如果需要屏蔽的IP都在一个段区间内,你还在一个个屏蔽吗,有没有一种快速屏蔽一段IP的方法吗。

    2396
    • IP地址
    • IP区间段
    • ip表达式
  • 为什么搜索结果和点进去看的内容不一样

    User-Agent,搜索引擎

    有时候会遇到这种情况,在搜索引擎上找到了需要的内容,但是点击进去网站之后,发现和搜索引擎中的检索结果无关,甚至有的页面连主题都不相关。为什么会有这种情况出现呢?

    1266
    • User-Agent
    • 搜索引擎
  • 网站百度快照被劫持如何快速恢复

    快照劫持解决

    当前查看网站收录或关键词排名的时候,发现自己的网站百度快照收录的标题和描述与实际标题不一样,这是由于你的网站百度快照被劫持了!网站百度快照被劫持如何快速恢复

    1067
    • 快照劫持解决
  • 伪静态和动态url的区别

    伪静态,动态页面

    网站优化只用静态还是动态链接,大家都为异口同声的说道,做SEO优化肯定要使用静态或者伪静态链接的,这样才利于搜索引擎的抓取;动态链接是很难被抓取收录的。难道动态链接真的就不能使用了吗?真的不能被收录吗?

    944
    • 伪静态
    • 动态页面
  • 快排软件提升排名的原理

    快排排名的原理

    只有有流量的页面才能证明是一个被用户所认可的页面。因此排名的相关算法都是根据这一点进项展开的,有流量第一就必须有点击,但并不是有了点击就会有排名的提升。

    2694
    • 快排排名的原理
  • 域名带www和不带www哪个更有利于SEO

    www,SEO优化

    你的网站带www嘛,今天来探究下网站带www和不带www哪个更利于SEO优化。我们分为两种情况来分析,一种域名下有多个站点,还有一种就是域名下只有一个站点。

    644
    • www
    • SEO优化
  • 百度自然搜索排序规则

    排序规则,百度自然搜索

    搜索引擎排名规则应该是广大站点探究的话题,只有对各大搜索引擎的排名规则有所了解,才能更有针对性的做优化,最短时间获得最好的效果。那么那些因素是决定排名的主要的因素,分享下个人的理解。

    805
    • 排序规则
    • 百度自然搜索
  • 作为一名SEOER,你是否懂得一门编程语言

    seo优化与编程

    作为一名SEOER,你是否懂得一门编程语言,那么哪门编程语言更加合适呢?

    634
    • seo优化与编程
-- 这已经是底线了,看看别的把! --