如何使您的网站达到行动友好？最新指南

在过去的几年里，Google 一直将注意力转移到行动搜寻上。到当前为止，可以肯定的是，整个网络的 70% 都在行动优先索引上。就 SEO 而言，这意味着 Googlebot 会索引您网站的行动版本而不是桌面版本。因此，如果您的网站不适合行动设备，那麽它很可能不会看到高搜寻排名。那麽，您如何使您的网站对行动设备友好，以便您的用户和 Google 爬虫绝对喜欢它呢？我们来看一下！

什麽是行动 SEO？

行动 SEO 代表行动搜寻引擎优化。其核心是针对使用智能型手机、平板电脑或任何其他行动设备访问您的网站的用户优化您的网站的过程。行动搜寻引擎优化的目标是为所有行动用户提供卓越的网站体验，无论荧幕大小、设备操作系统或行动互联网速度如何。

为什麽制作适合行动设备的网站如此重要？

当他们需要了解最新消息、查看棒球比赛的获胜者或线上购物时，每天有数十亿用户选择他们的智能型手机而不是台式机。虽然行动搜寻引擎优化的好处可能很明显，但我们的 SEO 专家在下面统整了一些最有说服力的观点。

行动搜寻已经超过了桌面搜寻

早在 2017 年，行动搜寻就超过了桌面搜寻。今天，超过一半的网络搜寻来自行动设备。随着行动设备流量的份额每月不断增长，这种趋势只会不断加强。对于网站所有者来说，这意味着很大一部分访问者正在通过行动设备查看他们的网站。如果该网站不适合行动设备，则行动搜寻者会返回搜寻结果。Google 同时捕捉用户行为，最终可能会降低此类网站的排名。返回用户再次访问优化不佳的网站的机会也很低。

Google 聚焦在行动搜寻

这一切都始于 2015 年，当时 Google 推出了适合行动设备的更新。通过所谓的“Mobilegeddon”更新， Google 惩罚了不适合行动设备的网站。但是，这仅适用于行动搜寻，其份额在当时远低于桌面。当我们第一次听说行动优先索引时，情况发生了巨大变化。从 2017 年开始， Google 慢慢开始使用智能型手机 Googlebot 抓取网络。快进到 2022 年，我们将 70% 的整个网络都放在行动优先索引上，并且一直延伸到最终达到 100%。

这对网站所有者意味着什麽？简而言之，现在只有您网页的行动版本用于索引和排名目的，这使得行动搜寻引擎优化对任何网站所有者都很重要。上述结论是 Google 优先考虑行动优化的网站。当页面体验更新推出时，我们再次看到了它的证明。想知道您的网站是否在行动索引上？使用 Google Search Console 可以快速检查这一点。只需前往设置并检查关于部分。如果您的网站已切换到行动优先索引，您会看到 Googlebot Smartphone 作为索引爬虫。请注意，所有在 2019 年 7 月 1 日之后上线的网站都采用行动优先索引。如果您仍在桌面索引上，事情可能很快就会发生变化，因此最好现在就照顾您的行动搜寻引擎优化而不推迟它。

如何选择适合行动友好的解决方案？

当您决定长期的行动 SEO 优化计划时，Google 提供了三种行动配置供您选择。为了帮助您选择正确的配置，我将简要介绍所有三种配置，并说明每种配置的优缺点。

响应式设计

响应式网页设计是行动搜寻引擎优化方面最优雅的解决方案，并被 Google 等最流行的搜寻引擎推荐。简而言之，对于桌面用户和行动访问者的所有网页，您都有相同的 URL。HTML 也保持不变。唯一改变的是 CSS，它会根据荧幕大小和设备类型改变内容的呈现方式。

简单来说，HTML 用于描述网页的结构。CSS 告诉浏览器如何呈现您的页面，包括颜色、布局和字体，并允许您调整页面以适应不同的荧幕尺寸、设备类型和操作系统。要完全控制您的网站在不同设备上的外观，您需要使用媒体查找。 @media 槼则基本上告诉浏览器在满足某些条件时如何呈现您的响应式网页设计。

使用响应式设计，您的网站在任何设备上都看起来很棒，而且花费最少的精力和时间。您也可以轻松检查您的网站在不同设备上的显示方式。如果您使用的是 Google Chrome，请右键单击页面上的任意位置，然后点击 Inspect。在荧幕的左上角，找到 Dimensions 并选择您想要在其上查看您的网站的设备。或者，您可以利用一些免费的线上工具。最后但并非最不重要的一点是，许多用于构建网站的现代解决方案可以帮助您在没有任何编码经验的情况下创建响应式网站。

