回到主页

seo优化-如何使用Google跟踪代码管理器实现语义标记

seo优化

在这一点上,结构化数据是一种核心SEO策略。

它不仅为搜索优化消除了一层歧义(它们不必推断出一条数据是什么;你是直接告诉它们的),它也是推动丰富结果的引擎,它正在增加SERP中的房地产数量。

支持语音的搜索的出现使结构化数据成为搜索营销推广人员工具集中更重要的一部分。与结构化数据使搜索引擎能够在SERP中提取和再现丰富数据的方式大致相同,同一实体提取和再现是语音搜索结果的核心。

不幸的是,通过语义标记实现结构化数据可能既耗时又令人沮丧。直到最近,实现语义标记的唯一方法是通过将Schema.org中的HTML属性添加到页面的现有HTML 来实现内联。

为了大规模这样做,这在历史上需要对页面主题或模板进行更改,这可能是一个很大的开发问题,具体取决于网站的设置。

此外,内联标记本质上与表示层绑定:您无法标记页面上没有的数据(除了使用明智的元标记),如果两条信息不是'如果不是不可能的话,在一个itemScope标签中将它们链接在一起可能很困难。

令人高兴的是,努力将我们的数据变成易于标记的形式的日子已经过去了:现在可以使用JSON-LD在几分钟内添加结构化数据。Google和Bing完全支持此标记; 实际上,Google建议通过JSON-LD而不是内联商家中心帐户添加结构化数据。

为了清晰有效的说明,我们将在第一个“静态JSON-LD部分”中使用一个相当简单的用例。一旦我们到达“Dynamic JSON-LD”,我们就会变得更先进。

要知道即使是更高级的例子也只是冰山一角; 当涉及Google Tag Manager注入的结构化数据可以支持的复杂程度时,几乎没有任何限制。

静态JSON-LD
静态JSON-LD可以添加到相关页面的<head>,或者使用插件插入,但在我看来,最简单(也是最灵活)的实现方式是通过Google跟踪代码管理器(GTM)。

第一步:编写JSON-LD
如果您不熟悉JSON-LD,您可能需要阅读或快速学习以熟悉基本概念。谷歌的结构化数据简介是一个很好的起点。根据您使用的模式类型,schema.org还可能包含该项类型的JSON-LD标记示例。

在初始脚本标记(告诉浏览器“这是一个JSON-LD脚本”)之后,您可以看到我们脚本的层次结构:

“@context”指定了什么语义词汇表(它作为机器的共享词典)我们将数据链接到 - 在这种情况下,指向schema.org词汇表。
“@type”是我们引用的schema.org中的特定架构或实体类型。它相当于内联标记中的“itemtype”。
从那里,我们可以按名称直接引用模式中的特定属性。这相当于内联标记中的“itemprop”。
请注意,当我们引用诸如Place之类的子类型时,我们需要单独调用该@type,并将该子类型放在其自己的括号集中,以指示哪些嵌套属性属于所述子类型。

不要忘记在每个属性之后加一个逗号,除了最后一个属性在结束括号之前,否则你的代码将无法正确解析(并且通过代码搜索找到丢失的逗号很烦人)!

编写代码后,请在Google优化的结构化数据测试工具中对其进行测试,以确保所有内容都很好,并且您没有任何缺少的必需属性。

第二步:创建一个触发器
在Google跟踪代码管理器中,我们要创建一个触发器,以便我们的JSON-LD标记标记将在我们希望它触发的页面上触发 - 在上面的示例中,它将位于具有Radiation City事件的Typhoon的页面上。

创建触发器:

类型:页面视图
开启:一些页面浏览量
在以下情况下触发此触发器:页面路径等于目标页面的URL

第三步:创建标签
现在是时候创建将在我们的目标页面上触发并注入我们的JSON-LD结构化数据的标记。

创建标记:

类型:自定义HTML
HTML:粘贴JSON-LD代码,确保包含开始和结束脚本标记。
触发:使用步骤2中的触发器。

第四步:发布和测试

发布代码后,将页面网址重新放回结构化数据测试工具,以验证Google是否可以解析并理解它。

瞧,你做完了!

动态JSON-LD

如果您不是每天都在网站上添加新页面,并且那里的页面不会经常更改,那么通过静态JSON-LD的结构化数据可能就是您所需要的。

对于电子商务网站这样的网站,可能有数千种产品的价格和可用性可能会发生变化,但静态JSON-LD只是不可扩展。我们需要有点花哨。

第一步:通过CSS选择器创建变量

由于我们希望此脚本是动态的,因此我们需要使用GTM变量来查找我们需要的数据,并为它们提供脚本可以理解的名称。

创建一个新的(用户定义的)变量。在这个例子中,我们创建一个变量来获取产品名称:

  • 为变量赋予一个与众不同的名称,例如“dataPoint - Product Name”; 稍后你会通过这个名称再次参考它。
  • 类型:DOM元素
  • 选择方法:CSS选择器
  • 元素选择器:元素的唯一CSS选择器。在此示例中,元素的类是product-name,因此选择器是.product-name。

对需要提取的每个属性重复此步骤,以使结构化数据有效。

第二步:在函数表达式中拉到一起
不幸的是,我们不能只将我们的变量弹出到我们的JSON-LD代码中并将其称为一天。Google跟踪代码管理器会插入JavaScript以返回其变量,并且JavaScript将使我们的代码无效。

相反,我们需要将JSON-LD IN包装成一个函数表达式,它将首先拉出变量,然后将min合并到一个JavaScript对象,最后将一个完整的JSON-LD脚本标记插入到页面的头部。

自定义HTML标记(在GTM中)中的完成脚本应如下所示:

可能需要进行一些调整和摆弄才能完全按照您的方式提取数据; 幸运的是,GTM的预览功能可让您在部署之前尽可能多地进行测试。

JSON-LD标记和AMP
遗憾的是,您无法使用GTM将JSON-LD结构化数据注入AMP页面。AMP的GTM容器与AMP的大部分内容一样,都是自己的精简版本。它们不支持自定义HTML标记或自定义JavaScript变量,因为它们可能需要很长时间才能加载。

如果您的网站使用AMP,您可能需要考虑内联标记。

一旦你掌握了这种方法,你就会发现实现结构化数据已经从耗时的标记中增加了内联标记和打扰你的开发人员,以及你可以在几分钟内创建和部署的东西。

最重要的是,使用JSON-LD的标记完全验证,获得丰富的片段,现在Bing和Google都支持 - 所以如果您认为它适用于您的网站优化,则没有理由不尝试它。

所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的