• 2018-04-26 16:00:00
  • 多谷网络

Google和Progressive Web Apps:移动体验和谷歌优化


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

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

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

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

渐进式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在其网址结构中使用散列符号,这意味着搜索引擎将放弃#以外的所有内容。唯一的解决方法是使用传统的优化规则来实现URL结构。对于一些网站和公司来说这可能会很棘手,但这是我们前进的必要步骤。
5. 测试Googlebot如何看到该页面。您可以使用Google Search Console的抓取和呈现工具来让查看您的网站与Google看到的方式完全相同。
6. 确保所需的资源不被robots.txt阻止。
7. 减少页面中嵌入资源的数量(特别是呈现页面所需的JavaScript文件数量),因为这些文件可能未完全加载。
8. 使用加速移动页面(AMP)时,请使用准确的站点地图文件来指示您网站的任何更改。
9. 请记住,某些搜索引擎和访问内容的Web服务提供商可能不支持JavaScript或可能支持其他子集。

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

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

运营中心:
东莞 / 深圳 / 广州 / 江门 / 佛山 / 上海 / 杭州 / 宁波 / 温州 / 南通 / 西安 / 武汉 / 长沙 / 济宁 / 桂林

立即行动,开启 Google 精准营销之旅

请联系您的营销顾问,获取定制报价单、客户案例及行业分析报告。