【小福利】关注微信公众号，在微信公众号回复“干货”二字，可获得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招聘志愿者