• 学习搜索引擎优化

移动优先索引:确保网站移动友好的指南

  • Yoni Yampolsky
  • 6 min read
移动优先索引:确保网站移动友好的指南

介绍

在搜索引擎优化(SEO)和网站开发领域,移动优先索引并不是一个新话题。事实上,Exploding Topics 报告称,全球超过55%的流量来自移动设备。

如果您的企业没有移动友好型网站,潜在客户很可能会在几秒钟内从您的网站跳出。

让您的网站显示在谷歌搜索引擎结果页面(SERP)上的最佳方式是采用移动优先索引。

这是 Google 根据网站内容的移动版本对网站进行排名的方法。

为了帮助您走上正确的道路,本指南将介绍如何通过创建响应式网站设计来纳入移动优先索引。

检查网站是否便于移动

在移动优先索引中,搜索引擎将优先抓取并显示您网站的移动版本。如果您的网站对移动设备不友好,其桌面版将默认显示在移动显示屏上。

而您的移动用户最终可能会在智能手机或平板电脑上看到一个过大且难以使用的网站展示。至少可以说,这种情况并不理想。您错过了响应式设计。您的网站无法适应不同的屏幕尺寸。

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

您可以通过检查您的网站是否已经对移动设备友好来避免这种情况。最好的方法是使用Google 的 PageSpeed Insights工具。

PageSpeed Insights (图片来源)

只需在搜索栏中输入您的网站 URL,就能查看有关网站在移动设备上表现的实时数据:

PageSpeed Insights results (图片来源)

如您所见,保持移动友好型网站得分在 90-100 分之间至关重要。如果你发现自己的网站对移动设备不友好,那么是时候去谷歌搜索控制台看看了。

Mobile Usability from Search Console (图片来源)

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

在这里,您可以找到任何抓取问题、网站速度问题以及其他可能影响移动体验的错误。

不过,在谷歌搜索控制台(Google Search Console)的文章中,您会发现最常见的移动友好问题:

  • 手机用户触摸输入(链接和按钮)的问题
  • 反应迟钝的网站设计、模板或主题
  • 非移动友好弹出窗口
  • 笨拙的网站导航
  • 难以阅读的字体

无论您的网站是从零开始建立的,还是使用 WordPress 等内容管理系统 (CMS),您都不应该认为自己的网站已经对移动设备友好了。

PageSpeed Insights 和 Google Search Console 将为您提供网站的移动性能概要,以便您针对移动屏幕进行必要的改进。

确保您的网站在台式机和移动设备上提供相同的体验

搜索引擎优化人员和开发人员通常会削减移动网站的某些功能,以提升良好的用户体验(UX)。

毕竟,拥有一个充斥着无用元素的笨拙移动网站绝不是一个好主意。然而,取消过多这些功能会影响网站的移动优先索引。

谷歌希望确保开发人员为桌面和移动用户提供相同的体验。以下是他们对此事的具体看法:

"如果您的移动网站内容少于桌面网站,请考虑更新移动网站,使其主要内容与桌面网站相当。您网站的几乎所有索引都来自移动网站"。

其实很简单。

如果您的移动网站版本内容较少,那么它在 SERP 上的表现就不会好

搜索引擎重视内容,因为这是它们确定网站内容的唯一途径。为了使您的网站桌面版和移动版保持一致,以下是一些需要遵循的关键建议:

  • 与用户体验、搜索引擎优化和开发团队合作,以移动友好的方式显示内容,而不是删除关键的网站元素。
  • 图片、视频和其他大型内容文件必须根据不同的移动设备(如平板电脑、智能手机和其他智能设备)进行正确优化。
  • 在所有物联网设备上保持所有结构化数据、元机器人标签和技术网站数据的通用性。

请记住,移动优先索引意味着搜索引擎将主要抓取您网站的移动版本。如果您的移动网站内容匮乏,那么您的桌面网站再怎么优化也无济于事。

这两种方法都不会产生您想要的搜索引擎优化效果。

了解移动可用性与移动优先索引之间的区别

移动优先索引和移动可用性经常被互换使用。事实上,这两个词并不相同。

移动可用性是指网站在移动设备上的性能。正如我们之前所解释的,移动优先索引是谷歌优先抓取移动网站版本,而不是桌面版本。

需要注意的是

如果您的网站对移动设备不友好,并且存在大量移动可用性问题,那么它仍然会被 Google 索引。例如,假设您经营一家餐馆,其中一个菜单页面是 PDF 文件。

当然,PDF 文件很难在移动设备上阅读和浏览。不过,如果信息量足够大,谷歌仍然可以通过移动优先索引抓取信息。

最终,如果您的网站有足够的内容可供移动优先索引,智能手机上的 Googlebot 就会自动抓取您的网站。不过,您还是需要先解决网站的移动可用性问题。

加快网站速度

用户在任何网站上花费的平均时间为 54 秒