动态服务

使网站适合行动设备的另一种方法是动态服务。使用动态服务，服务器会根据请求页面的用户代理（行动设备、平板电脑或台式机）在同一 URL 上使用不同的 HTML（和 CSS）进行响应。这种方法比较耗时，因为您必须为同一个 URL 创建两个版本的网页。另外，您必须跟上正在发布的最新小工具。否则，您网站的桌面版本将下载到较新的行动设备上。总体而言，在行动 SEO 方面，动态服务不太可取。

单独的行动网站

这种方法在于为行动访问者创建一个单独的行动友好网站。行动流量被重定向到另一个特定于行动设备的 URL，通常如下所示 - m.example.com。通常，行动版的内容比桌面版少，并且提供更适合行动浏览的导航。这种行动配置在当时很流行，但如今已不常使用，也不被 Google 推荐。如果您选择这种行动配置，您可能会遇到重复内容的严重问题，这可能会损害您网站的 SEO。此外，您还需要优化标题和元描述，以便单个页面的两个版本具有相同的标题和元描述。更重要的是，HTML 和 CSS 允许我们在当今的网站上做一些闻所未闻的事情，因此响应式设计是首选。

你需要一个 APP 吗？

单独的行动 APP （适用于 iOS 和 Android 用户）是一个额外的选项，可以补充您的主网站或作为独立的解决方案。重要的是要了解并非每个企业都需要 APP 。比如说，如果您的网站纯粹是信息性的，那麽您最好为行动访问者采用响应式设计。但是，如果您正在运营电子商务网站或送餐服务，则 APP 可以显着提升用户的行动体验。但如果您没有扎实的技术背景或庞大的预算，那麽构建 APP 是一件非常头疼的事情。这是一个成本高昂的解决方案，通常可以用经过适当优化的响应式网站代替。因此，除非您是大品牌，否则您不应该在 APP 上花费金钱和时间。总结一下， Google 和其他搜寻引擎建议您今天为适合行动设备的网站使用响应式设计。但选择始终取决于您和您的业务须求。

如何检查您的网站是否适合行动设备？

第一件事。在开始使您的网站适合行动设备之前，请检查您当前的现状。

检查常见的行动问题

跳转到 Google Search Console 并转到“行动可用性”选项卡。如果您对网站的行动搜寻引擎优化有任何严重问题，该工具会通知您。如果您跳到“详细信息”部分，您会看到 Google 认为会损害您的网站对行动访问者的可用性的简短描述。这包括用户体验问题、行动网站界面问题以及您将在本指南后面部分处理的一系列其他因素。如果您没有 Google Search Console 帐户，您还可以使用 Google 的 Mobile-Friendly Test 来检查您网站的行动优化。输入您网站的 URL，点击分析，然后等待该工具收集所有数据。唯一的缺点是您一次只能分析一个 URL。所以如果你需要审核整个网站，最好使用 Google 搜寻控制台。

检查行动设备的页面速度

在我们跳到行动设备上的页面速度优化之前，让我们先看看如何衡量这个因素。您可以使用 Google PageSpeed Insights。到达那里後，输入要检查的页面的 URL，然后等待分析完成。向下滚动到“机会”部分，查看有助于加快页面下载速度的建议。正如您可能猜到的那样，这种方法的缺点是它只允许您一次检查一页，这可能很烦人。还有另一个 Google 工具可以检查您在行动设备上的网站速度 -行动速度测试。很酷的一点是，您可以查看从不同位置和不同移动网络 (3G/4G) 下载网页的速度。

如何使您的网站适合行动设备？

准备好通过一个针对行动设备进行了完美优化的网站迈入新的一年了吗？在本指南的这一部分中，我将描述使您的网站在用户和 Google 眼中都适合行动设备的四个步骤。

01 优化行动用户的下载时间

如果您想提高您的行动搜寻引擎优化，您的网站在行动设备上的下载速度至关重要。Google 博客文章中引用的一项研究表明，行动用户往往一次只将注意力集中在荧幕上 4-8 秒。如果您的网页需要更长的时间来下载，从字面上看，您将失去大量的访问者。检查来自 Google 的统计数据，在搜寻和排名算法方面，Page Experience 更新和网站体验核心指针(Core Web Vitals) 的引入再次强调了缩短行动流量下载时间的重要性。

