移动搜索引擎优化的秘密武器：详细解析关键知识点，让你的网站在移动搜索中占据优势！

最新推荐文章于 2024-09-14 21:53:48 发布

SEO_juper

最新推荐文章于 2024-09-14 21:53:48 发布

阅读量77

点赞数

分类专栏：资料分享 SEO 文章标签：学习搜索引擎经验分享

本文链接：https://blog.csdn.net/SEO_juper/article/details/134406262

版权

SEO 同时被 2 个专栏收录

102 篇文章 2 订阅

订阅专栏

资料分享

21 篇文章 0 订阅

订阅专栏

如今，数百万用户使用运行 Android、iOS 或 Windows 系统的智能手机访问网络。因此，网站必须适应这种不断变化的环境，在网站设计上做出适当的改变，以吸引更多的浏览者。

桌面版网站可能很难在移动设备上查看和使用。对移动设备不友好的版本需要用户捏合或缩放才能阅读内容。用户会觉得这是一种令人沮丧的体验，很可能会放弃该网站。与此相反，移动友好型版本可读性强，可立即使用。

谷歌最近的一次更新规定，网站必须对移动设备友好，才能在移动搜索引擎上有效。请注意，不支持移动设备的网站也不会对普通搜索引擎产生任何影响。

在本章中，我们将介绍如何使网站对移动设备友好，以确保通过移动设备访问网站的访客获得优化的体验。

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

移动搜索引擎优化是指设计一个网站，使其适合在带宽较低的不同屏幕尺寸的移动设备上浏览的过程。除了遵循适用于桌面网站的所有搜索引擎优化规则外，我们还需要在为移动设备设计网站时多加注意。如果一个网站具备以下属性，那么它就是移动友好型网站。

一个好的移动网站应采用响应式设计，在台式机和移动设备上都有良好的表现。这不仅减少了网站的维护工作，还使网站内容与搜索引擎保持一致。
好的移动网站的内容在移动设备上很容易阅读，无需缩放屏幕。它有合适的字体、颜色和布局。
一个好的移动网站很容易在小屏幕上浏览。它提供的链接和按钮可以用手指轻松操作。
一个好的移动网站应该是轻量级的，这样它在移动网络上加载所需的带宽和时间就会更少。
移动网站的主页在将用户与他们正在寻找的内容联系起来方面发挥着最重要的作用。因此，好的移动网站应确保在主页上显示最重要的链接，使其有足够的可见度。

一个网站的排名在很大程度上取决于它对用户的友好程度。您可以遵循以下指导原则来设计一个优秀的移动友好型网站。

针对移动设备优化网站

如果您的网站已经针对搜索引擎进行了优化，那么针对移动设备进行优化应该不会太难。首先，让我们了解一下移动化需要哪些步骤。我们可以将步骤分为三大类

步骤 1 - 选择移动配置

步骤 2 - 通知搜索引擎

步骤 3 - 避免常见错误

选择移动配置

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

步骤 1 - 响应式网页设计

步骤 2 - 动态服务

步骤 3 - 独立 URL

三种配置各有利弊。谷歌推荐采用响应式设计，但它支持所有三种配置。下表显示了移动配置对 URL 和 HTML 代码的影响

移动配置	URL	HTML
响应式网页设计	保持不变	保持不变
动态服务	保持不变	不同的 HTML
单独的 URL	不同的 URL	不同的 HTML

响应式网页设计

谷歌推荐响应式网页设计，因为它是最简单的移动配置，而且非常容易实现。它在相同的 URL 上提供相同的 HTML 代码，但会根据移动设备的屏幕尺寸调整显示效果。

动态服务

动态服务是一种移动配置，网站的 URL 保持不变，但从移动设备访问时会提供不同的 HTML 内容。

当您的内容从服务器动态提供时，请务必告知谷歌，其抓取的内容在移动设备上可能会有所不同。这种方法的一个主要缺点是，在将内容发送给用户之前，您必须在服务器层面对内容进行额外处理。这种方法会给服务器带来不必要的负担，使其运行速度变慢。

单独的 URL

当您维护两个不同的 URL（一个用于移动用户，另一个用于桌面用户）时，请确保您明确告知谷歌何时提供哪个版本。Google 不建议使用单独的 URL，因为它会自动检测到您的移动页面与桌面页面不同。

当你拥有一个大型网站时，这种方法并不实用，因为维护同一个网站的两个版本需要付出双倍的努力和金钱。同时，在维护两个版本的同时，也无法避免内容上的各种差异。

从搜索引擎优化的角度来看，每个 URL 都是单独运行的。因此，您的桌面版排名永远不会与移动版排名相加，它们永远会被认为是独立的网站。如果您想从搜索引擎优化中获益，我们不建议您为移动版和桌面版维护不同的 URL。

通知搜索引擎

确保谷歌和其他搜索引擎了解您的移动配置。最重要的是，谷歌必须了解您的页面，以便对您的网站进行正确排名。如何通知谷歌取决于您选择了哪种移动配置–响应式网页设计、动态服务或独立 URL。

如果您的网站采用了响应式设计，谷歌的算法就能自动理解，无需您通知谷歌。采用响应式设计时，只需确保在网页标题中包含以下元标签

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

视口决定了网页在设备上的显示方式。采用响应式设计的网站会根据设备屏幕的大小改变其大小。声明视口可使网页在任何设备上都能正确显示。

如果您的网站是动态提供的，请确保允许 Google 使用 Vary HTTP 标头检测您的配置。

Vary: User-Agent

Vary 标头非常重要，它可以告诉搜索引擎，在台式机和移动设备上将提供不同的内容。当您的内容由内容分发网络等缓存系统提供时，该标头就非常重要了，这些系统在向不同设备提供内容时会使用该标头。

如果您维护着不同的 URL，例如 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" >

避免常见错误

为了针对移动设备优化网站，请确保避免犯下以下错误

移动页面速度慢 - 移动网络与有线互联网网络相比速度较慢，因此必须关注移动页面的加载速度。这是一个关键的谷歌排名因素。使用移动搜索引擎优化工具来了解您的移动页面速度。
不要屏蔽 CSS 和 JavaScript - 谷歌建议在移动友好型网站中使用内联 CSS 和 Javascript，这样它们可以与内容一起下载。因此，如果你的 CSS 不多，那就尽量在标签中进行调整；但如果你在独立文件中使用了大量 CSS，那就尽量将其包含在底部，这样就不会阻碍其他内容的下载了。同样的规则也适用于 Javascript，它可以保留在页面内，也可以包含在页面底部。如果可以避免将文件包含在页面顶部，那么在包含它们时使用 async 属性。

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

移动重定向–由于移动网络通常速度较慢，过多的重定向会影响页面速度。如果您维护多个 URL，请确保所有链接都指向相关页面。如果您维护了多个 URL，并发现用户正从移动设备访问桌面页面，而您在不同的 URL 上也有相应的移动页面，那么请将用户重定向到该 URL，而不是显示 404 错误。
厚重的图片–厚重的图片会增加加载时间，但我们不能完全摆脱它们，因为它们有用且有效。因此，你应该在文字和厚重的图片之间保持良好的平衡。使用好的工具优化图片，并以低分辨率保存，以避免大量下载。
避免插件和弹出窗口 - 用户的移动设备可能无法使用 Flash 和 Java 等插件。请务必确保您的移动页面上没有任何无法播放的内容。避免在移动页面上使用弹出式窗口，因为在移动设备上关闭这些弹出式窗口会变得非常笨拙。

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