针对其他设备的移动版网站搜索引擎优化 (SEO)

平板电脑

当考虑如何为移动用户配置您的网站时,通常应考虑使用平板电脑设备访问您网站的用户。对于构建便于搜索引擎进行搜索并针对平板电脑进行了优化的网站,尽管我们没有给出具体的建议,但我们在下面提供了一些提示,希望能帮助您构建可供各类用户(桌面设备用户、智能手机用户和平板电脑用户)访问的网站。

自适应设计

我们通常会建议采用自适应设计。这意味着,您的网站会向所有设备提供相同的 HTML 代码,并根据不同的 CSS 样式规则优化网站界面,为桌面设备、智能手机和平板电脑提供最理想的操作环境。

由于平板电脑与智能手机一样,其尺寸和屏幕分辨率不尽相同,因此,如果您的网站采用了自适应设计,请在各类平板电脑上对其进行测试,以确保它能够正确地呈现网页内容。

设备专用的内容

网站可以针对不同的设备返回不同的网页(不同的 HTML、CSS 和 JavaScript 等)。这些网页可以通过同一网址(名为“动态提供内容”的配置)提供内容,也可以通过不同的专用网址提供内容。

如果您的网站针对桌面设备用户和智能手机用户提供不同的网页,而没有专用于平板电脑的网页,那么以我们的经验来看,平板电脑用户通常更希望看到网站的桌面版网页,而不是网站的智能手机版网页。

如果您的网站有针对平板电脑进行了优化的网站版本,那么以下指南可以帮助您配置自己的网站:

  • 动态提供内容:如果使用这种配置,系统会根据用户代理提供不同的 HTML(和 CSS),让桌面设备用户、智能手机用户和平板电脑用户可以使用相同的网址访问网站。如智能手机版网站建议中所述,我们强烈建议您使用 Vary HTTP 标头
  • 单独的平板电脑专用网址:在这种情况下,我们强烈建议您允许 Googlebot 抓取平板电脑版网址,并在每个平板电脑版网址上使用 rel="canonical",以便让这些网址指向对应的桌面版网址。

功能手机

对于为智能手机用户提供服务的网站,我们建议尽可能使用自适应设计。然而,由于功能手机没有执行 CSS 媒体查询的功能,因此,希望为功能手机提供内容的网站站长需要将其网站配置为使用“动态提供内容”或单独的网址,以便向功能手机提供内容。

另外,我们建议任何有意支持功能手机的网页包含如下所述的“<link rel="alternate" media="handheld">”标记。

本部分介绍了实现上述各种配置的方法。

动态提供内容

配置您的服务器,以便通过为其他设备提供内容的同一网址动态提供针对功能手机优化过的内容;此过程的实现方法与为智能手机提供内容时所使用的方法相同。服务器应包含“Vary: User-Agent”HTTP 响应标头,同时您也应留意检测用户代理时的常见问题。此外,请在您的网页中添加以下标记:

<link rel="alternate" media="handheld" href="[current page URL]" />

单独的网址

网站站长在通过不同的网址向桌面设备用户、智能手机用户和功能手机用户提供内容时,可以使用三种受支持的配置。这些配置会使用前面介绍过的注释来构建针对功能手机和智能手机进行了优化的网站。

专用网址配置

在此配置中,设置如下所示:

  • http://www.example.com/page-1 为桌面设备用户提供内容
  • http://m.example.com/page-1 为智能手机用户提供内容
  • http://phone.example.com/page-1 为功能手机用户提供内容

采用这种配置时,我们建议添加以下注释来帮助我们的算法了解针对不同设备的对应网页之间的关系:

www.example.com/page-1 上添加以下内容:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://phone.example.com/page-1" />

m.example.com/page-1 上添加以下内容:

<link rel="canonical" href="http://www.example.com/page-1" />

phone.example.com/page-1 上添加以下内容:

<link rel="canonical" href="http://www.example.com/page-1" />

桌面设备与所有移动设备的网址配置

采用这种配置时,网站会通过一个网址为桌面设备提供内容,并通过另一个单独的网址为所有移动设备(即智能手机和功能手机)提供内容。例如:

  • http://www.example.com/page-1 为桌面设备用户提供内容
  • http://m.example.com/page-1 为智能手机和功能手机用户提供内容

在此例中,http://www.example.com/page-1 上的注释为:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

m.example.com 页上添加以下内容:

<link rel="canonical" href="http://www.example.com/page-1" />

无论是功能手机版网页还是智能手机版网页,都需要添加此 rel="canonical"

服务器应将 HTTP Vary: User-Agent 标头添加到其响应中。该标头向互联网缓存和 Googlebot 表明,服务器的响应会因用户代理而异,并且 Googlebot 会使用此信号进行抓取。

单独的功能手机网址配置

采用这种配置时,网站会使用自适应设计或动态提供内容,通过一个网址为桌面设备及智能手机提供内容,并通过另一个单独的网址为功能手机提供内容。例如:

  • http://www.example.com/page-1 为桌面设备用户和智能手机用户提供内容
  • http://m.example.com/page-1 为功能手机用户提供内容

在此例中,http://www.example.com/page-1 上的注释为:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

并且 http://m.example.com/page-1 上的注释为:

<link rel="canonical" href="http://www.example.com/page-1" />

重定向和 HTTP Vary 标头

请注意,如果网站会自动将访问桌面版网站的移动设备访问者重定向到移动版网站(或反之),请务必将对应服务器配置为包含 Vary HTTP 标头

站点地图

我们提出的有关使用功能手机站点地图以及适用于智能手机备选网址的站点地图的建议没有变化。

发送以下问题的反馈:

此网页