没有人有一整天的时间来等待您的网站加载。毕竟,他们只需几秒钟就能访问数十亿个其他网站。

因此,提高网站速度至关重要,这不仅是为了移动用户,也是为了搜索引擎优化。

缓慢的网站加载时间会影响网站的停留时间和跳出率。这些指标可以估算出人们在网站上停留的时间,或者什么都没做就离开的时间。

如果这是因为您的网站速度太慢造成的,Google 就会注意到并在 SERP 中降级您的网站。为了避免这种情况,您可以通过网站审计来检查和监控网站速度。

您可以使用 Ranktracker 进行全面的网络审计,以衡量网站在移动设备上的运行速度。

优化网站,实现懒加载内容

懒加载内容在大多数现代网站上都很常见。新闻出版物使用这种类型的内容,在你向下滚动其网站时不断填充更多的故事。

体育新闻出版商 ClutchPoints 允许用户点击 "更多故事 "按钮,阅读特定体育类别的更多新闻文章:

Lazy Loading content (图片来源)

懒加载内容的原理是只在用户需要时才显示内容。通过减少谷歌抓取的不必要代码行,它可以提高网站速度。

此外,懒加载还能为用户体验增添亮点,减少网站页面内容对移动用户的影响。但问题是,懒加载内容会给搜索引擎索引带来挑战。

以 ClutchPoints 为例。

当然,如果您点击 "更多故事 "按钮所能搜索到的故事还没有出现在谷歌索引中,那么谷歌也无法对这些故事进行索引。

您可以通过确保您的网站允许分页加载来解决这个问题。这样,即使像 ClutchPoints 这样使用无限滚动,Google 等搜索引擎也能注意到网站的所有内容。

注意广告位置不当

如果您使用的是 Google Adsense,那么一定要注意广告在网站移动版本上的显示方式。

移动设备显示的是响应式显示广告(RDA),而不是在台式电脑上看到的更常见的广告。

例如,以下是典型的桌面广告:

Watch out for improper ad placement (图片来源)

下面是它们在移动设备上的样子:

here's what they'd look like on a mobile device (图片来源)

在移动设备上重复使用桌面显示广告是不可取的。以下是创建移动 RDA 时应遵循的一些最佳实践:

  • 指导您的搜索引擎优化团队和开发人员使用 CSS 和 HTML 标记,根据不同的展示尺寸调整您的广告
  • 标题和正文简明扼要
  • 尽量避免在图片上添加文字
  • 创建多种尺寸的广告图片

确保您的网站符合 ADA 标准

美国有6100 万残疾人。拥有一个无障碍网站意味着要为可能有听力障碍、色盲或其他隐形残疾的用户提供便利。

能与您的网站互动的人越多,他们就越有可能留下来并实现转化。这一概念对于移动优先索引非常重要。

让所有用户都能访问您的网站,而不仅仅是残疾用户。除其他无障碍功能外,移动友好型网站还具有使用简单、内容结构清晰、为图片提供替代文本等特点,能为客户提供更好的体验

追求网站的无障碍性不仅是一项道德准则,也是一项明智的商业决策。必须认识到确保无障碍性的法律意义。例如,《美国残疾人法案》(ADA)等法规对美国公司产生了影响,规定其网站必须与实体场所一致,为所有访问者提供全面的体验。

您可以使用免费的网站可访问性检查器,如 accessiBe,它可以准确评估网站当前的可访问性状态,以确定其是否符合当前的规定。

website accessibility checker 图片来源

遇见Ranktracker

有效SEO的一体化平台

每个成功的企业背后都有一个强大的SEO活动。但是,有无数的优化工具和技术可供选择,很难知道从哪里开始。好了,不要再害怕了,因为我已经得到了可以帮助的东西。介绍一下Ranktracker有效的SEO一体化平台

我们终于开放了Ranktracker的注册,完全免费!

创建一个免费账户

或使用您的证书登录

使网站更易访问的其他方法包括:

  • 在网站上使用一致的颜色。确保避免使用非常鲜艳、难以阅读的霓虹色。
  • 为图片添加替代文字,以方便使用屏幕阅读器的残障人士。
  • 采用清晰的内容结构,以便用户快速、轻松地找到重要信息。

一旦您采用了其中一些最佳做法,请根据《美国残疾人法案》(ADA)检查您的网站是否合规。如果您的网页得分合格,您就可以开始使用了。

Access Scan (图片来源)

开发一个无障碍网站可确保所有人都能参与、了解并准备转化。

主要收获

总体而言,移动优先索引为网站在互联网上的外观和性能设定了更高的标准。搜索引擎现在主要关注的是网站如何为移动用户提供服务。

按照本指南,应能更清晰地了解如何管理移动友好型网站,并满足更多移动用户的需求。

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

开始使用Ranktracker...免费的!

找出阻碍你的网站排名的原因。

创建一个免费账户

或使用您的证书登录

Different views of Ranktracker app