Google发布了一个新的开发人员页面,用于使用JavaScript生成结构化数据。 该指南提供了有关如何正确执行操作的指南,以使其在Google搜索中胜出。
新指南指出,有两种方法可以使用JavaScript生成结构化数据。
Google的Martin Splitt在LinkedIn上宣布了Google的新JavaScript结构化数据指南
开发人员页面讨论了使用JavaScript生成结构化数据的三种方法
- Google跟踪代码管理器
- 自定义JavaScript
- 服务器端渲染
JavaScript在网站开发中起着越来越重要的作用。 关于如何使用JavaScript动态生成结构化数据的指南将大有帮助。
Google跟踪代码管理器(GTM)
Google列出了使用GTM动态生成结构化数据的六个步骤:
- “在您的网站上设置并安装Google跟踪代码管理器。
- 将新的自定义HTML标记添加到容器。
- 将所需的结构化数据块粘贴到标签内容中。
- 按照容器管理菜单的“安装Google跟踪代码管理器”部分所示安装容器。
- 要将标签添加到您的网站,请在Google跟踪代码管理器界面中发布容器。
- 测试您的实施。”
自定义JavaScript
Google列出了使用自定义JavaScript开发JavaScript结构化数据的三个步骤
- 查找您感兴趣的结构化数据的类型。
- 编辑您网站的HTML,以包含如下所示的JavaScript代码段(请参阅CMS或托管服务提供商的文档,或询问您的开发人员)。
- 使用丰富结果测试进行测试
Google文档只说要使用Rich Results Test对其进行测试,可能是因为它同时执行两项操作:
- 测试是否有资格获得丰富的结果
- 检查结构化数据是否通过验证
Google还提供了结构化数据测试工具 ,可以测试结构化数据是否有效,但不会提供有关丰富结果的反馈。
丰富结果测试工具除了显示结构化数据是否符合丰富结果外,还显示警告和错误,从而起到双重作用。
Google的Rich Results Test中提供了两种测试结构化数据的方法。 第一种方法是输入URL,以便Google抓取页面并提取结构化数据并对其进行测试。
第二种方法是直接输入代码。
Google建议使用URL输入,建议不要使用代码输入。
这是Google对测试JavaScript动态生成的结构化数据的建议:
“我们建议您使用URL输入而不是代码输入,因为使用代码输入时存在JavaScript限制(例如,CORS限制)。”
在此处阅读Google的新文档:
使用JavaScript生成结构化数据
更多资源
- SEO和JavaScript:好的,坏的和不确定性
- SEO的现代JavaScript入门
- 谷歌的马丁·斯普利特(Martin Splitt)使用无限滚动索引页面