H5自助站PC平台移动配置和优化
浏览:386 时间:2021-7-3

在互联网+时代,几乎每个人都在使用手机。对于企业来说,无论是PC,手机,微信等,移动搜索优化都是必要的,同时,“PC站点和移动站点”的配置问题,以及如何处理它们两者的关系是网站用户头疼。

目前,有三种类型的PC站和移动台配置方法。百度代表搜索引擎,称为跳转适应,代码适应和适应。以下是这三种配置的比较。

三种配置方式的分析

从搜索引擎的角度来看,比较和分析了跳跃自适应,代码自适应和自适应三种配置。希望该网站可以选择更适合自己和成本效益。

跳转自适应,代码自适应,自适应复杂度简单到中等。开发一个独立的网站可以非常快。

小型企业可以使用各种自动化解决方案近乎实时地生成移动网站。从中到高,具体取决于站点的复杂程度和您需要创建的代码库的数量。

代码调整所需的开发时间可能很长,需要服务器端编程。您需要创建一个从头开始随屏幕大小变化的流体网格。如果您的网站需要简单,那么有许多开源模板可供选择。

跳转适配

复杂性简单到中等。开发一个独立的网站可以非常快。小型企业可以使用各种自动化解决方案以近乎实时的速度,性能生成移动网站。可以轻松地针对小屏幕优化图像和其他网站内容,但网站重定向通常会导致延迟。维护需求很高。更新主网站后,您还必须在移动网站上单独更新。专门针对移动用户优化您的网站。

代码适配

复杂性从中到高,具体取决于站点的复杂性和您需要创建的代码库的数量。代码自适应所需的开发时间可能很长,并且需要具有高性能的服务器端编程。可以简化为仅包括针对设备优化的内容以获得最佳性能。如果手动维护它,则需要大量资源。许多网站使用内容管理系统来避免此问题,并自动在所有模板上发布内容。在向用户提供网页之前,在服务器上运行的单独文件和服务器端代码可以提供依赖于设备的体验。支持扩展到新平台。可以轻松地为特定设备(如智能电视)创建模板,并通过相同的URL提供模板。

自适应

复杂性。您需要创建一个从头开始随屏幕大小变化的流体网格。如果站点需求更简单,则有许多开源模板可供选择。要使用额外的编程来构建复杂的自适应网站,需要很长时间。高性能。没有重定向,但需要一个全面的计划来实现最佳结果。数据量膨胀是最常见的错误。维护要求低。创建后,更新将以最少的维护流向所有设备。所有设备的用户体验都是一致的(某些特定于设备的选项可以通过服务器端程序添加)。支持扩展到新平台,

使用指定的断点和流体网格轻松扩展到新平台和新设备。

关于

三种配置方式的优化建议

1,跳转改编

在此配置中,每个pc版本URL都具有相应的不同URL,该URL提供针对移动设备优化的内容。为帮助我们的算法了解各个移动网址,我们建议您使用以下注释:

在页面的PC版本上,添加指向相应移动网址rel='alternate'标记的特殊链接。这有助于找出网站的移动版本所在的位置。

在移动页面上,添加指向URL rel='canonical'标记的相应pc版本的链接。

2,代码改编

为了让百度知道当您的页面发生变化并且您需要使用其他uas重新抓取它时,请添加Vary HTTP标头。 Vary HTTP标头有两个非常重要且有用的功能:

a)它向ISP和其他位置使用的其他缓存服务器指示在决定是否通过缓存服务Web时应考虑用户代理。如果您不使用Vary HTTP标头,则缓存可能会错误地为移动设备用户提供HTML页面的pc版本的缓存(反之亦然)。

b)它可以帮助百度spdier更快地发现针对移动设备优化的内容,因为我们在抓取针对移动内容优化的网址时使用有效的Vary HTTP标头作为抓取工具首先,我们将提高使用其他ua抓取此网页的优先级。

3,自适应

自适应设计有其一般原则:将以下代码添加到头部并使用该元素处理自适应图像:

响应页面也应该在头部标识:

表示该页面也适合在移动设备和PC上浏览。

不建议用于移动配置

1.在单个域名下使用相同的配置方法(跳转适配,代码适配和适配)。例如,不要将移动台的页面配置为pc站URL中的子目录。

2.如果使用跳转自适应方法,请不要使用JS来调整跳转到ua。这种方法有两个缺点:

a)对于用户:这将增加重定向客户端造成的延迟;这是因为客户端需要先下载网页,然后在触发重定向之前解析并执行JavaScript。 301或302不会有此延迟。

b)对于搜索:爬虫还需要使用支持JS呈现的爬虫才能发现此重定向

H5自助网站平台www.h5create.com采用先进的Html5技术,专注于建设一个站点6年,为大型小企业创建自助网站建设工具,并使用免费的网站建设平台。

更多建站系统项目请访问:https://www.admin5.com/xm/list-23.html?wz