目前数百万用户使用运行在android,ios或windows上的智能手机访问网络。因此,网站必须适应这种不断变化的环境,并对其网站设计进行适当改变以吸引更多观众。
桌面版网站可能难以在移动设备上查看和使用。不适合移动设备的版本要求用户捏或放大以读取内容。用户觉得这是令人沮丧的体验,很可能会放弃该网站。相比之下,适用于移动设备的版本可以读取并立即使用。
google近期的一项更新强制要求网站应该适合移动设备,以便在移动搜索引擎上生效。请注意,不适合移动设备的网站也不会对常规搜索引擎产生任何影响。
在本章中,我们将看到如何使网站适合移动设备,以确保从移动设备访问网站的访问者具有优化的体验。
什么是移动seo?
移动搜索引擎优化是设计网站的过程,使其适合在具有低带宽的不同屏幕尺寸的移动设备上观看。除了遵循适用于桌面网站的所有搜索引擎优化规则之外,我们还需要在为移动设备设计网站时多加小心。一个网站是移动友好的,如果它具有以下属性
-
一个好的移动网站具有响应式设计,可以在台式机和移动设备上表现良好。它不仅减少了网站的维护,而且使搜索引擎的内容保持一致。
-
一个好的移动网站的内容很容易在移动设备上阅读,而无需缩放屏幕。它有适当的字体,颜色和布局。
-
在小屏幕上浏览好的移动网站很容易。它提供了可以用手指轻松操纵的链接和按钮。
-
一个好的移动网站是轻量级的,因此它需要更少的带宽和时间来加载移动网络。
-
移动网站的ag真人游戏主页在连接用户和他们正在寻找的内容方面发挥着最重要的作用。因此,良好的移动网站确保ag真人游戏主页上显示最重要的链接,以便获得足够的可见度。
网站的排名在很大程度上取决于用户的友好程度。您可以按照下面给出的指导方针来设计一个适合移动设备的网站。
优化您的移动网站
如果您的网站已经针对搜索引擎进行了优化,那么对移动设备进行优化应该不会太困难。首先,让我们了解如何移动移动设备。我们可以将这些步骤分为三大类 -
步骤1 - 选择一个移动配置
第2步 - 通知搜索引擎
第3步 - 避免常见错误
选择一个移动配置
有三种不同的移动配置可供您选择 -
第1步 - 响应式网页设计
第2步 - 动态服务
第3步 - 分隔网址
各有其优点和缺点。google推荐响应式设计,但它支持所有三种配置。下表显示了移动配置如何影响您的网址和html代码 -
mobile configuration | url | html |
---|---|---|
响应式网页设计 | 保持不变 | 保持不变 |
动态服务 | 保持不变 | 不同的html |
单独的网址 | 不同的网址 | 不同的html |
响应式网页设计
谷歌推荐响应式网页设计成为最简单的移动配置,并且非常容易实现。它在相同的url上提供相同的html代码,但它会根据移动设备的屏幕大小调整显示。
动态服务
动态投放是一种移动配置,其中网站的网址保持不变,但从移动设备访问时,它会提供不同的html内容。
如果您的内容是从服务器动态提供的,请确保通知google它在移动设备上抓取的内容可能会有所不同。这种方法的一个主要缺点是,在将服务器切断给用户之前,您必须在服务器级别对内容进行额外的处理。这种方法会给您的服务器带来不必要的负担,并使其变慢。
单独的网址
如果您维护两个不同的网址(一个用于移动用户,另一个用于桌面用户),请确保您明确通知google何时提供哪个版本。google不建议使用单独的网址,因为它可以自动检测到您的移动网页与桌面网页不同。
当你有一个大网站时,这种方法是不实际的,因为维护同一网站的两个版本将需要双倍的努力和资金。同时,在保持两个版本的同时,您无法避免内容中的各种差异。
从seo的角度来看,每个url分开执行。因此,您的桌面排名将永远不会添加到移动排名中,并且他们将始终被视为单独的网站。我们不建议为移动版和桌面版维护不同的网址,以便吸引搜索引擎优化的好处。
通知搜索引擎
确保google和其他搜索引擎了解您的移动配置。最重要的是,google必须了解您的网页,以便它能够正确地对您的网站进行排名。您如何通知google取决于您选择哪种移动配置响应式网页设计,动态投放或单独的网址。
如果您的网站具有 响应式设计, google的算法可以自动理解它,而无需通知google。 如果您有自适应设计,只需确保您的网页标题中包含以下元标记
<meta name =“viewport”content =“width = device-width,initial-scale = 1.0”> name = “viewport” content = “width = device-width,initial-scale = 1.0” >
该视口决定您的网页将如何显示在设备上。具有响应式设计的网站会根据设备屏幕的大小而改变其大小。声明一个视口,以便您的网页在任何设备上正确显示。
如果您的网站是 动态提供的,请 确保您允许google使用vary http标头检测您的配置 -
vary: user-agent
该 因人而异 告诉搜索引擎不同的内容将在台式机和移动设备上投放标头是很重要的。当您的内容由像 content delivery network 这样的缓存系统提供服务时,此头文件非常重要,并且这些系统将在不同设备上提供内容时使用此头文件。
如果您维护 单独的网址, 例如 example.com 和 m.example.com, 则可以通过在桌面版本中添加特殊 链接rel = alternate 标签来通知google,反之亦然,如下所示。
desktop page should have following in its header: <link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com" > mobile page should have following in its header: <link rel="canonical" href="http://www.example.com" >
避免常见错误
为了优化您的移动设备网站,请确保您避免犯下以下错误 -
-
慢速移动网页 - 与有线互联网相比,移动网络速度较慢,因此务必注意移动网页的加载速度。 这是一个关键的谷歌排名因素。使用移动搜索引擎优化工具来查找您的移动网页速度。google提供了许多您可以使用的优秀工具。浏览以下链接 -
https://www.google.com/webmasters/tools/mobile-friendly/
-
不要阻止css和javascript - google建议将内联css和javascript用于移动设备友好的网站,以便可以将它们与内容一起下载。 所以如果你没有太多的css,那就试着在标签本身内进行调整; 但是如果您在单独的文件中使用了大量css,请尝试将其包含在底部,这将停止阻止正在下载的其他内容。相同的规则适用于javascript,它可以保存在页面本身内或包含在页面底部。如果您可以避免将文件包含在页面的顶部,那么在包含它们时使用 异步 属性。
<script async type="text/javascript" src="jquery.js"></script>
-
移动重定向 - 由于移动网络速度通常很慢,因此太多的重定向可能会损害您的页面速度。 如果您要维护多个网址,请确保您的所有链接指向相关网页。如果您维护了多个网址,并且您认识到用户正在通过移动设备访问桌面页面,并且您在另一个网址上拥有等效的移动网页,则会将该用户重定向到该网址,而不是显示404错误。
-
沉重的图像 - 沉重的图像增加了加载时间,但我们不能完全摆脱它们,因为它们是有用的和有效的。 因此,您应该在文字和沉重的图像之间保持良好的平衡。使用一个好工具来优化图像并以低分辨率保存以避免大量下载。
-
避免插件和弹出窗口 - flash和java等插件可能无法在用户的移动设备上使用。 始终确保您的移动网页上没有任何无法播放的内容。避免在移动网页上使用弹出窗口,因为在移动设备上关闭这些弹出窗口变得非常笨拙。
在创建移动页面时,请始终记住用户的空间有限。因此,在创建标题,url和元描述时,您需要尽可能简洁 - 当然不会影响信息的本质或质量。
有用的工具
以下是一些有用的工具列表,您可以使用它们了解您的网站的移动友好程度 -
-
谷歌网站管理员工具 - 使用可用的google工具和技术来了解在设计桌面网站和移动网站时应该使用什么以及应该避免什么。
-
移动模拟器 - 它可以让你看到你的网站在各种移动设备上的显示方式。
-
moz local - 使用这个工具来确保您的本地搜索引擎优化是有序的。
-
自适应网页设计测试工具 - 使用此工具查看您的自适应网站在各种具有不同标准屏幕尺寸的移动设备上的外观。
-
尖叫青蛙 - 这是一个有用的工具,可以让你分析你的网站,并仔细检查所有的重定向。
-
用户代理切换器 - 这是一个firefox附加组件,您可以使用它来找出您的网站在从其他用户代理访问时的外观。