• 主页
  • 文章
  • 营销学
  • 渐进式 Web 应用程序 (PWA) 是否有利于 SEO？ （带有统计数据和示例）

渐进式 Web 应用程序 (PWA) 是否有利于 SEO？ （带有统计数据和示例）

已发表: 2019-05-04

正如 Google 的高级软件工程师 Alex Russell 所说，在一个越来越依赖于他们的移动设备和随附应用程序的世界中，创造旨在“模糊 Web 内容和应用程序之间的界限”的体验才是有意义的。

过去几年有一些事情非常清楚：如果您有在线业务，则需要将您的业务设为移动优先。 其次，如果您希望将其转化为美元，您的移动体验需要流畅且无摩擦。 最后，智能手机用户非常善变，尽管 2018 年下载了超过 1130 亿个应用程序，但用户每天仍然经常使用大约 9 个应用程序。

所以，你需要在手机上。 您需要在移动设备上表现出色。 人们可能不会定期下载和使用您的应用程序。
是的，我说的是渐进式网络应用程序或PWA 。

渐进式 Web 应用程序在搜索引擎优化人群中很受欢迎，因为它们为在线营销提供了巨大的前景。

关于上面的问题，是的，Progressive Web Apps 确实有利于 SEO 。 但是 PWA 对 SEO 有什么好处呢？ 让我们在这篇文章中找出答案。

目录

什么是 PWA？

用最简单的话来说，PWA 是一个适合移动设备的网站，其行为类似于应用程序，但无需下载即可使用。 用户可以选择将 PWA 保存到他们的手机并像应用程序一样启动它，但这完全是可选的。

Starbuck Progressive Web App 示例

PWA 带来了许多好处，同时克服了同时构建和维护移动网站和移动应用程序的固有缺点。

您可以通过这篇文章深入了解 PWA 的定义及其奇特的功能： “什么是 PWA？ 所有你需要知道的关于渐进式 Web 应用程序”

PWA 的四大关键技术

由于使用了 PWA 工作所需的四种技术，所有这些都是可能的：

  1. Web 应用清单文件（允许主屏幕访问）
  2. 服务工作者（用于离线支持）
  3. 传输层安全 (TLS)（确保隐私和数据完整性）
  4. 应用程序外壳架构（允许快速加载时间）

与原生应用程序和响应式网站相比，渐进式网络应用程序提供了很多好处：

比较
资料来源：一北

Google 会抓取 PWA 网站吗？

Progressive Web Apps 利用了 JavaScript 的灵活性，这意味着 Google 将单个发布的页面视为一个 JavaScript 站点。 可能会为 PWA 创建一个新 URL，因此 Googlebot 将继续抓取该页面，就像它对网络上发布的任何其他页面一样。

Google 确实像抓取 AJAX 或 JavaScript 网站一样抓取 PWA 网站，但有一些问题可能会影响“可抓取性”——因此开发人员需要了解如何优化网站以确保页面被正确编入索引。

Google 的 SEO 推荐的渐进式 Web 应用最佳实践

Google 的 John Mueller 早在 2016 年 3 月就提供了关于 Google 如何处理 PWA 和 JavaScript 网站的详细更新。

在帖子中，他强调了以下几点：

  • 不要伪装成 Googlebot。 开发人员使用特征检测和渐进增强技术非常重要，这样所有用户都可以访问内容。 重定向到不受支持的浏览器页面也不是一个好主意。
  • 从多个 URL 提供内容时使用 rel=canonical，这样您就不会犯重复内容违规行为。
  • 避免在新站点上使用 AJAX-Crawling 方案。
  • Googlebot 不会将带有“#”的 URL 编入索引。 许多渐进式 Web 应用程序在其 URL 结构中使用井号，这意味着搜索引擎将删除 # 之外的所有内容。 解决这个问题的唯一方法是使用传统的 SEO 规则实现 URL 结构。 对于某些网站和公司来说，这可能很棘手，但这是我们前进的必要步骤。
  • 测试以查看 Googlebot 如何查看页面。 您可以使用 Google Search Console 的 Fetch and Render 工具以与 Google 看到的完全相同的方式查看您的网站。
  • 确保所需资源未被 robots.txt 阻止。
  • 减少页面中嵌入资源的数量（尤其是呈现页面所需的 JavaScript 文件数量），因为这些资源可能未完全加载。
  • 使用 Accelerated Mobile Pages (AMP) 时，请使用准确的站点地图文件来指示您网站的任何更改。
  • 请记住，访问内容的某些搜索引擎和 Web 服务提供商可能不支持 JavaScript 或可能支持不同的子集。

此外，Lighthouse 是 Google 提供的用于 PWA 的有用工具。 该工具由 Google 创建，旨在提高网络应用程序的质量。 此工具将显示您的 Web 应用程序是否已准备好成为 PWA。 当您将您的网站添加到此应用程序时，Lighthouse 会根据四个标准对其进行衡量，并显示您应该解决的问题以提高您的 Web 应用程序的速度。

灯塔

所以，这就是 Exactly Progressive Web Apps 如何帮助 SEO

确实，PWA 可以显着改善您的自然搜索配置文件。

如何？

通过使您的用户体验比您的竞争对手更好。 至少比升级到渐进式 Web 应用程序之前要好。 当您提供出色的用户体验时，人们希望通过竞争选项访问您的网站。 当他们在结果中看到您的品牌时，他们会记得您给了他们他们想要的东西，并且体验是积极的。

