移动SEO技术

目前,数百万用户使用在Android,iOS或Windows上运行的智能手机访问网络.因此,网站必须适应这种不断变化的环境,并对其网站设计进行适当的更改,以吸引更多的观众.

网站的桌面版本可能难以查看,在移动设备上使用.不适合移动设备的版本要求用户捏合或缩放以便阅读内容.用户发现这是一个令人沮丧的经历,并可能放弃该网站.相比之下,适合移动设备的版本具有可读性且可立即使用.

最新的Google更新强制要求网站应该适合移动设备才能在移动搜索引擎上发挥作用.请注意,不适合移动设备的网站也不会对常规搜索引擎产生任何影响.

在本章中,我们将了解如何使网站适合移动设备,以便确保从移动设备访问网站的访问者拥有优化的体验.

什么是移动搜索引擎优化?

移动搜索引擎优化是一个过程设计一个网站,使其适合在具有低带宽的不同屏幕尺寸的移动设备上观看.除了遵循适用于桌面网站的所有SEO规则外,我们还需要在为移动设备设计网站时另外注意.如果网站具有以下属性并且减去,则该网站是移动友好的;

  • 一个好的移动网站具有响应式设计,表现良好在台式机和移动设备上.它不仅减少了网站的维护,而且使搜索引擎的内容保持一致.

  • 一个好的移动网站的内容很容易阅读移动设备,无需缩放屏幕.它有适当的字体,颜色和布局.

  • 在小屏幕上轻松浏览好的移动网站.它提供了可以用手指轻松操作的链接和按钮.

  • 一个好的移动网站是轻量级的,因此在移动设备上加载所需的带宽和时间更少网络.

  • 移动网站的主页在将用户连接到他们正在寻找的内容方面起着最重要的作用.因此,良好的移动网站可确保最重要的链接显示在主页上,以便他们获得足够的可见性.

排名网站在很大程度上取决于用户友好程度.您可以按照以下指南设计一个适合移动设备的网站.

为移动设备优化您的网站

如果您的网站已针对您的网站进行了优化搜索引擎,那么为移动设备优化它应该不会太困难.首先,让我们了解移动设备需要什么.我们可以将步骤分为三大类和减号;

第1步 : 选择移动配置

步骤2 : 通知搜索引擎

第3步 : 避免常见错误

选择移动配置

您可以选择三种不同的移动配置 :

第1步 : 响应式网页设计

第2步 : 动态服务

第3步 : 单独的URL

每个都有自己的优点和缺点. Google建议采用响应式设计,但它支持所有三种配置.下表显示了移动配置如何影响您的URL和HTML代码 :

Mobile配置URLHTML
响应式网页设计保持相同保持相同
动态服务保持相同的不同的HTML
单独的网址不同的网址不同的HTML

响应式网页设计

Google建议采用响应式网页设计,因为它是最简单的移动配置,并且非常易于实施.它在同一个URL上提供相同的HTML代码,但它会根据移动设备的屏幕大小调整显示.

响应式网页设计

动态服务

动态服务是一种移动配置,其网站的网址保持不变,但服务不同从移动设备访问时的HTML内容.

动态服务

当你的内容是从服务器动态提供的,请务必告知Google其抓取的内容在移动设备上可能会有所不同.此方法的一个主要缺点是,在将内容切换到用户之前,您必须在服务器级别对内容进行其他处理.这种方法会给您的服务器带来不必要的负担并使其变慢.

单独的URL

当您维护两个不同的URL时 - 一个用于移动用户,另一个用于另一个URL对于桌面用户 - 请确保明确告知Google何时提供哪个版本. Google不建议使用单独的网址,因为它可以自动检测您的移动网页与桌面网页的不同.

不同的网址

当您拥有一个大型网站时,这种方法并不实用,因为维护同一网站的两个版本需要花费双倍的精力和金钱.同时,在保留两个版本的同时,您无法避免内容中的各种差异.

从SEO的角度来看,每个URL都是单独执行的.因此,您的桌面排名永远不会被添加到移动排名中,并且它们将始终被假定为单独的网站.如果您想要了解SEO的好处,我们不建议为移动和桌面版本维护不同的URL.

通知搜索引擎

