网站地图设为首页收藏本站

量子网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 461|回复: 0

APP排名优化如何做?

[复制链接]
发表于 2017-6-16 05:22 | 显示全部楼层 |阅读模式
在百度官方近日发布的移动搜索优化相关文档中,就“PC站点和移动站点”的设置题目和两者之间的关系举行了相关说明。文档中阐述了目前三种较为流行 的PC站点移动化设置方法,并从性能、需求、成本等方面分别对三者举行了阐发。此外,还分别就三种不用设置方法给出了相应的优化发起。
目前,PC站与移动站设置方法中有三种较为主流,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自顺应,以下为这三种设置方法的名词解释及异同对比。
1,跳转适配:
该要领会利用单独的网址向每种设备提供差别的代码。这种设置会尝试检测用户所利用的设备或ua,然后利用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
2,代码适配:
该要领利用相同的网址(不考虑用户所利用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对差别设备类型天生差别版本的 HTML。
3,自顺应:
通过同一网址提供相同 HTML 代码的网站设计要领。该要领不考虑用户所利用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以差别方法呈现(即顺应)显示屏。

                               
登录/注册后可看大图

三种设置方法的阐发
百度仅站在搜索引擎角度对跳转适配、代码适配、自顺应这三种设置方法做了一些对比和阐发,希望能够帮助站点选择更适合自己、性价比最优的方法来举行移动化。
跳转适配 代码适配 自顺应 庞大水平 简朴到中等。开辟独立网站的速率可以非常快。
小型企业可选用多种主动方案,以近乎实时的速率天生移动网站。 中到高,取决于网站的庞大水平和您必要创建的代码库数量。
代码适配所需的开辟时间大概较长,且要求服务器端编程 中。必要利用能随屏幕尺寸而变的流体网格从头开始创建。
假如网站需求较简朴,有很多开源模板可供选择。
跳转适配
庞大水平   
简朴到中等。开辟独立网站的速率可以非常快。小型企业可选用多种主动方案,以近乎实时的速率天生移动网站。
性能
中。图片和其他网站内容可轻松针对小屏幕优化,但网站重定向经常会导致耽误题目。
维护需求   
中到高。更新主网站后,还必须单独在移动网站上举行更新。
设备   
可专门针对移动用户优化网站。
是否支持扩展至新平台   
不支持。这是智能手机专用的独立移动网站。新平台无法轻松集成到现有架构中。
代码适配
庞大水平   
中到高,取决于网站的庞大水平和您必要创建的代码库数量。代码适配所需的开辟时间大概较长,且要求服务器端编程
性能
高。可以简化为只包含为相应设备优化的内容,以实现最佳性能。
维护需求   
假如人工维护,将必要大量的资源。很多网站利用内容管理系统来避免这一题目,并主动在全部模板上发布内容。
设备   
单独的文件和服务器端代码(会在向用户传递网页前在您的服务器上运行)可以提供依设备而定的体验。
是否支持扩展至新平台   
支持。可轻松针对具体的设备(比方智能电视)创建模板,并通过同一个网址投放。
自顺应
庞大水平   
中。必要利用能随屏幕尺寸而变的流体网格从头开始创建。假如网站需求较简朴,有很多开源模板可供选择。如要构建包含额外编程的庞大的自顺应网站,所需的时间会比较长。
性能
高。无任何重定向,但必要有周全的计划才气实现最优的效果。数据量膨胀是最常见的错误。
维护需求   
低。创建后,更新内容会流向全部设备,维护工作量极低。
设备   
全部设备上的用户体验保持一致(一些设备专属的选项可通过服务器端程序添加)。
是否支持扩展至新平台   
支持。利用指定的断点和流体网格,可轻松扩展到新平台和新设备。
三种设置方法的优化发起
1,跳转适配
在此设置中,每个pc版网址都具有一个对应的差别网址,用于提供针对移动设备举行优化的内容。为了帮助我们的算法了解单独的移动版网址,我们发起您利用以下解释:
在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发明网站的移动版网页所在的位置。
在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
比方,假设pc版网址为http://example.com/page-1,且对应的移动版网址为 http://m.example.com/page-1,那么此示例中的解释如下所示:
在pc版网页(http://www.example.com/page-1) 上,添加:
<link rel="alternate" media="only screen and(max-width: 640px)"     href="http://m.example.com/page-1" >
而在移动版网页(http://m.example.com/page-1) 上,所需的解释应为:
<link rel="canonical"href="http://www.example.com/page-1" >
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">
在移动的响应的包头中添加
<meta name="applicable-device" content="mobile">
3,自顺应
自顺应设计有其一般原则:在head添加以下代码并且利用<picture>元素处理自顺应图片:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自顺应页面还应该在head中标识:
<metaname="applicable-device"content="pc,mobile">
表示页面同时适合在移动设备和PC上举行浏览。
关于移动设置,百度不发起的做法
1,单一域名下请利用同一种设置方法(跳转适配、代码适配、自顺应),比方,不要把移动站的页面作为pc站网址中的一个子目录来设置。     
2,假如利用跳转适配的方法,请不要利用JS对ua举行适配跳转。这种方法存在两个缺点:
a)对用户:会加大由重定向的客户端造成的耽误;这是因为客户端必要先下载网页,接着解析并执行 JavaScript,然后才气触发重定向。301或302则不会有这个耽误。
b)对搜索:爬虫也必要利用支持JS渲染的爬虫,才气发明此重定向。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

QQ|Archiver|手机版|小黑屋|联系我们|南阳在线 ( 豫ICP备07006132号-1|网站地图  

GMT+8, 2018-8-16 04:59 , Processed in 0.230389 second(s), 26 queries .

快速回复 返回顶部 返回列表