什麽是网站体验核心指针(Core Web Vitals) ？

网站体验核心指针(Core Web Vitals)是衡量网站下载速度、交互性和视觉稳定性的指针。连同行动友好性、安全性、安全性和没有弹出窗口，这些新信号现在用于评估整体页面体验，并在决定页面是否值得排名时进行最终投票。这些都是来自 Google 的详细指南。我们还发现改进的网站体验核心指针(Core Web Vitals) 与自然展示和点击之间存在一些令人信服的相关性。Google 的行动页面速度基准是一秒。虽然这看起来雄心勃勃，但这个目标是可以实现的。以下是您需要采取的确切步骤，以确保在行动设备上缩短下载时间：

检查您的服务器响应时间

下载时间的成功很大程度上取决于您的网络托管服务器的速度。如果您的服务器响应时间过长，您将在 PageSpeed Insights 中看到相应的警报。您需要与您的网络托管服务提供商的支持人员讨论加快速度的可能方法。

避免使用 Flash – 改用 HTML5

Adobe Flash 在互联网的早期非常流行。但这不再是真的。特别是对于从不支持 Flash 的行动设备。如果您需要将媒体添加到您的网页（影片、动画等），请使用 HTML5 不会损害您的行动搜寻引擎优化。它不仅可以帮助您在所有设备上提供相同的内容，而且还可以显着提高智能型手机和平板电脑的下载时间。

不要使用太多插件

如果您的网站是在 WordPress、Joomla 或任何其他 CMS 上构建的，请格外小心使用插件。他们可能会减慢您的网站速度。请咨询 SEO 专家进行拆分测试，看看您的网站在使用和不使用插件的情况下表现如何。您还可以使用查找监视器来检测 WordPress 网站上的有问题的插件。

优化您的图象

每个网站都有大量图象。为了使它们都下载得足够快，它们肯定需要优化。确保您使用正确的图象格式，例如 AVIF、JPEG 2000、JPEG XR 和 WebP。後一种格式比类似质量的 PNG 和 JPEG 轻 25% 到 35%，因此它可以成为行动 SEO 的主要速度助推器。要进一步减小图象的大小，请通过压缩工具运行它们。另一种节省下载时间的方法是利用延迟下载行动设备上的图象。延迟下载允许您延迟荧幕外图象并仅在需要时下载它们。

重要的提示：为避免索引问题，请勿延迟下载荧幕最先看到的行动内容，因为 Googlebot 无法下载需要用户交互的元素。

激活网络缓存

缓存可加快浏览速度，并为回访者提供良好的用户体验。允许浏览器缓存网站内容的所有部分，包括文本、图象、HTML、CSS 和 JavaScript。这应该对您的行动优化有很大帮助。

注册 CDN

内容传递网络(CDN)是连接在一起的服务器网络，可以更快地交付您网站的内容。简而言之，多个 CDN 服务器遍布全球。当来自纽约的用户访问您的网站时，CDN 网络将找到最近的服务器并从那里下载所有内容。无论原始服务器在哪里。许多网络托管服务提供商免费提供 CDN。

仔细检查您的代码

为了使您的网站针对行动搜寻进行优化并确保行动平台上的快速下载速度，您的 HTML、CSS 和 JavaScript 的每一部分都必须完美编码。

使用更少的重定向

如果没有一个重定向，您就无法构建网站的话，请确保它们已正确设置，并注意仅限行动设备的 404 重定向。这里的一般经验法则是行动设备上的重定向越少越好。

使用 AMP 但要谨慎

AMP(Accelerated Mobile Pages) 是一个开源项目，主要由 Google 赞助和推广。您可能已经在 SERP 上看到过 AMP 页面。AMP 页面曾经有一个闪电图标。但最近 Google 删除了行动搜寻结果的 AMP 图标。所以现在真的很难区分。AMP 的主要好处是您的页面几乎可以立即下载，但这种速度的提升是有代价的。首先，它存在严重的设计限制，您只能使用内联样式，CSS 限制为 50KB，JavaScript 限制为 150KB。其次，当有人链接到您的 AMP 页面时，此反向链接将指向 google.com 网域，而不是您的网域。因此，AMP 页面的链接构建变得有点复杂。最后，如果您的行动网页经过适当优化，您可以在不实际实施 AMP 的情况下达到类似 AMP 的行动下载速度。

