构建适合移动端设备的网站的10个优化技巧

时间:2024-04-09 10:20:17 作者:莫远东

构建适合移动端设备的网站的10个优化技巧

全球所有网站访问中的大部分都归因于移动端设备。在 SEO 中,针对移动端设备优化您的网站从未如此重要。在本文中,我将通过解释什么是移动端 SEO 及其重要性来拉开序幕。 然后我将进入本文的核心重点,分享我的 10 大有效移动端优化技巧。

什么是移动端SEO?

移动端SEO是优化网站的移动端版本以驱动来自搜索引擎的有机流量的过程。 移动端优化专注于在移动端设备上提供最佳体验,其中技术实现(例如使用响应式设计)发挥关键作用。

为什么移动端优化很重要?

根据 Statista 的数据,移动端设备在 2022 年最后一个季度产生了全球移动端流量的 59%。不仅仅是用户主要通过移动端设备查看您的网站,Googlebot 也是如此。2016 年,谷歌宣布移动端优先索引。因此,Google 主要通过 Googlebot 智能手机用户代理来抓取网络。这意味着谷歌将主要使用移动端版本的内容进行索引和排名。移动端优先索引于 2018 年开始推出。到 2021 年,大多数网站都转向了新的抓取格式。多年来,这是 SEO 专业人士的热门话题。 然而,正如谷歌的 John Mueller 所说,移动端优先索引现在已成为“生活的一部分”。

使您的网站适合移动端设备的 10 个技巧

所以现在我们知道为什么移动端优化如此重要,这里是我的 10 大技巧,可确保您有效地针对移动端进行优化。

技巧 1. 使用响应式设计

在选择向不同设备提供内容的方法时,您有几个选项可供选择。

响应式设计(推荐)

使用响应式设计,无论设备如何,您都可以提供相同的 HTML 文件。然后 CSS 改变页面的呈现以适应设备视口的尺寸。 这也意味着您使用单一 URL 来提供您内容的所有版本。响应式设计确保您可以有效地加载相同的内容,以适应您的设备。响应式设计是推荐的选择,不仅在 SEO 中如此,在 Google 指南中也是如此。

早在 2019 年,约翰就在 Reddit 上表示,“在某个时候,所有这些具有单独移动端 URL 的网站都应该转向响应式设计。”最终,使用响应式设计不会带来 SEO 收益。 但是,维护起来更容易和更清洁。 例如,您不必担心规范问题或 Googlebot 误解在移动端/桌面排名中提供哪个 URL。

单独的域/URL 结构(不推荐)

过去常用的一种方法是通过单独的 URL 或域结构为页面的移动端版本提供服务。一个常见的例子是m结构。

桌面:example点com/page

手机:m.example点com/page

当用户加载您的页面时,服务器必须确定用户使用的是哪种设备,然后将他们定向到适当的 URL。不推荐这种方法,因为对单个页面使用多个 URL 会导致 URL 管理的混乱情况。即使有正确的信号,Googlebot 也存在无法正确解释这些信号的额外风险。这可能导致索引问题,甚至谷歌将页面识别为重复内容。如果您当前使用此设置,则应确保遵循以下规范标签结构:

桌面:自引用规范标签

移动端设备:Canonical 标记以定位桌面 URL

您还需要在桌面版本上实现 rel=”alternate” 标签。

也就是说,从长远来看,最好的解决方案是转向响应式设计设置。

动态服务(不推荐)

与响应式设计类似,通过动态服务,您将通过单一 URL 提供适合不同设备的内容。然而,与动态服务的主要区别在于,您将提供不同的 HTML 文件,这些文件是预先定义的以适合各自的设备。这种方法肯定胜过单独的 URL/域结构选项,因为您具有通过单个 URL 向多个设备提供内容的优势。

但是,不推荐动态服务。 历史告诉我们,这种方法因技术问题而闻名。使用动态服务,由您的网络服务器确定用户正在浏览的设备。 经常使用动态服务设置,页面的桌面版本会意外地显示给移动端设备上的用户。

技巧2. 优化移动端设备上的页面速度

在 Core Web Vitals 时代,您可能会争辩说,SEO 专业人士从未像现在这样追捧强大的页面速度性能。事实上,当谷歌在 2021 年首次推出 Core Web Vitals 作为排名因素时,它只关注移动端性能。然后谷歌等到 2022 年 2 月才使用桌面 Core Web Vital 性能作为排名因素。 可以清楚地看到谷歌优先考虑哪种设备。

