搜索引擎早已宣布,在智能手机上的搜索结果中将优先展示网站的移动版本。这意味着如果您的网站未通过移动友好性测试,其在手机搜索结果中的排名很可能较低。但打造出色的移动端页面只是成功的一半,更重要的是对网站进行搜索引擎收录优化。如何正确实施这一过程,我们采访了“Direct Line”公司的资深SEO专家康斯坦丁·茹科夫。
移动设备版本往往内容被精简,或在子域名上运行,导致出现两个内容相似的网站。本文将探讨如何向搜索引擎声明这是同一内容的不同版本,以及应索引哪个版本,从而避免在搜索结果中排名下降。
移动端的正确配置取决于其实现方式。共有三种类型:
1. 响应式主站设计。这意味着您拥有一个网站版本,该版本会自动适应不同屏幕尺寸:桌面端或移动设备。

2. 动态展示。移动端和桌面端版本外观不同,拥有不同的代码(HTML 或 CSS),但位于同一个地址(URL)。当从不同设备请求该地址时,会分别返回为移动设备编写的页面或桌面端版本。
3. 为移动版创建独立的 URL(置于子域名下)。移动版与桌面版不同,且具有不同的地址。例如,对于 site.ru 的网站,子域名下的版本将具有 m.site.ru 的地址。
有关此内容的更多信息,您可以在 Google 上阅读。
从SEO的角度来看,使用动态显示不同代码版本要方便得多。这避免了隐藏和重复部分内容(例如在响应式版本中可能是菜单的重复)以及额外设置重定向(如为移动版本设置单独的URL)。但实际情况各不相同,因此需要根据具体任务选择最适合自己的方案。
目前,让我们来看看在实现每种场景时进行设置的主要操作,以便搜索引擎能够正确解读。
设置网站自适应版本
因此,为了正确解释搜索引擎创建的响应式设计,需要在文档头部添加“viewport”元标签。
<meta name="viewport" content="width=device-width">
它包含指示浏览器根据设备屏幕宽度调整页面大小和缩放比例的指令。如果缺少此元素,移动浏览器默认会显示针对电脑屏幕的页面。

设置动态显示网站的不同版本
对于动态展示,重要的是搜索引擎爬虫能够正确识别用户访问网站所使用的设备,并返回正确的代码。为此,可以使用“Vary”HTTP头或添加“User-Agent”元素。
将移动版部署到独立的URL
在创建独立 URL 的情况下,存在两种放置方式:
• 在网站的一个单独部分(文件夹)中。此时,网站的移动版形式为:site.ru/m/。
• 在一个单独的子域名上。此时,网站的移动版形式为:m.site.ru
虽然 Google 能明确解释这两种方案,但 Yandex 可能会错误理解文件夹中的放置方式。因此,建议将网站的移动版放置在子域名下。
在子域上配置移动版本
但当我们在子域名上部署该版本时,实际上是在部分或完全复制主站的内容。内容的独特性是重要的排名因素,创建自己的副本会让我们面临排名下降的风险。为避免这种情况,需要向搜索引擎爬虫表明这是同一网站的两个版本。为此,应使用 <link> 元标签关联各版本,并设置重定向。
另一个需要从SEO角度考虑的因素:在移动版本中,必须包含所有推广的板块——即主要的入口点。如果您没有为推广页面提供“移动端副本”,那么在构建移动搜索结果时,将使用桌面版页面参与排名。这很合理,因为桌面版页面的排名可能会低于那些专为智能手机优化的其他网站页面。
如何设置元标签
在移动网站的代码中编写“canonical”元标签,指定桌面端网站页面作为规范页面。在桌面端网站上——编写“alternate”元标签,指定移动网站页面作为替代页面。
例如,对于网站首页 http://site.ru,我们编写以下内容:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.site.ru" >
对于移动网站的首页 http://m.site.ru,我们编写
<link rel="canonical" href="http://site.ru">
如何设置重定向(转发)
将这些页面链接后,需要使用302重定向进行设置。在此过程中,必须逐页进行重定向,因为如果将搜索引擎重定向到不相关的页面(例如首页),将被视为错误。
由此可见,自适应版本的配置最为简便。同时,针对SEO推广需求的配置也只需开发人员极少的介入。
移动端的优化是一个相当复杂的过程。搜索引擎对移动端搜索结果的要求尚未完全明确,并且会不断补充其评估标准。同时,Yandex 和 Google 可能对相同的行为做出不同的解读,甚至有时相互矛盾。为了在搜索引擎中保持排名,必须持续跟踪机器人算法的变化,并根据不断变化的要求对移动端进行改进。
康斯坦丁·茹科夫,“Direct Line”