02 让 Google 抓取所有内容

如果您的网站已切换到行动优先索引，您需要确保网站的行动版本与桌面版本具有相同的内容。这包括 Javascript、CSS、图象和您网站代码的其他重要部分。如您所知，被索引和排名的是您网站的行动版本。因此，如果您的内容的任何部分在行动设备上被阻止，Google 根本不会看到它们，也不会被编入索引。如果您仍然需要为行动用户隐藏页面内容的任何部分，您可以将它们放在标签(tabs)中。在全世界听说行动优先索引之前，这可能是一个问题并且可能会损害您的排名，但它不再是真的， Google 证实了这一点。此外，如果您有一个单独的行动访问者网站 ( m.example.com )，则需要检查并比较 robots.txt 文档的两个版本，桌面版和行动版。

什麽是 robots.txt？

robots.txt 文档是一个文本文档，它告诉搜寻引擎机器人他们可以或不可以访问您网站的哪些页面或文档。有一种很好的旧方法可以在桌面和行动网站的 URL 之后添加 robots.txt - www.example.com/robots.txt 和 m.example.com/robots.txt 。格外小心地检查您的重要和赚钱页面都不会被阻止在行动设备上抓取。

03 用心花时间在您的行动网站的 UI 和 UX

行动网站的用户体验在很多方面与桌面不同。通常，荧幕尺寸较小，浏览主要以纵向模式进行。虽然响应式设计函盖了这些方面的许多方面，但您应该注意，就行动 UI 优化而言，拥有响应式网站并不总是足够的。让我们来看看您可以采取哪些主要行动步骤来提升访问者的行动体验并确保您的网站适合行动设备。

注意 Viewport Content 标签

行动优化中一个简单但经常被忽视的部分是视区内容(Viewport Content)标签。视区元标记告诉浏览器如何处理不同设备上网页的尺寸和缩放。Google 的建议是使用 viewport 标签，如果您使用的是响应式设计，请务必仔细检查您的 HTML 是否包含格式正确的视区内容标签。它将帮助您避免您的网站在行动设备上显示为桌面。

提高可读性

当您选择字体大小和颜色时，请始终考虑小荧幕。应用大小至少为 14 像素的简单清淅字体。确保文本和背景之间有足够的对比度，以避免在有问题的环境中出现可读性问题。此外，尽量不要在着陆页顶部使用冗长的文本块来压倒行动用户，改用短段落，并将不重要的文本移到底部。怀疑您的网站是否易于阅读？只需拿起您的智能型手机并浏览几分钟即可。您是否必须放大才能阅读内容的任何部分？如果答案是否定的，那麽您的行动网站的可读性应该没问题。您还可以跳转到 Google Search Console 中的行动可用性，以检查您的行动网站是否存在任何可读性问题，这可能会损害您网站的行动 SEO。

采取拇指友好的方法

当您针对行动设备优化您的网站时，您会希望使整个设计对拇指友好。在 49% 的情况下，它是用于与内容交互的拇指。因此，您的行动网站上的所有可点击元素都应该足够大，以适应拇指的大小。这也适用于文本中可点击链接之间的距离。Google 建议点击目标的最小尺寸约为 7 毫米或 48 个 CSS 像素，元素之间的最小间距至少为 8 像素。

借助 Google Chrome 浏览器中可用的 Lighthouse，您可以快速检查网站是否符合这些标准。为此，请在浏览器中打开要检查的页面，右键单击页面上的任意位置，然后点击 Inspect。您也可以按 Shift + CTRL + J (Windows) 或 Option + ⌘ + J（在 macOS 上）。在荧幕的右上角，找到并单击 >> 符号，然后选择 Lighthouse。点击生成报告并等待检查完成。将生成我们已经在 PageSpeed Insights 中看到的熟悉报告，但我们对 SEO 部分告诉我们的内容特别感兴趣。如果您的任何可点击元素不符合 Google 的建议，Lighthouse 会向您发出警告，并准确告诉您哪些因素会损害您的行动搜寻引擎优化并需要修复。

改进行动设备上的导航

