给针对智能手机进行优化的网站的一些建议

标签: 智能手机 优化 网站 | 发表时间:2012-07-10 17:20 | 作者:joydandan
出处:http://googlechinablog.blogspot.com/
发表者: Pierre Far,网站管理员趋势分析师
原文: Recommendations for building smartphone-optimized websites
转载自: 谷歌中文网站管理员博客
发布时间:2012年7月10日 下午 04:06:00

每天都有越来越多的智能手机被使用,而越来越多的网站也在生成针对智能手机进行优化的内容。自从我们 上次谈论过如何建立对移动设备友好的网站之后,我们一直在努力改善Google为智能手机进行优化的内容所提供的支持。作为这项工作的一部分,在2011年12月,我们就推出了 专门针对智能手机的Googlebot-Mobile,用来识别这些内容。

现在,我们想为大家提供Google在建设针对智能手机的网站方面的一些建议,并解释具体的操作方法,让为桌面设备以及智能手机进行优化内容的网站,都能够有最好的机会在Google搜索结果中取得上佳表现。

对针对智能手机进行优化的网站的建议
我们现在将建议总结如下,您也可以登录我们的 新帮助网站查询更详细的内容:

在建设针对智能手机的网站时,Google支持三种不同的配置方式:
  1. 使用响应性网页设计的网站,也就是使用同一组URL地址服务所有设备的网站,每个URL为所有设备提供相同的HTML,只通过CSS来改变页面在设备上的呈现方式。 这是Google的推荐配置
  2. 使用同一组URL动态地服务所有设备的网站,但根据用户代理是桌面设备还是移动设备,每个URL会提供不同的HTML(和CSS)。
  3. 针对移动设备和桌面设备提供不同的网站。

响应性网页设计
响应性网页设计是一种使用CSS3媒体查询来改变网页展示效果的网页建设技术。也就是说,不管使用什么设备访问,页面的HTML代码都是一样的,但通过使用CSS媒体查询来确定显示页面的浏览器适用哪些CSS规则,其表现方式会发生变化。您可以从Google网站管理员创作的 这篇博客以及 我们的建议中了解更多有关响应性网页设计的内容。

使用响应性网页设计方法有许多优点,包括:
  • 它可以将您的桌面设备内容和移动设备内容统一到同一个单独的URL地址上,从而让您的用户能够更轻松地进行交互、共享、和引用,并方便Google算法给您的内容指定合适的索引属性。
  • Google可以更有效地发现您的内容,因为我们不需要使用不同的Googlebot用户代理来抓取页面以检索和索引所有内容。

针对特定设备的HTML
然而,我们意识到,在很多情况下,可能无法使用或不适合使用响应性网页设计这种方法。正是由于这个原因,所以我们支持网站使用不同的、针对特定设备的HTML来提供等效的内容。我们既可以使用同一URL地址(一种称为动态服务的配置),也可以使用不同的URL地址(比如www.example.com和m.example.com)来提供针对特定设备的HTML。

如果您的网站使用的是动态服务配置,那么我们强烈建议大家使用Vary HTTP header来与缓存服务器和我们的算法之间进行通信,告诉用户和Google,该内容可能会随着请求页面的用户代理的不同而有所变化。另外,我们还可以将此用作Googlebot-Mobile的一个抓取信号。 点击此处,了解更多详情。

至于独立的移动设备网站的配置,因为有很多方法可以做到这一点,所以我们的建议中引入了注释,以便告诉我们的算法,您的桌面设备和移动设备页面在用途上是等效的;也就是说,这些新的注释描述了可相互替代的桌面内容和移动内容之间的关系,它们应被视为一个单独的实体来对待,每种替代内容针对一种特定类别的设备。

这些注释将有助于我们发现您的针对智能手机进行优化的内容,并帮助我们的算法理解这些内容的结构,从而在我们的搜索结果中做出优秀表现。

总结
这篇博文只是对我们为 建设针对智能手机进行优化的网站所做建议的简要概括。请阅读完整的内容,然后看看您的网站和用户最适合使用我们支持的哪种方法。跟往常一样,如果您还有什么问题,请到我们的 网站管理员帮助论坛发帖咨询。

相关 [智能手机 优化 网站] 推荐:

给针对智能手机进行优化的网站的一些建议

