深入分析H5自助建站中PC站点移动化的配置方式及优化

互联网+年代，简直每个人都在运用手机移动，关于企业，无论是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烘托的爬虫，才干发现此重定向