2014年，Google 正式宣布，由于抓取页面中存在的JavaScript 代码的执行，它将开始更好地理解网站。这一公告标志着搜索引擎此前对网站的解释方式发生了划时代的变化。
在网络发展的早期
Google 仅限于“读取”其分析页面的 html 内容，完全忽略 CSS 和 JavaScript 等其他代码（这些代码的使用极少）。随着时间的推移和日益动态的网站的出现，仅仅扫描 HTML 内容不再能让搜索引擎正确理解用户在网站上的体验。
因此，从 2014 年开始，Google 适应了慢慢成为标准的内容，并决定开始完全显示网站，同时考虑到源自 JavaScript 或 CSS 代码执行的所有附加元素。
这种新方法也对SEO产生了重大影响，在此之前，SEO 并不看好基于 JS 或衍生产品的技术的使用，因为它们很难与 Googlebot（和其他人）对网站抓取活动的正确管理相协调。
随着 Google 今天所做的更改
可以以更轻松的方式使用某些 JavaScript 元素，例如选项卡内容（对用户隐藏部分文本）或通过 JS 管理的链接。从这个意义上说，由于 JavaScript以及利用与 DOM 交互的代码的使用，管理某些类型的 SEO 元素也成为可能。
SEO实验：使用Google Tag Manager动态管理Title标签
充分利用该系统的方法之一是使用 Google 跟踪代码管理器。
基本思想是通过组合页面
上存在的一系列信息来（重新）编写文章的动态标题（然后显示在 SERP 中） 。
就我而言，有问题的信息是：
文章标题（仅页面的h1元素）；
文章作者的姓名。
我们为客户提供可靠的产品或数据库。这样他 墨西哥电话号码数据库 们就可以开始一项有利可图的业务。我们在工作中牢记这一点。我们始终努力确保他们不会因从我们这里购买产品而感到失望。您可以使用墨西哥电话号码数据库开展业务。您可以在我们这里找到墨西哥电话号码数据库。
为此，我使用了一个自定义 HTML 标签，该标签从页面的 DOM 中获取信息，将其组合并替换为页面上已有的标题标签。
插入以下脚本
根据模板的结构替换选择器：
当浏览器开始查看我网站的此页面时，将执行上述代码。页面一开始加载用 html 编写的实际标题（并通过 Yoast SEO 管理）。
当执行 JavaScript 代码时，标题将 数字名片的 8 大好处（及其使用方法） 替换为动态管理的新标题。
要查看新标题，您可以使用 Google Chrome 控制台
警告：如果您查看页面的 html 代码，您将继续看到原始标题，因为 JS 代码仅在浏览器窗口级别进行交互。
实验结果
通过 Google 跟踪代码管理器插入脚本首次于 2017 年 10 月 24 日完成。这是 Google 在 10 月 24 日显示的片段。
为了尽快测试更改的有效性，我使用Google Search Console 中的“ View as Google Tool”来“强制”Googlebot 抓取该页面。
在接下来的几天里，该片段保持不变。我多次尝试重新抓取页面，直到 Google 在 10 月 31 日开始显示新标题。
要复制实验
请转到 Google 跟踪代码管理器，并通过设置页面视图触发器来创建自定义 HTML 标记，其中页面视图触发器包含一个（或多页）您想要替换标题标记的位置（在我的实验中，我尝试使用单个页面）。另一方面，这种方法容易出现各种问题：页面渲染速度变慢，在不执行JS代码的浏览器中效果不佳，SEO方面的结果难以控制。
不久前
我讨论了如何使用 Google 跟踪代码管理器将结构化数据注入网站而无需在代码端实现的主题。今天，我想演示一个简单的 SEO 实验，在该实验中，我尝试借助 JavaScript 和 GTM 动态管理网站页面的标题标签。
实验证据
虽然我的测试有效，但使用此方 美国电子邮件列表 法并不能 100% 确定 Google 会正确显示元标记；
我的建议是直接在页面模板中管理 SEO 信息（标题、元描述、标签等）；
通过 Google 标签管理器动态管理 DOM 中存在的信息的方法的优点是能够快速修改网站，而无需更改代码，也无需依赖开发人员（如果网站不是由我们管理，则非常方便） 。