Google 将移动端和桌面 Core Web Vital 排名信号应用于相应的搜索结果。 因此,对于移动端搜索结果,谷歌将关注来自移动端设备的 Core Web Vital 性能。查看您的网站如何针对 Core Web Vitals 执行的一个很好的起点是前往 Google Search Console (GSC) 中的专门报告。 您可以通过“体验”部分下的左侧导航导航至此报告。

单击进入移动端报告,您可以查看您的网站在过去三个月中针对每个 Core Web Vital 指标的执行情况。 这些数据是通过 CrUX(Chrome 用户体验报告)从您网站上使用移动端设备的真实用户那里收集的。GSC 中这份报告的优点在于,问题 URL 被组合到类似页面的组中。 这意味着您可以记下需要处理的关键页面模板列表。

要更详细地了解问题领域和潜在修复,PageSpeed Insights 始终值得一试。PageSpeed Insights 易于使用。只需输入您要测试的页面的 URL,然后点击“输入”。默认情况下,该工具会自动检查您页面的移动端版本。您最初会在“发现您的真实用户体验”标题下看到一些见解。 首先,这份报告是我关注的主要报告。该报告通过 CrUX 使用真实用户数据。了解真实用户的体验而非机器人不仅很重要,而且谷歌还在其排名算法中使用此数据源。

技巧 3. 测试并监控您的站点是否存在错误

定期测试您的网站是否存在关键的移动端可用性错误是一种很好的做法。有多种工具可以做到这一点,但一个很好的起点是通过 GSC 提供专门的“移动端可用性”报告。您可以在左侧导航栏的“体验”部分下找到此报告。在这里,您可以跟踪存在移动端可用性问题的 URL 数量。GSC 提供了三个月的速度图。这对于识别错误峰值非常方便,允许您将它们与开发版本相关联。

通过向下滚动,您可以看到您网站上发生的确切移动端可用性问题。 通过点击各个报告,您还可以查看哪些 URL 受到影响。在 Search Console 之外,您还可以使用 Google 的移动端设备友好测试工具来发现移动端设备可用性问题。如果您没有 GSC 访问您要查看的站点的权限,这将特别有用。不过,建议获得访问权限,因为您将自动覆盖范围更广的 URL。要使用移动端设备友好测试,只需输入您要测试的页面的 URL(或代码),以查看您的页面是否适合移动端设备。

技巧 4. 让您的内容适合移动端设备

确保您的网站针对移动端设备进行了优化并不仅仅是技术基础。 您需要确保在制作内容时也考虑到移动端用户。许多 SEO 更喜欢使用较短的段落和句子。 这与移动端优化实践非常吻合。这种方法可确保您的内容在移动端设备上可读。谁登陆了一篇文章并想阅读一大堆文字?不是我。

作为一般指南,每个段落最多包含三个句子。如果一个段落自然只有一个句子,那也没关系。在校对文稿草稿时,最好尽可能将长句分成较短的句子。同样的规则适用于介绍。 事实上,您应该在这里最严格地应用这些规则。 这些应该简短、活泼、切题。为了进一步提高可读性,您需要通过包含各种元素和媒体来分解您的副本。这些可以包括:

要点

编号列表

引号

图片

影片

看到我刚刚在那里做了什么吗?使用不同类型的媒体时,您需要确保它们在移动端设备上正确显示。当图像加载不成比例时,用户会感到非常沮丧。

技巧 5. 针对移动端 SERP 进行优化

移动端 SERP(搜索引擎结果页面)在移动端和桌面版本之间可能会有很大差异。浏览所选关键字的 SERP 时,手动检查桌面和移动端结果非常重要。在桌面搜索结果中,我们有一个非常标准的搜索结果。然而,在移动端搜索结果中,我们可以看到谷歌已经包含了操作图片富媒体搜索结果。SERP 资产至关重要,这显示了模式标记对于移动端优化的重要性和相关性。

技巧 6. 包括适合移动端设备的导航

为移动端设备优化站点时,最大的考虑因素之一是标题导航实施的选择。这很容易成为网站最复杂的区域之一,以适应移动端设备。汉堡菜单已成为移动端优先世界中的流行选项。 它之所以得名,是因为该按钮通常看起来像一个汉堡包(显然)。汉堡包菜单在 SEO 和 UX 专业人士中引起了激烈的争论。然而,在我看来,在针对移动端设备进行优化时,您无法击败汉堡包导航。这种方法不仅简洁紧凑,而且用户也越来越习惯移动端设备上的这些类型的菜单。

