手机仅支持浏览本站系统内容

创建网站、网站编辑、管理等,请使用电脑操作!

战略合作伙伴:百度知道 - 云服务器 - 域名注册

沃酷建站采用全球最先进SSL 256bit 传输加密机制

分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

H5自助建站,PC站点移动化的配置方式及优化
2020-02-19 15:23:15

互联网+年代,简直每个人都在运用手机移动,对于企业,无论是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抓取此网页的优先级。

3,自适应

自适应规划有其一般准则:在head增加以下代码而且运用元素处理自适应图片:

自适应页面还应该在head中标识:

表示页面一起适合在移动设备和PC上进行浏览。

关于移动装备,不主张的做法

1,单一域名下请运用同一种装备方法(跳转适配、代码适配、自适应),例如,不要把移动站的页面作为pc站网址中的一个子目录来装备。

2,假如运用跳转适配的方法,请不要运用JS对ua进行适配跳转。这种方法存在两个缺点:

a)对用户:会加大由重定向的客户端形成的推迟;这是由于客户端需求先下载网页,接着解析并执行 Java,然后才能触发重定向。301或302则不会有这个推迟。

b)对查找:爬虫也需求运用支撑JS渲染的爬虫,才能发现此重定向

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: