全国电子音乐交流中心

就SEO而言,渐进式网页应用是否比原生应用更好?

互联网营销官CMO2019-06-11 16:42:03

【小福利】关注微信公众号,在微信公众号回复“干货”二字,可获得CCMO为您精心准备的多套互联网营销干货和行业报告。

CCMO资讯团队   者:苏双双   审校:高文宁

智能手机和平板电脑把应用程序优化后的内容传达给客户。

当然,用户必须先在自己的智能手机上安装应用程序。但是如果客户要这样做,往往就倾向用提供友好用户移动体验的品牌。

现在,这里有两个应用程序:渐进式网络应用和原生应用。

本文将讨论渐进式Web应用程序和原生应用程序两者之间的差异,并且在SEO角度看哪个版本更好。

原生应用

必须为特定的操作系统开发原生应用程序。一方面,这意味着更多的开发成本,但从技术角度而言也是明智的,因为原生应用程序可以充分利用操作系统。

这些应用程序以最佳方式使用诸如相机或传感器等硬件,因为它们对该操作系统进行了优化。

原生应用的其他优点

  • 本地应用程序可以在移动设备上保护数据(达到可用存储空间的限制)。

  • 采用付费式原生应用,公司的销售额通过合适的应用商店增加,开发成本能得到弥补。

  • 原生应用程序托管在供应商的商店中,所以开发人员就不必直接处理分销了。

  • 安装后,应用程序图标自动在主屏幕上显示。

但是,原生应用带来的也不全是好消息。例如,不同的应用程序版本必须同时开发、发布和维护各种操作系统。应用程序每个操作系统必须通过应用商店更新

原生应用的主要缺点是成本高。成本不仅涉及应用程序开发,还有程序维护。此外,CMS继续使用,必须不断关注,持续更新。

原生应用程序是Google,Apple或Microsoft相应应用程序商店中列出的所有应用程序,用户可以下载。原生应用程序常见的用途包括手机游戏、在线商店移动版本,或由供应商和公司提供的很少出现在网站上的特殊服务。

公司核心原生应用程序完美的案例是Instagram或WhatsApp。外包服务的案例则是雅虎的天气应用。

渐进式网页应用(PWA)

Google提出了渐进式网络应用。但是这不是真正意义上的应用程序,而是适用于输出设备或浏览器的一个修改后的网站。 PWA的工作原理基于渐进式增强(即网站可以逐渐调整到终端设备的技术设置)。

渐进式网络应用程序的开发基于开放Web标准。因此,CSS标注被分开; 同样,内容和设计也相互分离。

即使JavaScript与这两个元素分离,但是所有内容始终可用,并且可以在设备上显示。同时,最小化PWS能保障独立性,无论是输出设备还是浏览器都支持JavaScript或CSS,。

如果访问渐进式Web应用程序,那么shell作为基础在设备或浏览器缓存重保存。然后,核心元素可以立即加载。

应用程序shell由网站工作所需的绝对最小HTML、CSS和JavaScript组成。这一组代码可以在设备上提供用户界面,并且通过API动态加载内容。

与移动网站相反,PWA具有很多原始应用程序的特点。基本上,渐进网络应用程序将原生应用程序响应更灵敏,移动优化网站的优势结合了起来。

PWA和原生应用程序都有以下特点:

  • 应用程序可以向用户发送推送通知。

  • 应用程序使用图标在手机屏幕上存储。

  • 没有网络连接或网络缓慢的时候,许多PWA功能都可以使用。

然而,硬件集成方面PWA也有缺点。例如,指纹传感器或蓝牙无法集成到其功能。

目前,渐进式网页应用不完全支持,苹果iOS还存在更多问题,。因此,PWA只能在Android设备上使用而专业应用程序就可以使所有可能和可用的功能工作。

渐进式网页应用相对原生应用的优势:

  • 编程不需要单独的代码库,因为PAW也可以用HTML5开发。

  • 可以在Google搜索中找渐进网络应用程序,因为它们完全可用索引。

  • 更新不必通过应用商店运行。相反,Web应用程序可以在服务工作者的帮助下提升到最新标准。

  • PWA也可以离线使用,因为它们将内容和功能加载到适当设备的缓存里。如果网络连接再次可用,功能和内容就能与服务器同步。

  • 开发成本明显低于原生应用程序。这与所有平台都能运行PWAs有关,不同终端设备不需要单独版本。

  • 无需存储应用程序的操作,用户不必安装任何东西,因为应用程序的功能是通过浏览器实现的。

  • 用户可以轻松地在应用程序之间切换并共享PWA的内容。同样,点击链接和跳转到另一个网站时断点也更少。

  • PWAs立即加载,因此相比原生应用程序,明显缩短了加载时间。

  • SSL经过加密与渐进式网络应用程序进行连接,因此网络连接比传统应用程序更安全。服务器必须为此设置。

  • PWA可响应和适用于每个输出设备。

渐进式Web应用程序的使用可能性

PWAs基本上可以使用原生应用程序相同的功能,因为它们可以访问终端设备的硬件。实际上,应用程序传达更改后的内容,不需要重新安装或通过应用商店的进行更新。

其中包括新闻网站或谷歌开发的天气应用程序。

即使Flipboard号召使用渐进式应用程序,与正常的移动网站一样,浏览器最初用于执行此操作。

之后,用户收到通知,询问他们是否要将PWA保存到主屏幕。

结果看起来像原生应用程序的图标,然而,图标更像书签,因为PWA是一个修改后的移动网站。

您将在网站pwa.rocks上找到更多当前PWA的例子。

PWAs重要发展方面

对于开发,网站管理员需要来自Google PWA的codelab。第一个PWA可以在Firebase平台的基础上设计。

该平台由Google于2014年接管,为改变PWA的功能和设计提供了许多可能性。同时,该应用可以面向不同目标群体。此外,测试非常简单。

还可以用Firebase跟踪应用程序。因此,Firebase应用程序可以与GoogleAnalytics关联。

查看GoogleChrome开发人员Addy Osmani 编写渐进式应用程序的详细介绍。

从SEO角度来看,哪个版本更好?

目前为止,应用搜索引擎优化(SEO)仅限于适当的应用商店和应用索引的友好列表里。借助Google引入的应用索引,用户使用Google搜索应用程序,可以收到Google搜索中直接引用已安装应用内容的链接建议。

但是,必须为此对网站源代码进行编辑。然后,深度链接插入头部区域,从而引出应用程序相应的子页面。

必须为iOS和Android分别创建深层链接。此外,还可以集成到XML站点的地图中,使Googlebot能够识别它们。

随着渐进式网络应用程序的进一步发展,SEO有很多可能性。

例如,一个很大的优势就是应用程序通过链接与你共享,并且可以通过浏览器调用。搜索引擎也可以索引这些链接。因此,有可能在SERP中列出PWA的各个URL。然而,这仅适用于移动的SERP,因为这种形式的应用程序绝对是面向移动终端设备的。

即使应用程序索引提供了索引原生应用程序内容的可能性,必须满足某些要求才能使用户受益。因此,用户必须实际安装应用程序才能点击应用中的目标站点,否则就必须先安装该应用。此外,源代码必须调整,还需要额外费用。

总结

渐进式网络应用程序仍处于开发和分发的早期阶段。到目前为止,只有少数几家公司在使用。

但是,如果像过去几年一样,手机使用量持续增长,那么最后你可能都不会问“原生应用程序或PWA”,而你只会问自己是否需要网站或需要一个网络应用程序。

但是只有那天到来时,才可以说PAWs是对移动网站的渐进式加强。


【译者简介】

苏双双,毕业于对外经济贸易大学,有6年外企工作经历,4年跨境电商工作经验,精通跨境电商运营,目前就职于深圳垦鑫达科技有限公司。

【审校简介】

高文宁,热情浇灌祖国花朵的园丁,努力向上打不死的小强,心向往,脚到达,CCMO志愿者一小枚。

【关于互联网营销官CMO】

互联网营销官CMO是一个公益性组织,致力于打造国内领先的互联网营销领域人才交流讨论的平台,定位于助力互联网营销领域的人才互帮互助,共同成长为首席互联网营销官(Chief Marketing Officer)。为未来的互联网营销官CMO们提供互联网营销行业最新最前沿的营销干货和行业资讯、涵盖互联网营销领域的SEO、SEM、PPC、网盟营销、EDM营销、红人营销、大数据营销、场景营销、O2O营销、事件营销、病毒营销、口碑营销等众多互联网营销方法和手段。

互联网营销官CMO目前正在发展壮大,欢迎对互联网感兴趣的小伙伴们加入这个温暖有爱的大家庭,欲了解报名请戳:互联网营销官CMO招聘志愿者