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

jopen 12年前
   <p> 发表者:<a href="/misc/goto?guid=4958347802196295014">Pierre Far</a>,网站管理员趋势分析师</p>    <p> 原文:<strong><a href="/misc/goto?guid=4958347803013635830">Recommendationsfor building smartphone-optimized websites</a> </strong></p>    <p> 每天都有越来越多的智能手机被使用,而越来越多的网站也在生成针对智能手机进行优化的内容。自从我们<a href="/misc/goto?guid=4958347803809083590">上次</a>谈论过如何建立对移动设备友好的网站之后,我们一直在努力改善 Google 为智能手机进行优化的内容所提供的支持。作为这项工作的一部分,在 2011 年 12 月,我们就推出了<a href="/misc/goto?guid=4958347804613494410">专门针对智能手机的 Googlebot-Mobile</a>,用来识别这些内容。</p>    <p> 现在,我们想为大家提供 Google 在建设针对智能手机的网站方面的一些建议,并解释具体的操作方法,让为桌面设备以及智能手机进行优化内容的网站,都能够有最好的机会在 Google 搜索结果中取得上佳表现。</p>    <p> <strong>对针对</strong><strong>智能手机进行优化的网站的建议</strong></p>    <p> 我们现在将建议总结如下,您也可以登录我们的<a href="/misc/goto?guid=4958347805433897164">新帮助网站</a>查询更详细的内容:</p>    <p> 在建设针对智能手机的网站时,Google 支持三种不同的配置方式:</p>    <ol>     <li>使用响应性网页设计的网站,也就是使用同一组 URL 地址服务所有设备的网站,每个 URL 为所有设备提供相同的 HTML,只通过 CSS 来改变页面在设备上的呈现方式。<strong>这是</strong><strong>Google</strong><strong>的推荐配置。</strong></li>     <li>使用同一组 URL 动态地服务所有设备的网站,但根据用户代理是桌面设备还是移动设备,每个 URL 会提供不同的 HTML(和 CSS)。</li>     <li>针对移动设备和桌面设备提供不同的网站。</li>    </ol>    <p> <strong>响应性网页设计</strong></p>    <p> 响应性网页设计是一种使用 CSS3 媒体查询来改变网页展示效果的网页建设技术。也就是说,不管使用什么设备访问,页面的 HTML 代码都是一样的,但通过使用 CSS 媒体查询来确定显示页面的浏览器适用哪些 CSS 规则,其表现方式会发生变化。您可以从 Google 网站管理员创作的<a href="/misc/goto?guid=4958347806248042738">这篇博客</a>以及<a href="/misc/goto?guid=4958347807042802763">我们的建议</a>中了解更多有关响应性网页设计的内容。</p>    <p> 使用响应性网页设计方法有许多优点,包括:</p>    <ul>     <li>它可以将您的桌面设备内容和移动设备内容统一到同一个单独的 URL 地址上,从而让您的用户能够更轻松地进行交互、共享、和引用,并方便 Google 算法给您的内容指定合适的索引属性。</li>     <li>Google 可以更有效地发现您的内容,因为我们不需要使用不同的 Googlebot 用户代理来抓取页面以检索和索引所有内容。</li>    </ul>    <p> <strong>针对特定设备的 HTML</strong></p>    <p> 然而,我们意识到,在很多情况下,可能无法使用或不适合使用响应性网页设计这种方法。正是由于这个原因,所以我们支持网站使用不同的、针对特定设备的 HTML 来提供等效的内容。我们既可以使用同一 URL 地址(一种称为动态服务的配置),也可以使用不同的 URL 地址(比如 www.example.com 和m.example.com)来提供针对特定设备的 HTML。</p>    <p> 如果您的网站使用的是动态服务配置,那么我们强烈建议大家使用 Vary HTTP header 来与缓存服务器和我们的算法之间进行通信,告诉用户和 Google,该内容可能会随着请求页面的用户代理的不同而有所变化。另外,我们还可以将此用作 Googlebot-Mobile 的一个抓取信号。<a href="/misc/goto?guid=4958347807042802763">点击此处</a>,了解更多详情。</p>    <p> 至于独立的移动设备网站的配置,因为有很多方法可以做到这一点,所以我们的建议中引入了注释,以便告诉我们的算法,您的桌面设备和移动设备页面在用途上是等效的;也就是说,这些新的注释描述了可相互替代的桌面内容和移动内容之间的关系,它们应被视为一个单独的实体来对待,每种替代内容针对一种特定类别的设备。</p>    <p> 这些注释将有助于我们发现您的针对智能手机进行优化的内容,并帮助我们的算法理解这些内容的结构,从而在我们的搜索结果中做出优秀表现。</p>    <p> <strong>总结</strong></p>    <p> 这篇博文只是对我们为<a href="/misc/goto?guid=4958347805433897164">建设针对智能手机进行优化的网站所做建议</a>的简要概括。请阅读完整的内容,然后看看您的网站和用户最适合使用我们支持的哪种方法。跟往常一样,如果您还有什么问题,请到我们的<a href="/misc/goto?guid=4958347809329506568">网站管理员帮助论坛</a>发帖咨询。</p>    <div id="come_from">    来自:     <a id="link_source2" href="/misc/goto?guid=4958347810121857128" target="_blank">www.google.com.hk</a>    </div>