Google 发布了一个新的开发人员页面,用于使用 JavaScript 生成结构化数据。 该指南提供了有关如何正确执行此操作的指导,以便在 Google 搜索中获胜。
新指南指出,有两种方法可以使用 JavaScript 生成结构化数据。
谷歌的 Martin Splitt 在 LinkedIn 上宣布了谷歌新的 JavaScript 结构化数据指南
开发者页面讨论了使用 JavaScript 生成结构化数据的三种方法
- 谷歌标签管理器
- 自定义 JavaScript
- 服务器端渲染
JavaScript 在网站的开发方式中扮演着越来越重要的角色。 关于如何使用 JavaScript 动态生成结构化数据的指南将非常有帮助。
谷歌标签管理器 (GTM)
Google 列出了使用 GTM 动态生成结构化数据的六个步骤:
- “在您的网站上设置并安装 Google 跟踪代码管理器。
- 将新的自定义 HTML 标记添加到容器中。
- 将所需的结构化数据块粘贴到标签内容中。
- 安装容器,如容器管理菜单的安装 Google 跟踪代码管理器部分所示。
- 要将标签添加到您的网站,请在 Google 跟踪代码管理器界面中发布您的容器。
- 测试你的实现。”
自定义 JavaScript
Google 列出了使用自定义 JavaScript 开发 JavaScript 结构化数据的三个步骤
- 找到您感兴趣的结构化数据类型。
- 编辑您网站的 HTML 以包含如下示例所示的 JavaScript 片段(请参阅您的 CMS 或托管服务提供商的文档,或询问您的开发人员)。
- 使用丰富的结果测试进行测试
谷歌文档只说用富结果测试来测试它,可能是因为它同时做两件事:
- 测试富媒体搜索结果的资格
- 检查结构化数据是否有效
谷歌也有 结构化数据测试工具 测试结构化数据是否有效,但不提供有关丰富结果的反馈。
富搜索结果测试工具除了显示结构化数据是否符合富搜索结果的条件外,还显示警告和错误,起到双重作用。
在 Google 的 Rich Results Test 中有两种测试结构化数据的方法。 第一种方法是输入 URL,以便 Google 抓取页面并提取结构化数据并对其进行测试。
第二种方式是直接输入代码。
Google 建议使用 URL 输入,并建议不要使用代码输入。
这是 Google 对测试 JavaScript 动态生成的结构化数据的建议:
“我们建议您使用 URL 输入而不是代码输入,因为在使用代码输入时存在 JavaScript 限制(例如,CORS 限制)。”
在此处阅读 Google 的新文档:
更多资源
window.addEventListener( 'load', function() { setTimeout(function(){ striggerEvent( 'load2' ); }, 2000); });
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && addtl_consent != '1~' && !ss_u ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', '
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'google-javascript-structured-data-guidelines', content_category: 'news web-development' }); } });