如何将文章架构标记添加到博客文章
已发表: 2021-07-19Schema 是一种用于帮助搜索引擎了解您网站内容的语言。 了解有哪些类型的架构,以及如何添加它们以使您的网站获得最佳展示机会。
当搜索引擎抓取您网站的页面时,他们试图了解每个页面的内容。 这是为了将它们编入索引,并在访问者搜索相关内容时将其提供给访问者。 为此,他们需要了解您网站上的所有 HTML 代码。 根据您网站的构建方式,这对他们来说可能容易也可能不容易。

Schema(也称为结构化数据、丰富片段或微数据)是一种被搜索引擎普遍理解的语言,非常容易理解。 本质上,模式以非常简单的方式告诉搜索引擎您的网站或特定页面的内容。
为什么要在博客文章中添加文章架构?
如果您正在编写出色的内容,那么您希望搜索引擎能够轻松理解它是理所当然的:输入模式,这是一种旨在使您的内容更易于理解的语言。
此外,在 2016 年 3 月左右,结构化数据被添加到 Google 的排名因素算法中。 因此,将它放在您的页面上可以帮助您提高长尾博客文章的排名,从而有助于您的内容营销策略和整体数字营销目标。
此外,如果您阅读我们的博客或任何其他数字营销新闻,您就会知道 Accelerated Mobile Pages (AMP) 一直是博客和发布网站的重要话题。 它们的高级功能在很大程度上依赖于结构化数据。 掌握更简单的类型,如 BlogPosting 模式,是帮助您为此做好准备的可靠方法。
最后,如果您需要更有说服力,在您网站的新闻、博客文章或文章中使用结构化数据可以增强您网站在搜索引擎中的外观。 它可能允许您出现在头条新闻轮播中(但是,请记住,Google 不能保证这一点,因为他们似乎现在将 AMP 页面放在首位)。
我可以添加哪些类型的文章架构?
可以添加多种类型的文章模式:NewsArticle 或 BlogPosting 是最常见的。 对于大多数企业(除非您报道新闻),我建议使用 BlogPosting 架构,因为它更具体地针对文章的内容。 您对架构的了解越具体,搜索引擎就越容易完全了解您的网站。 因此,为了清楚起见,我将使用 BlogPosting 模式作为示例。
如何添加博客发布架构
如今,许多 CMS 会自动添加它,或者至少与这样做的插件兼容。 例如,用于 WordPress 的 Yoast、用于 Magento 的 Amasty 等——您只需要找到与您的站点兼容的那个,并确保它不会干扰其他插件或站点速度。 这也非常方便,因为这意味着您撰写的每篇博客文章都将动态插入 BlogPosting 架构 - 您无需将其添加到每篇文章中。
对于使用定制 CMS 构建的网站,只需询问您的开发人员他们如何添加它。 他们很可能需要通过将其硬编码到页面上来做到这一点 - 但如果他们可以构建支持架构的页面模板,那将是最好的。 在此博客中进一步了解他们需要插入到页面中的内容。
如果您无法获得动态插入的插件,并且您的开发人员无法将其硬编码到网站上,那么最后的方法是通过 Google 标签管理器添加它。 这是最后的手段,因为只有谷歌才能看到代码——而且 GTM 有时会喜怒无常,所以它并不理想。
此方法不需要您实际更改站点上的代码。 为了添加文章架构,作为企业,您需要已经在您的站点上拥有组织架构。 要进行设置,请查看我上个月写的一篇博客文章,其中包含分步指南 - 再次记住,插件和硬编码是更好的选择。
与向站点添加组织架构类似,要添加文章架构,您需要创建触发器和自定义 HTML 标记。 除了这一次,您不希望触发器针对“所有页面”,而是希望它针对特定的博客文章 URL。 例如,要将 BlogPosting 架构添加到我客户的一篇博客文章中:http://applefostering.co.uk/skills-foster/ 我在标签管理器中设置了一个触发器,如下所示:

设置触发器后,您需要创建实际标签。 与组织架构一样,它是一个自定义 HTML 标记,您需要在其中添加以下内容(显然已将字段替换为您自己的公司和文章详细信息):
<脚本类型=”应用程序/ld+json”>
{
“@context”: “http://schema.org”,
“@type”:“博客”,
“mainEntityOfPage”:{
“@type”:”网页”,
“@id”:“http://applefostering.co.uk/skills-foster/”
},
“标题”:“培养的技能”,
“图像”: {
“@type”:“图像对象”,
“网址”:“http://applefostering.co.uk/wp-content/uploads/family.jpg”,
“高度”:463,
“宽度”:700
},
“发布日期”:“2016-02-12”,
“日期修改”:“2016-02-12”,
“作者”: {
“@type”:“人”,
“name”:“人名”
},
“出版商”:{
“@type”: “组织”,
“名称”:“苹果培育”,
“商标”: {
“@type”:“图像对象”,
“网址”:“http://applefostering.co.uk/apple-logo-schema/”,
“宽度”:550,
“高度”:60
}
},
“描述”:“您文章的简要描述”,
“articleBody”:“你可以把整篇文章都放在这里:你想放多久就放多久。”
}
</脚本>
要记住的一些事情:
- 博文图片的宽度必须至少为 700 像素
- 在发布者部分中,您的企业徽标必须为 550 像素宽 x 60 像素高(常规组织架构中不是这种情况 - 仅当您将其添加到文章架构中时)
如果您不遵守这些规则,模式将无法工作——这令人沮丧,因为我花了很长时间才真正在网上找到这些说明。
将该代码添加到您的自定义 HTML 标记后,将其应用于您之前创建的特定于页面的触发器。 和我之前的帖子一样,使用预览和调试模式来检查它是否在页面上被触发。 如果不是,请重新开始。 如果是,请发布您的更改并在结构化数据测试工具中测试架构。
对于那些每天更新博客的人来说,可以告诉 Google 标签管理器动态生成它或获取一个插件来这样做。 我主要向拥有大量博客文章(例如每日更新)的网站推荐此功能。
寻找更多提高网站知名度的方法
下载您的免费电子书
如果您需要 SEO 方面的帮助,请随时与我们联系。