SEO 知道点击率会影响搜索位置。 搜索者对结果的更多点击或投票，随着时间的推移，它会上升。

但这只是您可以衡量的一个指标。 您为使您的网站成为最佳网站所做的所有小事都会创造出超越信息的体验。 这将间接和直接影响您的SERPS ，并且通常是积极的方向。

更快的站点速度

这无疑是 PWA 最令人兴奋的功能之一。 企业可以通过使用移动开发最佳实践（例如提前缓存内容、压缩等）来定位可能处于数据连接速度较慢的用户，甚至是使用 PWA 离线的用户。

为什么要关心网站速度？ 因为它直接影响您的 SEO

谷歌的速度测试在不到一个月的时间内生效，与其他移动平台和原生应用程序相比，PWA 的最大优势可能是它们的速度更快。 不仅是谷歌需要更快的网站 - 它是您的用户！ 如果加载时间超过三秒，大多数用户会放弃移动网站。 （帮自己一个忙，在这里检查您的网站速度！）如果您的网站没有跟上速度，它们就消失了。

切换到 PWA 后，福布斯看到了巨大的速度提升，将他们的移动加载速度从 3-12 秒降低到 0.8 秒！ 因此，为了确保您的品牌尽可能接近 Google 搜索列表的顶部，是时候让 PWA 成为您的品牌移动战略的首选。

福布斯示例
福布斯 PWA 网站

更好的参与度

谷歌规定了网站需要满足的基本要求才能成为渐进式网络应用程序。 流畅的用户体验（包括轻松导航、及时推送通知、跨浏览器兼容性、跨所有设备的响应式页面）是一些重要的要求，这些要求也会导致参与度的增长。

PWA 可以以令人难以置信的方式模仿真实的移动应用程序。 使用 PWA，您仍然可以选择将其保存到主屏幕，它会像应用程序一样在您的设备上显示为图标，但您不必通过应用商店下载过程。 由于无需下载，PWA 所需的存储空间比原生移动应用程序要少得多。 星巴克创建的 PWA 是其原生应用程序大小的 0.4%！ 而且，内容更新会在刷新时自动发生，使用户无需动动手指（或点击烦人的“安装更新”按钮）即可访问最新的特性、功能和安全更新。

 推荐阅读：PWA vs Native App：哪个更适合你？

随着应用程序现在在他们的手机上，互动和参与的机会成倍增加，正如福布斯杂志在他们推出自己的 PWA 时所经历的那样。 每次有新内容可用时，都会通过推送通知通知用户。 凭借闪电般的页面加载时间、快速转换和轻量级页面设计，福布斯的 PWA 成功实现了以下目标：

  • 将滚动深度增加 3 倍
  • 将每位用户的会话数提高 43%
  • 阅读文章的读者数量增加 6 倍
  • 他们的参与率翻倍，这意味着参与度提高了 100%

对于像福布斯这样的出版网站，高参与度等于高转化率，这一切都归功于他们新的 PWA。

我们知道，会话持续时间、点击率和跳出率等网站参与度指标对搜索排名有直接影响。 正如拉里·金（Larry Kim）在这里展示的那样，网站停留时间与您的自然搜索排名有明确的相关性。 会话持续时间越长，您在 Google 上的可能排名就越高。

现场时间与自然位置

您可以在 Google 上的第一页打个招呼，这一切都归功于 PWA 及其卓越的网站参与率。

都是关于 URL 的

渐进式 Web 应用程序真正包含各种意义上的 SEO 最佳实践。 从清晰简洁的元描述到添加 Schema.org 数据，以便搜索机器人更好地索引和解析站点数据； 搜索优化的网站比其他网站更有可能削减 PWA。

PWA 不需要不同的“mobile.site.com”类型的 URL 来在移动设备上提供出色的体验。 无论使用什么设备，它们都会自动配置为提供一致的体验。

另一个好处是 PWA 必须启用 HTTPS。 这不仅会在自然搜索结果中提升您的网站，还可以让用户放心您网站的安全性，从而降低跳出率、更高的点击率以及可能更高的转化率。

每个页面都有自己独特的 URL，即使是深度嵌入的页面也很容易被搜索引擎抓取和发现。 每个页面的唯一 URL 还使在社交媒体和其他网站上共享页面变得更加容易，更不用说更透明的可跟踪性了。

通过使用服务人员进行预缓存，即使您的设备处于离线状态，PWA 上的所有 URL 也会加载。 这使在旧设备或网络连接不佳的用户上运行。

把它包起来

渐进式 Web 应用程序非常适合 SEO，因为它们旨在提供最佳的 Web 体验。 但就像其他任何事情一样，开发人员和营销人员可能会把事情搞砸。

遵循网络的最佳实践，您将获得巨大的自然搜索流量的好处。 这意味着让您的网站首先在移动设备上运行，在移动设备上快速运行，可在所有屏幕尺寸上使用，并且在页面 SEO 上具有声音。

PWA 可帮助您与客户建立持久的关系。 这是一个巨大的回报，但您还将体验到普遍的提升，例如自然搜索，因为您的网站将用户体验放在首位。

如果您遵循所有这些最佳实践，那么即使您不针对自然搜索流量，您也会成功。

是时候抓住这些线索并投资于将移动网络的易用性与移动应用程序的速度和用户友好性相结合的 PWA。 一个价格的两个是您使用 PWA 所获得的。 那么你打算什么时候建造你的呢？

探索 SimiCart PWA