可以为您的桌面网站使用“大型菜单”方法,并为您的移动端网站切换到汉堡菜单。第一条规则是确保两个菜单中的链接相同。您需要确保在桌面和移动端导航中包含完全相同的链接。对于电子商务网站,分面导航也是一个重要的考虑因素,它允许多面导航在简单的按钮单击时展开,使您的页面整洁紧凑,非常适合移动端用户。

技巧 7. 保持内容不变

您网站的移动端版本和桌面版本之间的对等性至关重要。 正如我们之前提到的,Google 将主要抓取您网站的移动端版本。如果您要从页面的移动端版本中删除内容,则可能会在 Google 眼中削弱您的内容。这条规则应该适用于所有类型的内容,从副本本身到图像。

此规则也适用于技术项目,从规范标签到内部链接。测试移动端奇偶校验的一个好方法是在您的移动端网站上运行抓取并将其与您网站的桌面版本上的抓取进行比较。您还应该考虑在严重依赖 JavaScript 的网站的抓取设置中呈现 JavaScript。 然后,您可以比较使用不同用户代理的爬网之间呈现的 HTML。

技巧 8. 避免侵入式插页式广告

干扰和分散用户注意力的插页式广告(也称为弹出窗口)会让用户感到沮丧。 对于移动端用户来说,这通常是一种更强烈的挫败感,因为弹出窗口通常会占据更大的屏幕部分。烦人和侵入性的弹出窗口不仅会降低转化率,而且还会遭到 Google 的反对。作为 Google 页面体验排名信号集的一部分,Google 批准更微妙的插页式广告,而不是会引起极大挫败感的大型插页式广告。

这里规则的一个大例外是插页式广告可能是法律要求的。常见示例包括 cookie 同意和年龄限制弹出窗口。例如,对于酒精相关的内容,如果供应商不强制用户在访问内容之前输入他们的出生日期,他们可能会陷入困境。

技巧 9. 查看移动端性能

定期检查驱动网站自然流量的设备是一种很好的做法。从 GSC 开始,您可以在搜索性能报告中按设备类型进行过滤。只需单击报告上方的“+ 新”按钮并选择“设备...”即可添加新过滤器。在这里,您可以通过设备过滤您的自然表现报告,让您看到您通过移动端设备获得了多少自然流量。 您还可以选择按设备比较流量。

与 GSC 中的“移动端可用性”报告类似,值得关注移动端流量的任何意外波动和流量下降。 这可能是需要进一步调查的移动端优化问题的迹象。您还可以在 Google Analytics 4 中按设备查看流量。通过加载报告 > 用户 > 技术 > 概述前往“设备类别”报告。在这里,您需要单击“查看平台设备”以按设备进行完整分析。然后,您将看到基于设备类型流量的数据表、图表和图形。不要忘记添加有机流量过滤器,以确保您只关注“SEO 流量”。

技巧 10. 在移动端设备上跟踪排名

在跟踪关键字时,很容易忘记桌面和移动端 SERP 之间的排名可能会有所不同。幸运的是,在 Ahrefs 的排名跟踪器上在桌面和移动端设备之间切换很简单,可以非常轻松地查看您的网站在任一 SERP 上的排名。Rank Tracker 的另一个优点是,您无需在首次跟踪关键字时将设备指定为设置。 在移动端和桌面 SERP 中自动跟踪关键字。只需加载您的关键字报告并在左上角的移动端和桌面评论之间切换。

写在最后

您可能想知道,“我是否应该放弃网站的桌面版本并专注于移动端优化?”坚持下去。的确,移动端设备现在是主导设备,但您不会想要完全忽视桌面体验。不仅您的一些用户会通过桌面访问您的网站,而且 Googlebot 也会不时通过桌面用户代理进行抓取(只是不像移动端版本那样频繁)。事实上,许多网站继续主要通过桌面用户来推动流量。 对于 SaaS 公司和许多以 B2B 为重点的网站来说尤其如此。 例如,Ahrefs 博客有超过 70% 的自然流量来自桌面设备用户。总结起来,关键要点是:

在您的移动端网站上显示与在桌面网站上相同的内容。

了解响应式设计是必经之路。

优先考虑您的移动端页面以优化页面速度。

不要害怕使用移动端设备的汉堡菜单。

定期监控和跟踪移动端可用性和移动端流量/排名。

免责声明:本站不对文章内容负责,仅供读者参考,版权归原作者所有。如有影响到您的合法权益(内容、图片等),请联系本站删除。