移动搜索的热潮逐年升温,差不多每个搜索引擎亦将「移动友好」作为其中一个重要的排名因素。如果你的网站并没有为移动搜索进行优化,那么你肯定错过了很多获得自然搜索流量的机会了。
Dragon Metrics 最近推出了追踪百度移动搜索排名结果的功能,所以我们觉得这是个合适的时间去提供深入的指南—如何创建移动友好的网站,以及优化移动用户的体验。
虽然这篇文章的主题是百度移动 SEO,但是很多概念都能够应用到在其他搜索引擎优化移动体验。我们来看看吧!
庞大的机会
就像移动搜索的增长对于 Google SEO 的冲击 – 但中国的移动搜索增长得更快。
据 CNNIC 称,2015 年中国移动网络用户总数到达 6.2 亿,占中国网民总数的 90%!在这些用户中,有 1.27 亿用户专门在移动设备上访问网络,占所有网络用户的 18.5%。
在 2015 年移动网络趋势报告中,百度报告称他们的移动网络指数在 2013 至 2014 年增长了 105%,而百度的移动搜索流量每天达到 10 亿次,包括教育,生活方式,名人和新闻网站移动搜索流量增加了 100% 以上。
这即是说,如果你没有针对移动设备优化网站,你接触的潜在受众可能不到 10%,并且可能会错失每年超过 105% 的潜在流量增长率。
增加移动自然排名及索引
一个非移动友好的网站,在百度移动搜索排名和索引上有着巨大的差别。即使权重很高的网站,若果它们不是移动友好的网站,它们在百度移动上的排名并不会太好。即使移动友好的网站并不保证会带来排名,但至少你能够得到一个机会。
百度还对其移动结果页面进行了非常有趣的调整,以便为非移动友好网站提供「特殊处理」:
避免百度 SiteApp 转码
使用百度 SiteApp 转码,百度移动 SERP(搜索引擎结果页面)上显示的非移动友好页面将转换为百度生成的移动友好页面。SiteApp 转码会移除它们认为不适合在移动装置查看的元素,然后将格式转换成适合移动装置的格式。
以下是转码的例子:
同样的页面在百度移动 SERP 上查看
百度指出,它们进行转码的主要原因要想提供更佳的用户体验,由于桌面版网站难以用移动装置查看。这看起来很棒,因为你什么都不需要做百度就把你的网站变成移动友好!
真相是,使用百度 SiteApp 转码对你网站的 SEO 极奇危险. 以下就是一些原因:
- 转换后的页面是在百度的域名中,这即代表用户访问的是百度的网站而非你的网站。
- 百度决定显示网站的哪一个部份,隐藏哪一个部份。
- 大多情况下,在页面上的广告并不会显示。
- 网站上的导航会被隐藏,用户无法访问到网站的其他页面
- 更差的是,百度还迭加了一个「返回」的按钮在页面的内容上,让用户随时返回到百度。
- 虽然可以点击百度 logo 选择“桌面网站”回到网站,但很少有用户会这样做。
- 转码并不是完美,有时候转码后的页面会删除许多页面上的内容,有时候正文会出现乱码,最差的情况我们见过转码后的页面什至不能访问。
这基本上是一个「转化杀手」,虽然百度解释得冠冕堂皇,但它们实际上是抓取你的内容并将其托管在百度上。这亦是另一种方式,将用户留在百度自己的网站上,然后用「优化用户体验」包装下来罢。
拥有一个移动友好的网站是保持高排名,更好的索引以及避免因转码而丢失用户的必要条件。让我们来探讨一下如何设定网站进行移动装置 SEO。
设置一个百度移动友好网站
在我们开始讲解如何设置一个百度移动友好网站之前,我们首先可以看看以下三种主要开发移动网站的方案;独立的移动网站,动态提供的 HTML 和响应式设计。
比较不同开发移动网站的方式
独立 URLs | 动态提供 | 响应式设计 | |
复杂程度 | 低 | 中 | 高 |
表现 | 中 | 高 | 高 |
维护成本 | 中到高 | 低至高 | 低 |
装置友好度 | 中到高 | 中到高 | 高 |
一个独立的移动网站拥有完全独立的 HTML,CSS 以及 URL (一般都在 「M」版本上,例如. m.example.com)动态提供的 HTML 则会在桌面和移动网站版本上使用同样的 URL,但运行不同的 HTML 及 CSS。响应式设计亦会使用同样的 URL,但可以基于不同屏幕尺寸自定义不同的 CSS。
响应式设计是最好的方法?可是,百度…
所以应该选择哪一个方法?响应式设计一般来说都是现代网站最好的解决方法,而且百度亦建议网站在桌面版和移动版使用相同的 URL,百度亦投放了一定资源去辨认移动友好的网站设计。
可是,在中国响应式设计并没有像外国那样盛行,犹其在那些 Google 是首选搜索引擎的地区。有关中国互联网的讨论一直存在,质疑响应式设计在百度 SEO 上效益,指出百度所做跟所说的并不一致。
有一定数量的网站管理员声称,百度会很频繁索引独立的移动网站。同时,很多人都抱着观望的态度,等待百度的算法更新,让响应式设计能够获得最大的 SEO 效益。
- Zac 于百度移动 SEO 的博文
- 中国搜索引擎优化问答网站关于 SEO 响应式设计的讨论
- 为什么响应式设计是一个陷阱 – 来自 Chinaz
- 百度移动搜索引擎优化案例研究:独立网站优于移动响应网站
我们希望分享更多,所以你能够有一个对于现在的百度移动 SEO 有着更完整的概念。我们认为,即使响应式设计在一开始需要更多的前台设计资源去开发,但是长远来说,对于用户体验及维护,我们都建议使用响应式设计代替其他方式。
以下让我们详细介绍每一个方案。
响应式设计
响应式设计会自动因应屏幕尺寸来调整网站的大小,它的最大优点包括:
- 兼容所有屏幕尺寸的: 随着新尺寸的新设备不断出现,我们需要支持 200px 宽或 2800px 宽的屏幕以及介于两者之间的所有视频,只有响应式设计能够做到这一点。
- 简单: 虽然从设计和 CSS 的角度上来看难度的确提升了,但是其他所有事情都更为简单。后台的代码,服务器导向等等完全无需担心。网站亦只需要一个版本的 HTML,CSS,Javascript 以及服务器代码。
- SEO 友好: 桌面和移动 SEO 将会一致,可以避免重复内容,由于只有 1 个 URL,外链的价值将能够保留。
响应式设计的主要缺点,就是开发网站所需的时间和成本可能更高,特是有关 UI 和 UX 的元素。可是,就像我们刚刚所说一样,只要渡过了一开始的开发,之后的事情都会变得更加简单,犹其当你比较使用独立的 URL 和 动态提供的 HTML。
如果你己经拥有一个响应式网站,以下两个事情你要做,以此知会百度你的网度是响应式。
- 将「适用设备」元标记放置到你的网页上,例如:
<meta name=”applicable-device” content=”pc,mobile”>
- 为网站地图中的每个响应页面添加「移动类型」标记,例如:
<mobile:mobile type=”pc,mobile”/>
独立 URLs
使用独立 URLs 的话,每一个桌面版的 URL 会有一个相等的移动版 URL。例如 www.example.com 就会有一个桌面版的 URL,一个 m.example.com 的 URL 用于移动版本。此方案最大的难题就是如何让百度索引两个版本,以及知道两者的关系。若果不能达成这些目标,将会大大减小百度移动搜索结果的可见度。
一般 SEO 的做法去处理独立 URLs,包括自重定向,HTML 注释和 Sitemap 注释。你可以阅读 Google 网站管理员有关的指南,里面提及的方法依然适用。最大的难题,就是这些方法需要百度的蜘蛛去抓取每个桌面和移动版本。对于一些庞大的网站来说,这相当费时。因此,百度在百度站长提供了一个实用的工具,将有效地大大减小等待时间。我们将在即将发表的文章中介绍这个工具的用法。
百度对於独立 URLs 在移动 SEO 上设置的指南:
- 桌面版和移动版的正文内容必需相同。例如,里面的链结数量和页面必需相用。
- 桌面和移动版本维持一个 1 比 1 的关系,多个桌面页面连结到移动页面并不是一个理想的做法,移动页面原意是用于不同装置上观看,建议连结最多两个移动页面到一个桌面页面。
- 连结的页面内容不能够太浅,空白或无法访问。
- 对桌面和移动网站使用相同的根域。移动网站使用简短的 URL。
- 使用子活页夹(例如 www.example.com/mobile)并不建议。
- 橡查移动网站是否阻挡了百度的蜘蛛。
- 在用户代理识别后使用 301 复位向,如果你有两个或以上的移动页面连结到一个桌面版页面,你可以在较为冷门的移动页面使用 302 复位向。不要使用 JavaScript 复位向。
- 在标题中添加「适用设备」标签,这不是强制性的,但可以帮助百度识别页面类型。
- 在桌面页面上,将添加到
- 在移动页面上, 将添加到
动态服务
动态服务能够根据用户代理请求的页面,让服务器使用不同的 HTML 和 CSS 响应相同的 URL。如果我们使用动态服务,我们必须通过在网站添加不同的 HTTP 标头,指引百度的蜘蛛使用不同的用户代理抓取网页。
不同的 HTTP 标头在动态服务中也有两个重要目的:
- 它可以防止用户收到错误的缓存网页。如果没有不同的 HTTP 标头,服务器可能会错误地向移动用户提供桌面网站的缓存版本,反之亦然。
- 不同的 HTTP 标头会告诉百度的蜘蛛页面有否使用动态服务,这有助你的移动页面更容易被百度发现。
你还需要在页面中添加「_applicable-device_」元标记。
「_applicable-device_」是百度定义的元标记,主要用来帮助它们的蜘蛛来辨认桌面和移动页面。根据百度,这个标记并不保证更好的移动排名,但肯定是对动态服务来说一个很好的做法。
加上「_applicable-device_」元标记
- 在桌面页面上,添加到 部分(包括 Baiduspider 桌面 UA)
- 在移动页面上,添加到 部份(包括B aiduspider Mobile UA)
注意: 桌面和移动抓取工具都名为 Baiduspider,但可以通过用户代理字符串区分它们:
百度移动用户代理:
Mozilla/5.0 (Linux;u;Android 4.2.2;zh-cn;) AppleWebKit/534.46 (KHTML,like Gecko) Version/5.1 Mobile Safari/10600.6.3 (compatible; Baiduspider/2.0; +http://www.baidu.com/search/spider.html)
百度桌面用户代理:
Mozilla/5.0 (compatible; Baiduspider/2.0; +http://www.baidu.com/search/spider.html)
如何验证动态服务设定正确:
- 使用 Google Chrome 的开发人员工具(Developer Tools),你可以验证网页是否使用正确的内容丶元标记和用户代理,确保用户能够看到网页的正确版本。
- 使用百度站长工具中的抓取诊断工具来验证用户代理是否正确,这会确保百度蜘蛛能够分抓取正雅的桌面和移动版本。
在百度站长上调整网站的配置
不论你选择哪一种配置,你亦应该在百度站长上通知百度你的网站正在使用的配置:
页面优化
让我们来看看百度建议的移动友好页面因素。
页面速度
快速的加载速度,对于用户体验来说百利而无一害。事实上,大部份搜索引擎都更着重加载速度快的页面,所以加载速度将会直接影响网站的排名,在移动装置上犹其重要。并非所有移动装置都会通过高速互联网浏览你的网站,所以页面加载速度是移动 SEO 策略中非常重要的一部分。
好消息是,页面优化的技巧在各个搜索引擎上都是大同小异的(不仅仅是针对百度移动),所以在网上你能够找到很多关于页面优化的文章。
如果你想检查网站在国内的速度,以下是三种主要方法:
- 奇虎速度测试 (Chinese)
- 17ce 速度测试 (Chinese)
- Webkaka 速度测试 (Chinese)
上述工具可用于测试服务器在中国的连接表现。因为中国防火墙的关系,位于中国国外的网站加载速度可能十分缓慢。
完成测试服务器在中国的连接后,你可以使用以下工具测试网站前端的性能:
它们不仅会告诉你网站页面的表现,还会告诉你应该优化哪些元素以提高性能。减慢网站速度的一些常见因素包括:
- 图像大小 – 优化图像大小应该是最容易去改善网站速度的方法。不要使用过大或过小的图像,正确地压缩图像能够进一步减低文件大小,有时候能够减小超过 60 %。例如,Tingpng 能够让你上载 20 个图像然后一次过压缩它们。
- 预载视频 – 从一个页面性能的角度去看,预载视频一般都不是一个很好的做法,而且移动装置什至不会支持。
- 广告 – 过量的广告不单止影响用户体验,亦大大拖慢了你的页面速度。
- 包含 JavaScript – 放置 javascript 于 HTML 档案的未端。将多个 Javascript 整合成一个,简化并移除无用的 JavaScript 图书馆,当你的网站拥有大量 Javascript 元素时犹其有效。br /> 未缩减资源 – 注释,空格和未优化的代码可能会占用不必要的加载时间,所以请尽可能地缩减资源。在 Google Developer的页面了解更多。
- 过量 HTTP 请求 – 雅虎声称超过 80% 的响应时间花费在前端,所以减小 HTTP 请求数量将会对速度产生重大影响。
页面架构
一个良好的页面架构必需能够令用户快速发现内容的中心概念,无阻碍地阅读内容以及快速获得他们正在查找的内容。他们还应该能够通过浏览网站的导航,快速了解网站每个部分。要在移动设备上构建结构良好的网站,百度提供了两个提示:
- 页面能够因应用户的屏幕而自动调整,用户在无需放大或缩小的情况下,能够清楚地查看网站的内容。
- 网站的主要内容会在中心显示,其他低相关度的页面元素不应该影响用户阅读主内容。百度会惩罚不合适地使用的弹出窗口和层面,因应对用户体验的影响而降低排名。
以下是设计网页时必需避免的例子:
需要水平滚动
查看内容所需的缩放
可读性
应用最好的格式及把你的内容分成不同部份,这样能确保你的页面易于阅读,
百度给予在改善可读性的贴士:
- 正文文本使用 14px 字体大小和 0.42 – 0.6 行间距
- 如果内容正文中有多个图像,请确保图像宽度一致
- 对正文文本中的链接使用 14-16px 字体大小和 13-14px 距间
- 正文中的任何可点击区域应至少为 40×40 大小,这样令它们更容易被点击。
资源可利用率
百度给予优化页面的资源可利用率贴士:
- 清楚显示所有链接,而且它们都是易于点击
- 文字内容为主的页面,好像是文章丶问答及论坛等等页面应该看起来清楚整齐
- 避免使用 Flash
- 所有音频和视频都应该能够直接播放而无需使用任何外部应用程序
- 对于下载应用程序的页面,魔用程序应该要是最新的版本,并且无需使用外部应用程序即可直接下载
- 文件页面应该要提供能够在移动装置上直接查看的档案。避免把你的文文件转换成图像,因为这会导致用户体验不一致,同时亦不利于搜索引擎抓取。
- 产品页面中,产品信息和购买方法应清晰,有效和可用。
- 网站搜索结果页面中,搜索结果应该跟搜索查询紧密相关
- 表格填写页面中,所有输入空格都应该是可填和可提交的
用户体验优化
停止使用插页式广告
在提及用户体验之前,我们首先要讨论关于那些烦恼的插页式广告,弹出窗口,又或者叫你下载应用程序的广告。百度知道这些元素都会影响用户体验,所以在更新的算法中不鼓励网站使用,你亦应该确保你的移动网站不会使用这些插页式广告。
其他用户体验的元素
在优化以上的页面元素之后,下一步就应该考虑优化用户体验,因为这亦是百度计算排名中的重要因素。
百度提出的用户体验优化建议:
- 使用有效率的导航和页面路径,尽量减少臃肿多层的导航
- 只在必需的情况下使用表格,减少用户需要输入的数据,尽可能显示和提供默认值
- 提供间隔良好,易于触碰的元素,避免难以点击的细小链接,让用户清楚哪些元素是可以选取,点击或滑动的
- 与服务相关的网站提供直接拨打电话,地图导航等等的功能
- 用于查询的网站应该提供不同的输入方法,如语音输入,图像输入或 QR 码输入
- 提供内容的网站可以包含夜间阅读模式
搜索外观
百度手机版的搜索外观跟桌面版十分相似,但由于移动设备屏幕尺寸的限制,优化移动网站的元标题和描述标签十分重要:
元标题
- 长度不超过 17 个中文字
- 如果你的品牌宥一定知名度,把它加进标题中
- 标题除了要引人入性,还需要确保要与内容的相关
描述标签
- 页面的描述应该用于帮助标题的批注,以及页面内容的摘要。千万不要胡乱增添关键词在内,百度有可能会因而惩罚你的网站。
- 每一个页面都应该有一个独立的描述,避免重复或者预设的描述。
- 我们建议描述标签的字数低于 60 个中文字,避免过长而无法显示。
如果你正在推广应用程序,你应该要了解更多关于百度 App 的功能,是百度近年来推出在搜索结果链接应用程序的功能。
表现监测
在网站上应用了这些优化之后,你可以开始监测着网站在百度手机版上的表现。
以下是 3 种监测网站在百度手机版的方法:
- 网站分析平台(如 Google Analytics 和百度统计),用于流量和转化数据
- 百度站长工具的移动优化部分,用于评估网站的排名,点击次数和展示次数
- Dragon Metrics 百度手机版的追踪,可用于自己的网站以及竞争对手的网站
如果你按照我们的指南去进行优化,你应该逐渐能看到移动流量的增长。你的百度转码页面流量应该会下降,因为百度不会再转换你的非移动友好页面,所以流量都应该直达你的网站而不是百度。
使用 Google Analytics 监测百度手机版的表现
Google Analytics 能够让你比较百度桌面版和手机版的表现:
- 选取「获得」,之后进入「来源 / 媒介」的页面
- 选取 「百度 / 有机」去检视来源于百度的流量
- 选择「设备类别」作为次维度
- 点取移动和桌面类别
完成后,你将看到移动和桌面流量的图表
以百度站长监测移动表现
百度站长工具提供移动友好的测试,并不限于通过验证的网站,按此直达。
如果你的网站已经通过了百度站长的验证,那么你就可以在这里使用百度的流量以及关键词工具。该工具将显示网站不同页面上的排名关键词,点击次数和展示次数。
使用 Dragon Metrics 监测移动排名
如果你已经在 Dragon Metrics 上设定好项目以及关键词组,你只需进入管理关键词组的页面,加入百度移动版到追踪的搜索引擎中。
选取一个现有的关键词组并开始追踪百度移动,又或者建立一个全新的关键词组。
设定关键词组时,新增百度移动到正在追踪的搜索引擎列表中。
设定完成之后,你可以在报表中只选看百度移动上的数据。
额外小贴士
所有的移动版网站都应该遵循以上指引,百度还为了一些特定的情况提供了一些额外的选项。
百度 AppLink
百度 AppLink 是其中一种百度提供的结构化数据,能够在搜索结果页面上链接应用程序。如果你的应用程序已经登记在百度 AppLink 上,用户能够在搜索结果页面上的文字链接,直接从你的应用程或中获取他们所需的数据。这个项目目前处于公开测试阶段,如果你是移动应用程序的开发人员,并希望在中国推广应用程序,AppLink 会是最佳选择。
国内本地移动 SEO
你可以在增加地理位置的元标记,如下所示:
<meta name=”location” content=”province=北京;city=北京;coord=116.306522891,40.0555055968″>
// 省和城市值是强制性的,coord 值是可选的,取决于你是否需要定位城市内的特定区域。
想要查看你业务的坐标,我们建议使用以下这两个工具:
- GPSSPG 坐标工具
- 百度的 Lat-Long 工具
根据百度所说,如果你的页面拥有坐标标记,而该标记与搜索者吻合,那么你的页面排名将会处于较高位置。