为平板设备用户提供全尺寸网页

2012年11月21日星期三

发表者: Pierre Far ,网站管理员趋势分析师; Scott Main ,developer.android.com网站首席技术文案
原文: Giving Tablet Users the Full-sized Web

自从我们公布了Google为针对智能手机进行优化的网站所做的建议后,我们从网站站长们那儿听到的一个共同问题就是如何以最好的方式处理平板设备。当前Android 应用程序开发人员也面临着类似问题,在这方面, 创建优质平板设备应用程序 指南是一个很好的起点。

虽然我们没有为创建对搜索引擎友好的、针对平板设备进行优化的网站提供具体的建议,不过我们却有一些网站建设方面的小技巧,也能够很好地服务智能手机和平板设备用户。

为使用平板设备访问您的网站的访问者考虑时,很重要的一点是,既要考虑到设备,也要考虑到用户的期望。与智能手机相比,平板设备的触摸屏尺寸更大,而且通常在Wi-Fi联网的情况下使用。平板设备提供的浏览体验的丰富程度堪比任何台式机或笔记本电脑,但它却更加移动化、重量更轻,而且通常包装更便利。 这意味着,除非您提供了针对平板设备进行优化的内容,否则用户希望看到的是您的台式机版网站,而不是您网站的智能手机版本。


我们为针对智能手机进行优化的网站提供的建议是:使用 响应性网页设计 ,这意味着您只需要拥有一个网站,便可服务所有设备类型。如果您的网站使用了我们建议的响应性网页设计,请一定要在各种平板设备上测试您的网站,以确保您的网站也能够很好地服务这些设备。请记住,跟智能手机一样,您有各种各样的设备尺寸和屏幕分辨率需要测试。

另一种常见配置是为台式电脑和智能手机单独建设网站,并将用户重定向到相关网站版本。如果您使用的是这种配置,要注意的是,不要一不小心将平板设备用户重定向到针对智能手机进行了优化的网站。

区分Android智能手机和平板设备

对基于Android的设备来说,使用浏览器提供的用户代理字符串是很容易区分智能手机和平板设备的:虽然Android智能手机和平板设备在用户代理字符串中都会包括“Android”这个单词,但是只有智能手机的用户代理会包括“Mobile”一词。

总之,任何在用户代理中不包含“Mobile”一词的Android设备就是平板(或其他大屏幕)设备,最好是为其提供桌面版网站。

例如,下面是Galaxy Nexus智能手机上Chrome浏览器的用户代理:
Mozilla/5.0 (Linux; Android 4.1.1; Galaxy Nexus Build/JRO03O) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19

或者Galaxy Nexus智能手机上Firefox浏览器的用户代理:
Mozilla/5.0 (Android; Mobile; rv:16.0) Gecko/16.0 Firefox/16.0

将它们与Nexus 7上Chrome浏览器的用户代理进行对比:
Mozilla/5.0 (Linux; Android 4.1.1; Nexus 7 Build/JRO03S) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19

或与Nexus 7上Firefox浏览器的用户代理进行对比:
Mozilla/5.0 (Android; Tablet; rv:16.0) Gecko/16.0 Firefox/16.0

由于Galaxy Nexus的用户代理中包括“Mobile”一词,所以应该为它提供您的针对智能手机进行优化的网站,而Nexus 7则应使用完整版本的网站。

我们希望这些小技巧可以帮助您创建更好的针对平板设备进行优化的网站。与往常一样,如果您有其他问题,请到我们的 网站管理员帮助论坛 上发帖提问。