您的行动友好型导航可以采用多种形式，但您应该始终记住，它必须让用户感觉自然和直观。一旦人们登陆您的主页，他们应该完全了解他们下一步需要去哪里以及为什麽要去。以下是使您的行动导航完美的一些提示：

把事情简单化。还记得行动用户很容易不知所措吗？这也适用于导航。您的选单在设计时应考虑小荧幕尺寸。因此，与其用大量元素将其弄乱，不如分析典型用户的旅程，并将行动导航限制在 4-8 个最重要的项目上。优先考虑重要元素。由于行动用户的注意力非常短，因此您需要将最重要的项目（例如赚钱页面和号召性用语）放在最前面。

不要忘记拇指友好的方法。请始终牢记，您的用户不会使用鼠标来浏览您的行动网站。为手指点击而不是鼠标点击而设计。避免水平滚动。 Google 和用户都不喜欢水平滚动。如果您的选单不适合行动荧幕，您应该重新考虑。用您的徽标替换主页按钮。从您网站的任何页面返回主页应该很容易。但是，为什麽要让一个无聊的文本按钮或家符号窃取荧幕空间呢？将指向您主页的链接直接嵌入到您的品牌徽标中。在顶部添加搜寻框。不要让您的用户搜寻搜寻框。特别是如果您正在运行电子商务网站。研究表明，搜寻栏的最佳位置是在页面顶部。可以通过单击使搜寻栏可用或缺省显示它。

注意你的 CTA

通常，行动网站访问者与您网站上的内容的交互比在桌面上更热切。但令人惊讶的是，根据各种研究，行动转化率要低得多。那麽为什麽会这样呢？我们做了自我检查，发现许多着陆页经常有同样的问题。这是一个错误的行动呼吁。始终将 CTA 放在您的赚钱页面上，以供行动用户使用。不要强迫他们滚动找到它，永远不要让不那麽重要的横幅复盖 CTA，使 CTA 的文本清淅，不要忘记按钮的设计应该考虑到拇指优先的方法。以下是在行动设备上正确放置 CTA 的一些很好的范例：

检查社群分享按钮

向您的网站添加社群分享按钮总是好的。它们让用户可以轻松地在他们的社群数据中分享您的内容，提高您的品牌曝光率并帮助您在网上接触更多人。社群共享小部件通常放置在桌面用户荧幕的左侧或右侧，以便他们在决定共享您的内容後可以共享您的内容。然而，这个位置对于行动设备来说不是很好，因为浏览是在纵向模式下进行的。您仍然可以在网站的行动版本上利用社群分享按钮，而不会损害您的行动搜寻引擎优化。您只需要将小部件放置在页面底部即可。

避免侵入性弹出窗口

许多网站所有者认为弹出窗口是收集更多潜在客户、电子邮件订阅者或吸引更多访问者注册线上活动的一种额外方式。同时，在大多数情况下，用户和 Google 都认为弹出窗口是用户体验的噩梦。对于行动设备来说尤其如此。由于行动设备上的荧幕尺寸较小，适用于桌面的弹出窗口可能会防碍目标内容的查看，并且看起来与您想要的不完全相同。此类弹出窗口不仅会破坏您的行动用户体验，还会损害您的排名。 Google 很久以前就证实了这一点。那麽这是否意味着您根本不能使用弹出窗口？实际上不是。为避免受到 Google 的处罚，您需要负责任地使用弹出窗口，并确保它们没有完全隐藏背景内容。

04 实施 Schema markup

Schema markup 是一组 HTML 标记，用于帮助 Google 的抓取工具更好地了解您的内容是关于什麽的。您可以从数百个不同的标签中进行选择，并使用它们来标记您网站上的内容（电话号码、工作时间、食谱烹饪时间、产品价格等）。具有适当结构架构标记的网站更容易被 Google 解释，并且有机会在行动搜寻引擎结果页面上获得这些漂亮的丰富片段。在实现 Schema 标记的许多方法中，我最喜欢其中一种是 Google 的标记助手。它简单、自动化，整个过程不需要太多时间。进入帮助进程後，只需选择您将使用的内容类型，添加您的 URL，然后点击开始标记。在下一个荧幕上，您需要突出显示网页的元素并指定它们是什麽。完成标记後，单击 CREATE HTML。您将获得需要添加到页面头部的代码。一旦你上传了你的页面并且它已经上线，请检查一切是否正常。转到 Rich Results Test 并检查您的页面是否有资格获得结果。