- - Google China Blog
发表者: Pierre Far,网站管理员趋势分析师. 原文: Recommendations for building smartphone-optimized websites. 转载自: 谷歌中文网站管理员博客. 发布时间:2012年7月10日 下午 04:06:00. 每天都有越来越多的智能手机被使用,而越来越多的网站也在生成针对智能手机进行优化的内容.

智能手机的又一电池杀手:网站代码

- - 爱范儿 · Beats of Bits
如果你经常泡智能手机论坛,你会发现几乎每个手机论坛都会有一个类似的经典帖子,帖子标题通常是《如何让你的 ××× 待机超过两天》《××× 省电大法》等等……再看看这类帖子的发帖时间,你会发现它们历史都比较久远,并且回复量大、经久不衰是它们的一致特点. 而这些帖子的内容都大同小异:必有的是关闭 3G,关闭蜂窝数据,关闭定位服务,调低屏幕亮度,稍稍高级点的就是删进程,关后台等等.

美国35%智能手机用户起床前登陆社交网站

- 骕 - cnBeta.COM
爱立信实施的最新研究结果显示,美国35%的智能手机用户在起床前会使用Facebook、Twitter等社交网站服务. 这项研究发现,美国超过三分之一的iPhone和Android智能手机用户早晨醒来第一件事就是打开Facebook、Twitter等非语音应用. 研究数据揭示了社交媒体和经常上网对人们日常生活的影响程度.

利用HTTP Cache来优化网站

- scourgen - 博客园-首页原创精华区
对于网站来说,速度是第一位的. 用户总是讨厌等待,面对加载的Video和页面,是非常糟糕的用户体验. 所以如何利用Cache来优化网站,值得深入研究. 缓存是一个到处都存在的用空间换时间的例子. 通过使用多余的空间,我们能够获取更快的速度. 用户在浏览网站的时候,浏览器能够在本地保存网站中的图片或者其他文件的副本,这样用户再次访问该网站的时候,浏览器就不用再下载全部的文件,减少了下载量意味着提高了页面加载的速度.

网站性能优化工具大全

- - 前端观察
网站性能优化(WPO)已经成为一个非常重要的话题了,越来越多的互联网公司开始有WPO的职位,而相关技能也是对前端开发工程师的重要技术要求之一. 国外大牛Steve Souders在参加 WebPerfDays London期间,收集了大量常用的网站性能优化工具,这里和大家分享下. Performance Analyzer (收费).

如何优化网站信息架构

- - 钛媒体网
最近突然想写个专题类的文章,关于如何让用户更方便快捷地在网站上寻找到他们需要的信息,当然不能脱离博客的主题——网站数据分析,所以这里主要介绍的是如何通过网站分析来优化网站,实现用户对信息的快速获取,首先介绍的是网站的信息架构. 关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简单温习,在这里表述一下我的一点拙见.

网站页面优化策略

- - 月光博客
  网站的页面优化,也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位. 使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值. 下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化.

【译】18个网站优化技巧

- - 淡忘~浅思
快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的. 网站页面的加载速度也是衡量网站性能的一个重要因素. 如果网站不是以最好的性能在运行,迟缓的加载会让你在低的排名和搜索流量上花费更大的代价. 页面的加载速度会对用户的行为和转化率产生很大的影响. 有哪些简单的方式可以优化加载速度呢.

Netflix的网站优化经验

- - 程序师
Netflix团队首先要做的一件事是改进他们的整体前端架构. 改版前的netflix.com网站对于服务端生成html标记与客户端的增强这两个过程进行了严格的分离,采用这一设计的主要原因在于前后端所使用的编程语言不同. 服务端主要使用Java的技术栈以生成基本的html页面,而在浏览器端的工作则主要是通过jQuery等JavaScript库的使用为服务端生成的html添加一些客户端的行为.

网站速度终极优化

- - 土木坛子
最近尝试再次优化提升网站的访问速度. 利用了CDN厂商Cloudflare的Page rules,创建了三条页面规则,将后台登录页面免除缓存外,其它页面全部都缓存在Cloudflare的全球CDN数据中心. 这样全球访客访问本网站的时候,除了第一次要从源主机上索取生成页面,其它都不再需要,直接从最近的CDN数据中心获取,这样既减轻了网站主机的资源消耗压力,又直接提升了访客的访问速度.