Progressive Web App(PWA)是一种提供像原生应用程序的体验的 Web 应用程序，因其强大的能力和优秀的体验受到越来越多的开发者青睐。但是，对于开发者而言，只有优秀的技术并不足够，还需要考虑到技术与 SEO 之间的协同。那么在优化 PWA 应用，特别是在百度 SEO 优化方面有哪些技巧呢？
渐进增强
PWA 应用的核心就是让 Web 应用更像原生应用，但这并不意味着你需要在初始版本中就添加所有 PWA 功能。相反，渐进增强的策略有助于确保使用旧浏览器的用户也能访问到并使用你的应用程序。
同时，根据百度浏览器统计，截止2021年1月，Chrome 浏览器市场占比在中国大陆超过了70%，因此为了达到更好的用户体验并提高你的站点在百度的排名，你可以针对 Chrome 上较为通用的PWA技术要求先行实现，例如：
- 使用「Add to Home screen」让应用更像原生应用
- 安装后在本地离线运行（Service Worker）
- 快速启动（PWA Splash Screen）
- 通知提醒（Push Notification）
页面内容和外链的处理
对于 SEO，你需要特别关注你的 PWA 应用的所有页面和外网链接。一个良好的PWA SEO策略需要考虑以下几个方面：
1. 站内外链接的结构及合理化处理
- PWA站内链接的URL类型推荐采用静态化URL地址方案，较为利于搜索引擎的优化工作
- 对于页面存在动态URL的情况，必须要站内处理一些针对百度的URL组合规则，给出正确的URL根据规则静态化URL地址
- 外链社区经常出现与PC、移动端、App等 drei 很难对齐的情况，当外链入口将重定向到PWA应用的移动页面上后，可以采用“IP门户”的方式来实现PC和移动端的流通拼接联通。
2. 网页文件和图片的优化处理
- 网站的所有页面内容应该更加轻量，可以通过【压缩图片、CSS、JS文件，减少HTTP请求数量】等方式进行处理。
- 合理化处理 CDN 链接，例如启用 HTTP/2 or HTTP/3，精确控制服务器表现等等。
- 对于防盗链问题，可以再加入 HTTP Referrer 头（Referer），或者使用防盗链技术服务，以避免自己的资源被其他网站盗用。
3. 结构化数据
PWA应用的页面中的结构化数据非常重要，可有效地提高搜索引擎的识别度。为了便于搜索引擎获取PWA页面中的结构化数据，我们可以在页面中增加一些标准格式的元数据。元数据中可以包含一些网站的基本信息和相关内容，可以按照以下方式进行处理：
-- -------------------- ---- ------- ------ ---------- ---------- ------------- ----- ------------------ ---------- ----------- -- --- ------ ----- ------------- -------------- ------------------ -- ----- ------------------- ------------ ---- ----- -------- ------- ----- ------------------ ------------------ ----- ----------------- ---------------------------------- ----- ------------------------- ---------- ----------- -- --- ---- ----- -------- ---- ----- ----- -------------------- ------------ ------- ---- ------- -------
PWA推广方案
虽然 PWA 已经具备了很多类似原生应用的特性，但是其在推广方面却有着不少的缺点。毕竟 PWA 还是 Web App，因此，你需要特别关注一下推广问题，以提高搜索引擎的曝光度，并获得更多的流量和用户。
1. 注重百度 SEO 规则
如果你的网站对百度的 SEO策略 非常敏感，那么你的 PWA 应用也需要注重百度 SEO 规则。你可以关注以下方法来优化你的 PWA 应用：
- 使用 WoSign / Symantec 证书，以确保 HTTPS 安全性
- 为 PWA 应用提供一个 Sitemap 文件，以方便搜索引擎爬取
- 在 PWA 应用中增加 Robots.txt 文件，以规避搜索引擎的爬虫错误
- 注册并完善百度 Webmaster 平台账号，以抓取你的页面内容和结构，并提交你的 PWA 应用
2. 应用商店推广
当用户第一次访问你的 PWA 应用时，展示安装这个应用的费用或者介绍文案对提高 PWA 应用的安装量非常有好处。但如果想要真正地达到更好的推广效果，我们建议你还是考虑一下发布你的 PWA 应用到应用市场。
推广 PWA 应用到应用市场的最大好处就是可以利用应用市场的曝光度和广告推广功能。同时，应用市场也可以定向服务与归类，方便用户查找和下载，并且进行评分评价，提高百度 SEO 在应用市场中的排名，能够帮助你吸引更多的用户。
总结
开发 PWA 应用并不意味着你的工作已经完成了。当你将 PWA 应用推向用户的时候，你还需要考虑它的 SEO 问题。通过以上几点技巧，可以帮助你提高你的 PWA 应用在百度搜索中的排名，同时也能吸引更多的流量和用户，提高你的站点和 PWA 应用的竞争力。
深入了解和优化 PWA 技术方案，对前端工程师在 SEO 上也有不小的指导意义，帮助大家更有针对性地完善和优化自己的站点，为百度搜索体验做出更多的贡献。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649bf5dd48841e98948b989c