浅析移动优化单独的网址配置

发布时间: 2016-04-19 23:04:44   作者: 捷西网络  


 

浅析移动优化单独的网址配置

移动网站优化中默认的一种移动网站配置是单独的网址,每个桌面版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容,例如:www.example.com 为桌面设备用户提供内容,m.example.com 为移动用户提供内容,谷歌并不偏向于任何特定网址格式,只要相应格式可供所有 Googlebot 用户代理访问即可。

技术要点

  • 通过包含 rel="canonical" 和 rel="alternate" 元素的标记表明两个网址之间的关系。
  • 检测用户代理字符串并正确地对它们进行重定向。

canonical和alternate实际应用

  1. 在桌面版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于 Googlebot 发现网站的移动版网页所在的位置。
  2. 在移动版网页上,添加指向对应桌面版网址的链接 rel="canonical" 标记。

在html诠释

在桌面版网页 (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" >

此移动版网址中指向桌面版网页的 rel="canonical" 标记是必需的。

 

在sitemap诠释

我们支持按以下方式在站点地图中为桌面版网页添加 rel="alternate" 注释:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
    rel="alternate"
    media="only screen and (max-width: 640px)"
    href="http://m.example.com/page-1" />
</url>
</urlset>

仍应将移动版网址中必需的 rel="canonical" 标记添加到移动版网页的 HTML 中。

这种双向注释有助于 Googlebot 发现您的内容,并将协助我们的算法了解桌面版网页与移动版网页之间的关系,从而对它们进行相应的处理。

此外,请注意此配置中可能出现的一些常见错误:

  • 在使用 rel="alternate" 和 rel="canonical" 标记时,请在移动版网页及其对应的桌面版网页之间保持 1:1 的比率。尤其要避免为对应一个移动版网页的多个桌面版网页添加注释(反之亦然)。
  • 仔细检查重定向,确保桌面版网页不会因疏忽而重定向到单个不相关的移动版网页。

canonical和alternate实际应用

自动重定向

如果将网站配置为使用不同网址向桌面设备浏览器与移动设备浏览器提供内容,网站站长可能需要将用户自动重定向至最符合用户需求的网址。如果您的网站使用了自动重定向,请务必像对待其他任何用户代理一样对待所有的 Googlebot,并正确地对它们进行重定向。

使用 HTTP 重定向

HTTP 重定向是一项用于将客户端重定向到设备专用网址的常用技术。通常,系统会根据 HTTP 请求标头中的用户代理来执行重定向。请务必使重定向与在网页的链接 rel="alternate" 标记或站点地图中指定的备用网址保持一致。

这样,服务器在重定向时既可以使用 HTTP 301 状态代码,也可以使用 HTTP 302 状态代码。但如果可能的话,我们推荐使用 302 代码。

JavaScript 重定向

如果难以实施 HTTP 重定向,则可使用 JavaScript 将用户重定向到由链接 rel="alternate" 标记所指向的网址。如果您选择使用此技术,请注意由重定向的客户端造成的延迟;这是因为客户端需要先下载网页,接着解析并执行 JavaScript,然后才能触发重定向。

您可以采用多种方法来实施基于 JavaScript 的重定向。例如,您可以利用 JavaScript 在使用 matchMedia() JavaScript 函数的网页上,执行您的网站已在链接注释中使用的媒体查询。

自动重定向

总结

<p移动网站配置是单独的网址,对于谷歌移动优化没有任何偏好,最重要的一点是提供正确且一致的重定向,即重定向到桌面版网站或移动版网站上的相同内容。

 

此文为捷西网络原创内容,特此声明!永久链接:<http://www.videer.com/blog/d-1461078284>。转载请保留此信息及相应链接。

相关资讯