Google移动设备搜索引擎优化 (SEO)

SEO 心晴客栈 1549次浏览 0个评论 扫描二维码

单独的网址
网站站长在通过不同的网址向桌面设备、智能手机和功能手机用户提供服务时,可以使用三种受支持的配置

专用网址配置
在此配置中,设置如下所示:

  • 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" />

在 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" />

自适应网页设计

采用自适应网页设计 (RWD) 时,服务器始终会向所有设备发送相同的 HTML 代码,并且系统会通过 CSS 来更改网页在设备上的呈现方式.
要向浏览器表明您的网页会自行调整以适应所有设备,请向文档的标头添加以下元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

视口元标记可以指示浏览器如何根据设备的宽度来调整网页的尺寸和缩放比例。如果没有视口元标记元素,那么在默认情况下,移动设备浏览器会根据桌面设备屏幕的宽度(通常约为 980 像素,但因各种设备而异)来呈现网页。此外,为了尽可能使内容看起来更加美观,移动设备浏览器还会放大字体,并缩放内容的比例以适应相应屏幕的尺寸,或仅显示可在相应屏幕内显示的部分内容。

对于用户来说,这意味着屏幕中显示的字体大小可能并不一致,并且用户可能需要点按两次或通过张合手指进行缩放才能够看到内容以及与内容互动。对于 Google 来说,我们不会将这类网页视为适合在移动设备上浏览的网页,因为它需要用户在移动设备上进行这种(或这类)互动。
Google移动设备搜索引擎优化 (SEO)

左侧的网页是未指定视口元标记的网页,因此,移动设备浏览器会假定呈现内容的屏幕宽度为桌面设备的宽度,然后据此对该网页进行缩放以适应相应的屏幕,从而导致用户很难看清楚其中所显示的内容。而右侧的网页是指定了视口的同一网页,它可以与设备宽度相匹配。因此,移动设备浏览器不会对该网页进行缩放,网页内容清晰易读。

对于自适应图片,请添加 元素。

站点地图中的注释

< ?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"></xhtml:link>
</url>
</urlset>
支持博主

心晴客栈 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Google移动设备搜索引擎优化 (SEO)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址