确保Google和其他搜索引擎了解您的移动配置.最重要的是,Google必须了解您的网页,以便它可以正确排名您的网站.您如何通知Google取决于您选择的移动配置 - 响应式网页设计,动态投放或单独的网址.

如果您的网站有响应式设计, Google的算法可以自动理解,无需您通知Google.当你有一个响应式设计时,只需确保你的网页标题中有以下元标记 :

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

视口决定您的网页在设备上的显示方式.具有响应式设计的站点根据设备屏幕的大小改变其大小.声明视口,以便您的网页可以在任何设备上正确显示.

如果您的网站动态投放,请确保您允许Google使用Vary HTTP检测您的配置标题&减去;

Vary: User-Agent

Vary 标题对于告诉搜索引擎在桌面和移动设备上提供不同内容非常重要.当您的内容由 Content Delivery Network 等任何缓存系统提供时,此标头非常重要,并且这些系统会在不同设备上提供内容时使用此标头.

如果您维护单独的网址,例如 example.com m.example.com,,您可以通过添加来通知Google桌面版本中的特殊 link rel = alternate 标记,反之亦然,如下所示.

桌面页面应具有以下内容在其标题中:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
移动页面的标题应包含以下内容:
<link rel="canonical" href="http://www.example.com" >

避免常见错误

为了优化移动设备的网站,请确保避免犯下列错误 :

  • 慢速移动页面 : 与有线互联网相比,移动网络速度较慢,因此关注移动网页的加载速度非常重要.这是一个关键的谷歌排名因素.使用移动搜索引擎优化工具来查找您的移动页面速度. Google提供了许多可以使用的好工具.浏览以下链接 :   https://www.google.com/webmasters/tools/mobile-friendly/

  • 不要阻止CSS和JavaScript :  Google建议为移动设备友好型网站使用内联CSS和Javascripts,以便将其与内容一起下载.因此,如果您没有太多CSS,那么尝试在标签内调整它;但是如果你在单独的文件中使用了很多CSS,那么尝试将它包含在底部,这将阻止阻止正在下载的其他内容.同样的规则适用于Javascript,它可以保存在页面内部或包含在页面底部.如果您可以避免在页面顶部包含该文件,请在包含该文件时使用 async 属性.

<script async type="text/javascript" src="jquery.js"></script>

  • 移动重定向 : 由于移动网络通常较慢,因此过多的重定向会损害您的网页速度.如果您要维护多个网址,请确保所有链接都指向相关网页.如果您维护多个URL并且您认识到用户正在从移动设备访问桌面页面,并且您在不同的URL上有相应的移动页面,则将用户重定向到该URL而不是显示404错误.

  • 重图片 : 重图像会增加加载时间,但是由于它们有用且有效,我们无法完全摆脱它们.因此,您应该在文本和重图像之间保持良好的平衡.使用一个好的工具来优化您的图像并以低分辨率保存它们以避免大量下载.

  • 避免插件和弹出窗口 : 用户的移动设备上可能无法使用Flash和Java等插件.始终确保您的移动页面上没有任何无法播放的内容.避免在移动设备上使用弹出窗口,因为在移动设备上关闭这些弹出窗口变得非常笨拙.

创建时移动页面,请始终牢记用户的工作空间有限.因此,在创建标题,URL和元描述时,您需要尽可能简洁 - 当然不会影响信息的本质或质量.

有用的工具

以下是一些有用的工具列表,您可以使用它们来了解您的网站的移动友好性和减号;

  • Google网站站长工具 : 使用可用的Google工具和技术来了解在设计桌面和移动网站时应该使用什么以及应该避免什么.

  • 移动模拟器 : 它可以让您了解您的网站在各种移动设备上的显示方式.

  • Moz Local : 使用此工具确保您的本地搜索引擎优化正常.

  • 响应式网页设计测试工具 : 使用此工具可以查看您的响应式网站在各种标准屏幕尺寸的移动设备上的外观.

  • 尖叫青蛙 &减去;这是一个有用的工具,可让您分析您的网站并仔细检查所有重定向.

  • 用户代理切换器 : 这是一个Firefox附加组件,您可以使用它来了解从其他用户代理访问您的网站时的样子.