Google和Progressive Web Apps:移动体验和谷歌搜索引擎优化

移动营销 2018年04月26日

随着移动使用量的增加,和各公司不断开发适合移动设备的网站以确保最佳的用户体验,开发人员正在努力使移动网站尽可能的高效和实用。

去年,Google的开发人员创建了Progressive Web Apps,这是一种具有网站和移动应用程序功能的互动体验。在Google I / O 2016会议期间,谷歌负责该项目的软件工程师Alex Russell表示,渐进式Web应用程序“模糊了Web内容与应用程序之间的界限,但它们保持了Web的优势。”

从本质上讲,Progressive Web Apps在移动浏览器上提供类似APP应用程序的用户体验。用户可以与具有应用外观,感觉和功能的移动网页进行交互,包括推送通知,离线访问以及在设备主屏幕上添加快捷方式的功能,而无需访问应用商店。而且这些不仅能够在Chrome上实现,其他浏览器也开始支持Progressive Web Apps。

与任何新技术一样,它也存在可能影响SEO效果的限制和技术障碍。以下是关于Progressive Web Apps如何工作以及它们如何影响SEO的详细信息:

渐进式Web应用程序的工作原理
渐进式Web应用程序(PWA)的设计具有极快的加载时间,并消除了直接从网站访问某些类型的信息或功能所需的许多步骤。他们还具有内置的智能功能,可捕捉用户的行为和偏好,以便应用程序可以提供更加个性化的体验。

这些应用程序可以从浏览器选项卡进行访问,不需要任何安装或下载 - 用户可以通过与应用程序进行交互并存储个人数据来与应用程序“建立关系”。作为回报,该应用将发送推送通知,以便重新参与。当Progressive Web App在线发布时,它完全可链接并部署到支持HTTPS的主机。该应用将在用户在线或离线时,使用用户先前在线时缓存的数据。

在许多情况下,网站的移动版本本身就类似PWA,因为它允许在任何类型的屏幕上进行浓缩的用户体验,并且可以通过屏幕点击,轻扫或鼠标点击来访问各种功能。

渐进式Web应用程序的主要优势
 与传统的移动友好网站相比,PWA提供了许多优势,其中包括:

1. 推送通知,允许用户获取更新或消息的快速摘要或快照,而不是接收电子邮件更新或等待登录检查;
2. 脱机功能,允许应用程序继续在后台运行,并对用户的行为和活动“记笔记”,而无需用户直接与应用程序互动;
3. 高度响应的布局和更容易的导航;
4. 所有类型的硬件访问,包括地理位置,摄像头和麦克风以及屏幕方向访问;
5. 降低数据使用量,对于互联网接入速度缓慢或有网络限制的地区用户尤其重要; 
6. 所有互联网用户都可以访问,因为下载应用程序或支付应用程序的要求已完全消除。

Google是否抓取PWA网站?
渐进式Web应用程序利用了JavaScript的灵活性,这意味着Google将单个发布的页面视为JavaScript网站。可能会为PWA创建一个新的URL,因此Googlebot会继续并抓取页面,就像在网络上发布的任何其他页面一样。

Google抓取PWA网站就像抓取AJAX或JavaScript网站一样,但有一些问题可能会影响到可抓取性- 因此开发人员需要了解如何优化网站以确保网页得到适当的索引。

Google针对渐进式网络应用的搜索引擎优化建议
谷歌的John Mueller在2016年3月提供了关于Google如何处理PWA和JavaScript网站的详细更新。

在这篇文章中,他强调以下几点:

1. 不要对Googlebot隐瞒。开发人员使用功能检测和渐进式增强技术是非常重要的,这样所有用户都可以访问内容。重定向到不受支持的浏览器页面也不是一个好主意。
2. 提供来自多个网址的内容时,请使用rel = canonical,以便您不会犯有内容重复的违规行为。
3. 避免在新网站上使用AJAX抓取方案。
4. Googlebot不会使用“#”将网址编入索引。许多Progressive Web Apps在其网址结构中使用散列符号,这意味着搜索引擎将放弃#以外的所有内容。唯一的解决方法是使用传统的SEO规则来实现URL结构。对于一些网站和公司来说这可能会很棘手,但这是我们前进的必要步骤。
5. 测试Googlebot如何看到该页面。您可以使用Google Search Console的抓取和呈现工具来让查看您的网站与Google看到的方式完全相同。
6. 确保所需的资源不被robots.txt阻止。
7. 减少页面中嵌入资源的数量(特别是呈现页面所需的JavaScript文件数量),因为这些文件可能未完全加载。
8. 使用加速移动页面(AMP)时,请使用准确的站点地图文件来指示您网站的任何更改。
9. 请记住,某些搜索引擎和访问内容的Web服务提供商可能不支持JavaScript或可能支持其他子集。

结论
渐进式Web应用程序是下一代的在线交互,它们提供了全新的用户体验。为用户开发这些类似应用程序界面的公司,需要注意Google索引页面的固有局限性,并确保它们的编码正确。

在SEO方面,公司仍然需要利用最佳谷歌搜索引擎优化实践来开发强大的在线网站,以便用户寻找信息时可以轻松找到网站或品牌。通过这些,用户可以决定他们是想使用PWA还是仍然使用传统桌面版和移动版网站来完成会话。