那么,我们该怎么做呢?我们可以使用 JavaScript 代码创建标签并将其插入到 <head> 中,如本文所述,但采用适合规范标签的格式: <脚本> {{页面 URL 规范}}; document.head.appendChild(c)Û </脚本> 然后,我们可以在“所有页面”触发器上触发它。
听起来太容易了
不是吗? REL 规范 我们如何检查我们的 rel 规范是否正常工作? 很简单:检查页面上的 电话号码数据 是否正确生成。 我们该怎么做呢? 通过在 Chrome 中查看 DevTools 控制台,或使用 Firebug 等浏览器插件,该插件会返回 DOM(文档对象模型)页面上生成的代码。
我们在源代码中
找不到它(Ctrl+U)。 以下是逐步执行此操作的方法: 打开 Chrome。 按 F12。 单击控制台中的第一个选项卡(元素)。 元素选项卡 按 Ctrl+F 并搜索“Canonical”。 如果 URL 正确出现在 <head> 末尾,则表示标签已由标签管理器正确生成。
标签已正确生成
就是这样。舒服吧? 那么,你有什么想法? 您还使用 Google SEO 吗?您为什 果将显示该城市部分住宿的标 么不给我们一些例子来说明它何时有用(或何时无用)? 渐进式网络应用程序。啊,是的,谷歌会让你相信的东西是甘地和邓布利多的结合,来拯救世界免遭缓慢得令人痛苦的网站TM的恐怖。
但 PWA 到底是什么?
你应该拥有一个吗?如果你确实创建了一个,你如何确保它被分类?好吧,请继续阅读以了解…… 什么是 PWA? 鉴于谷歌提出了这个术语,我想我们应该从他们的定义开始: “渐进式 Web 应用程序使用先进的 Web 功能来提供类似应用程序的用户体验。
” – 渐进式网络应用程序
PWA 真正有趣的一点是:它们可以让应用程序开发不再那么重要。您的移动 购买电子邮件列表 网站成为您的应用程序。在与Builtvisible的一些同事交谈时,出现了一个有趣的讨论点:品牌需要应用程序和网站,还是PWA? 为了澄清这一点,这意味着我们希望推送通知、后台同步、站点/应用程序能够离线工作、具有特定的外观/设计以感觉像本机应用程序,并在设备的主屏幕上进行设置。
这些是我们传统上无
法在网络上获得的东西。但由于新的浏览器支持越来越多的 HTML5 功能以及 JavaScript 的进步,我们可以开始构建其中一些功能。总的来说,渐进式网络应用程序是: 进步 无论选择何种浏览器,都适用于每个用户,因为它们是以渐进增强为核心原则构建的。