马上注册,免费下载更多dz插件网资源。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
Schema.org 是用于将结构化数据标记应用于网页和内容的词汇表(或架构)的集合。正确应用架构可以通过丰富的摘要改善SEO结果。
结构化数据标记由 Google 和 Microsoft 等平台翻译,以在搜索引擎结果页面或电子邮件中提供增强的丰富结果(或丰富摘要)。例如,您可以使用变体架构标记您的电子商务产品页面,以帮助 Google 了解产品变体。
Schema.org是一个独立项目,致力于在互联网上建立结构化数据一致性。早在 2011 年,它就开始与 Google、Yahoo、Bing 和 Yandex 等搜索引擎合作。
Schema 词汇表可以通过 RDFa、Microdata 和 JSON-LD 等编码应用于页面。Google首选 JSON-LD 模式,因为它最容易应用和维护。
架构标记能提高您的搜索排名吗?
架构不是排名因素。
但是,只有当您使用架构标记时,您的网页才有资格在 SERP 中显示丰富摘要。这可以增强您的搜索可见性并提高您网页在搜索结果中的点击率。
Schema 还可用于构建实体和主题的知识图谱。以这种方式使用语义标记可使您的网站与 AI 算法对实体进行分类的方式保持一致,从而帮助搜索引擎理解您的网站和内容。
结构化数据提供的信息可以为原本含糊不清的网页提供背景信息。它还可以帮助您阐明具有多重潜在含义的实体。
根据Schema.org:
“大多数网站管理员都熟悉其网页上的 HTML 标签。通常,HTML 标签会告诉浏览器如何显示标签中包含的信息。例如,
Avatar
会告诉浏览器以标题 1 格式显示文本字符串“Avatar”。
然而,HTML 标签并没有提供任何有关该文本字符串含义的信息——“阿凡达”可能指的是非常成功的 3D 电影,也可能指的是一种个人资料图片——这可能会使搜索引擎更难以智能地向用户显示相关内容。”
这意味着搜索引擎应该有额外的信息来帮助他们弄清楚网页的内容。
您甚至可以将实体直接链接到 Wikipedia 或 Google 知识图谱等网站,以建立明确的联系。Schema App 首席执行官 Martha van Berkel 表示,以这种方式使用 Schema 可以带来积极的 SEO 结果:
“在 Schema App,我们测试了实体链接如何影响 SEO。我们发现,消除地点等实体的歧义可使网页在 [near me] 和其他基于位置的搜索查询中表现更好。
我们的实验还表明,实体链接可以帮助页面显示在更多相关的非品牌搜索查询中,从而提高页面的点击率。
以下是实体链接的示例。如果您的网页谈论“巴黎”,则搜索引擎可能会感到困惑,因为世界上有好几个城市都叫巴黎。
如果您正在谈论加拿大安大略省的巴黎市,您可以使用 sameAs 属性将您网站上的巴黎实体链接到维基百科、维基数据和谷歌知识图谱上已知的安大略省巴黎实体。”
通过帮助搜索引擎理解内容,您可以帮助他们节省资源(当您拥有拥有数百万页的大型网站时尤其重要),并增加您的内容被正确解释和排名的机会。虽然这可能不是直接的排名因素,但 Schema 有助于您的 SEO 工作,因为它为搜索引擎提供了正确解释您的内容的最佳机会,为用户提供了发现它的最佳机会。
Schema 标记用于什么?
企业和组织
活动
个人资料页
产品
食谱
评论
视频
招聘信息
数据集
文章
讨论社区
旋转木马
当地的商业
上面列出了一些最流行的 schema 用途,它们都受到 Google 和其他搜索引擎的支持。
您可能有一个具有schema.org定义但不受搜索引擎支持的对象类型。
在这种情况下,建议实施它们,因为搜索引擎将来可能会开始支持它们,并且您可能会从中受益,因为您已经实施了它们。
模式编码的类型:JSON-LD、微数据和 RDFa
编码架构标记有三种主要格式:
JSON-LD。
微数据。
RDFa。
Google 建议将 JSON-LD 作为结构化数据的首选格式。微数据仍受支持,但建议使用 JSON-LD 架构。
在某些情况下,由于网站技术基础设施限制(例如旧内容管理系统),无法实现 JSON-LD 模式。在这些情况下,唯一的选择是通过 Microdata 或 RDFa 标记 HTML。
现在,您可以通过将JSON-LD 架构的属性与微数据架构的属性进行匹配来混合 JSON-LD 和微数据格式。这种方法有助于减少页面的 HTML 大小。@iditemid
例如,在包含大量文本的常见问题解答部分中,您可以将微数据用于内容,将 JSON-LD 用于结构化数据,而无需重复文本,从而避免增加页面大小。我们将在下文详细讨论每种类型时深入探讨这一点。
1. JSON-LD 模式格式
JSON-LD 使用JSON编码数据,从而可以轻松地将结构化数据集成到网页中。JSON-LD 允许使用带有 的图形连接不同的架构类型@ids,从而改善数据集成并减少冗余。
让我们看一个例子。假设您拥有一家销售高质量路由器的商店。如果您查看主页的源代码,您可能会看到类似以下内容:
TechHaven
The best routers you’ll find online!
Address:
459 Humpback Road
Rialto, Ca
Tel: 909 574 3903
Click here to view our best routers!
We’re open:
Mon-Sat 8am - 10:30pm
Sun: 2pm - 8pm
深入研究代码后,您需要找到网页中讨论您的业务所提供的内容的部分。在此示例中,可以在两个
标签之间找到该数据。
以下 JSON-LD 格式的文本将标记您网页上 HTML 片段中的信息,您可能希望将其包含在网页的 部分中。
这段代码通过属性将您的业务定义为商店"@type": "Store"。
然后,它详细说明了其位置、联系信息、周一至周六的营业时间以及周日的不同营业时间。
通过以这种方式构建网页数据,您可以直接向搜索引擎提供关键信息,从而改善它们索引和在搜索结果中显示您网站的方式。就像在初始 HTML 中添加标签一样,插入此 JSON-LD 脚本可以告诉搜索引擎您业务的具体方面。
让我们回顾另一个通过 与组织和作者架构相连接的网页架构示例@id。JSON -LD 是 Google和其他搜索引擎推荐的格式,因为它非常灵活,这是一个很好的例子。
在示例中:
网站链接到作为发布者的组织@id。
该组织用详细的属性来描述。
网页通过 链接至网站isPartOf。
NewsArticle 使用 链接到网页isPartOf,并通过 返回到网页mainEntityOfPage,并通过 包含作者属性@id。
您可以看到图形节点如何使用属性相互链接"@id"。这样,我们就可以告知 Google,这是由架构中描述的发布者发布的网页。
使用井号 (#) 作为 ID 是可选的。您只需确保不同的架构类型不会意外地拥有相同的 ID。添加自定义井号 (#) 会很有帮助,因为它提供了额外的保障,确保它们不会重复。
您可能想知道为什么我们使用"@id"来连接图形节点。我们不能将组织、作者和网页架构分别放在同一个页面上吗?直观地看,它们是相连的。
问题是,除非使用 明确链接,否则 Google 和其他搜索引擎无法可靠地解释这些连接。@id
向图中添加其他架构类型就像构建乐高积木一样简单。假设我们想向架构中添加图像:
{ "@type": "ImageObject", "@id": "https://www.example.com/#post-image", "url": "https://www.example.com/example.png", "contentUrl": "https://www.example.com/example.png", "width": 2160, "height": 1215, "thumbnail": [ { "@type": "ImageObject", "url": "https://example.com/4x3/photo.jpg", "width": 1620, "height": 1215 }, { "@type": "ImageObject", "url": "https://example.com/16x9/photo.jpg", "width": 1440, "height": 810 }, { "@type": "ImageObject", "url": "https://example.com/1x1/photo.jpg", "width": 1000, "height": 1000 } ]}
正如您从 NewsArticle 模式中了解到的那样,您需要将其作为父节点添加到上述模式图中并通过@id链接。
当你这样做时,它将具有以下结构:
很简单,不是吗?现在您了解了主要原理,您可以根据网站上的内容构建自己的架构。
而且由于我们生活在人工智能时代,您可能还想使用 ChatGPT 或其他聊天机器人来帮助您构建您想要的任何模式。
2. 微数据模式格式
微数据是一组标签,旨在使使用机器可读的标签注释 HTML 元素变得更加容易。
但是,使用微数据的一个缺点是您必须标记网页正文中的每个单独项目。您可以想象,这很快就会变得混乱。
看一下这个示例 HTML 代码,它与上面的 NewsArticle 的 JSON 模式相对应:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000, we have grown to a team of 200 dedicated employees.
Our slogan is: "Innovation at its best".
Contact us at +1-800-555-1212 for customer service.
Our Founder
Our founder, Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John Doe. Connect with John onTwitterandLinkedIn.
如果我们将上述 JSON-LD 模式转换为微数据格式,它将如下所示:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000-01-01, we have grown to a team of 200dedicated employees.
Our slogan is:Innovation at its best.
Contact us at +1-800-555-1212for Customer Service.
https://www.example.com
Connect with us on:Facebook,Twitter,LinkedIn
Our Founder
Our founder,Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
https://www.example.com/about
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John DoeProfileTwitterLinkedIn
此示例显示了与 JSON-LD 相比,由于标记分布在 HTML 中,它变得多么复杂。让我们了解一下标记中的内容。
您可以看到如下
标签:
通过添加此标签,我们声明
块之间的 HTML 代码标识特定的项目。
接下来,我们必须使用“itemtype”属性来识别项目的类型(人员),以确定该项目是什么。
项目类型以 URL 的形式出现(例如 https://schema.org/Person)。例如,假设您有一个产品,您可以使用 http://schema.org/Product。
为了方便起见,您可以在此处浏览商品类型列表并查看扩展程序以识别您要查找的特定实体。请记住,此列表并不全面,而仅包含 Google 支持的商品类型,因此您可能找不到适合您特定领域的商品类型。
它可能看起来很复杂,但 Schema.org 提供了如何使用不同项目类型的示例,以便您了解代码应该做什么。
别担心;你不会因为独自尝试解决这个问题而被冷落的!
如果您仍然对代码感到有点害怕,Google 的结构化数据标记助手可以让您非常轻松地标记您的网页。
要使用这个神奇的工具,只需选择您的项目类型,粘贴目标页面的 URL 或您想要定位的内容,然后突出显示不同的元素,以便您可以标记它们。
3. RDFa 模式格式
RDFa 是“属性中的资源描述框架”的缩写。本质上,RDFa 是 HTML5 的扩展,旨在帮助用户标记结构化数据。
RDFa 与 Microdata 并无太大区别。RDFa 标签将网页主体中预先存在的 HTML 代码合并在一起。为了便于理解,我们将查看上面的相同代码。
同一篇 JSON-LD 新闻文章的 HTML 如下所示:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000-01-01, we have grown to a team of 200dedicated employees.
Our slogan is:Innovation at its best.
Contact us at +1-800-555-1212for Customer Service.
https://www.example.com
Connect with us on:Facebook,Twitter,LinkedIn
Our Founder
Our founder,Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
https://www.example.com/about
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John DoeProfileTwitterLinkedIn
与使用 URL 来识别类型的微数据不同,RDFa 使用一个或多个词来对类型进行分类。
vocab=”http://schema.org/” typeof=”网页” >
如果您希望进一步识别属性,请使用“typeof”属性。
让我们并排比较一下 JSON-LD、Microdata 和 RDFa。JSON-LD 的@type属性相当于Microdata 格式的itemtype属性和RDFa 中的typeof属性。此外,JSON-LD 属性的 propertyName 相当于itemprop和property 属性。
属性名称JSON-LD微数据辐射防护法
类型@类型物品种类类型
ID@ID物品编号资源
财产属性名称物品道具财产
姓名姓名itemprop="名称"属性=”名称”
描述描述itemprop="描述"属性=”描述”
如需进一步说明,您可以访问 Schema.org 查看列表和示例。您可以找到哪些类型的元素被定义为属性,哪些元素被定义为类型。
为了提供帮助,Schema.org 上的每个页面都提供了如何正确应用标签的示例。当然,您也可以使用 Google 的结构化数据测试工具。
4. 使用 JSON-LD 混合不同格式的结构化数据
如果你使用 JSON-LD 架构,但页面的某些部分与其不兼容,则可以通过以下方式链接来混合架构格式@id.
例如,如果您在网站上有实时博客和 JSON-LD 模式,则将所有实时博客项目包含在 JSON 模式中意味着页面上有两次相同的内容,这可能会增加 HTML 大小并影响首次内容绘制和最大内容绘制页面速度指标。
您可以通过在页面加载时使用 JavaScript 动态生成 JSON-LD 或通过微数据格式标记实时博客的 HTML 标签,然后通过“@id”链接到头部部分的 JSON-LD 模式来解决此问题。
下面是一个如何操作的例子。
假设我们有这个带有微数据标记的 HTMLitemid="https://www.example.com/live-blog-page/#live-blog"
Live Blog Headline
Explore the biggest announcements from DevDay
1:45 PM ETNov 6, 2023
OpenAI is taking the first step in gradual deployment of GPTs – tailored ChatGPT for a specific purpose – for safety purposes.
1:44 PM ETNov 6, 2023
ChatGPT now uses GPT-4 turbo with current knowledge.
It also knows which tool to choose for a task with GPT-4 All Tools.
1:43 PM ETNov 6, 2023
Microsoft CEO Satya Nadella joined Altman to announce deeper partnership with OpenAI to help developers bring more AI advancements.
我们可以从我们拥有的 JSON-LD 示例链接到它,如下所示:
如果您在架构验证器工具中复制并粘贴下面的 HTML 和 JSON 示例,您将看到它们正在正确验证。
模式验证器确实验证了上述示例。
结构化数据对 SEO 的影响
本文探讨了不同的模式编码类型以及有关结构化数据实现的所有细微差别。
Schema 的应用比看起来要容易得多,而且它是您必须纳入网页的最佳实践。虽然实施 Schema 不会直接提高您的 SEO 排名,但它可以:
使您的网页能够出现在丰富的搜索结果中。
确保您的网页能够更频繁地被合适的用户看到。
避免混淆和歧义。
这项工作可能看起来很繁琐。但是,只要投入时间和精力,正确实施 Schema 标记对您的网站大有裨益,并且可以通过您向搜索引擎提供的信息准确性来改善用户体验。
Schema.org 是用于将结构化数据标记应用于网页和内容的词汇表(或架构)的集合。正确应用架构可以通过丰富的摘要改善SEO结果。
结构化数据标记由 Google 和 Microsoft 等平台翻译,以在搜索引擎结果页面或电子邮件中提供增强的丰富结果(或丰富摘要)。例如,您可以使用变体架构标记您的电子商务产品页面,以帮助 Google 了解产品变体。
Schema.org是一个独立项目,致力于在互联网上建立结构化数据一致性。早在 2011 年,它就开始与 Google、Yahoo、Bing 和 Yandex 等搜索引擎合作。
Schema 词汇表可以通过 RDFa、Microdata 和 JSON-LD 等编码应用于页面。Google首选 JSON-LD 模式,因为它最容易应用和维护。
架构标记能提高您的搜索排名吗?
架构不是排名因素。
但是,只有当您使用架构标记时,您的网页才有资格在 SERP 中显示丰富摘要。这可以增强您的搜索可见性并提高您网页在搜索结果中的点击率。
Schema 还可用于构建实体和主题的知识图谱。以这种方式使用语义标记可使您的网站与 AI 算法对实体进行分类的方式保持一致,从而帮助搜索引擎理解您的网站和内容。
结构化数据提供的信息可以为原本含糊不清的网页提供背景信息。它还可以帮助您阐明具有多重潜在含义的实体。
根据Schema.org:
“大多数网站管理员都熟悉其网页上的 HTML 标签。通常,HTML 标签会告诉浏览器如何显示标签中包含的信息。例如,
Avatar
会告诉浏览器以标题 1 格式显示文本字符串“Avatar”。
然而,HTML 标签并没有提供任何有关该文本字符串含义的信息——“阿凡达”可能指的是非常成功的 3D 电影,也可能指的是一种个人资料图片——这可能会使搜索引擎更难以智能地向用户显示相关内容。”
这意味着搜索引擎应该有额外的信息来帮助他们弄清楚网页的内容。
您甚至可以将实体直接链接到 Wikipedia 或 Google 知识图谱等网站,以建立明确的联系。Schema App 首席执行官 Martha van Berkel 表示,以这种方式使用 Schema 可以带来积极的 SEO 结果:
“在 Schema App,我们测试了实体链接如何影响 SEO。我们发现,消除地点等实体的歧义可使网页在 [near me] 和其他基于位置的搜索查询中表现更好。
我们的实验还表明,实体链接可以帮助页面显示在更多相关的非品牌搜索查询中,从而提高页面的点击率。
以下是实体链接的示例。如果您的网页谈论“巴黎”,则搜索引擎可能会感到困惑,因为世界上有好几个城市都叫巴黎。
如果您正在谈论加拿大安大略省的巴黎市,您可以使用 sameAs 属性将您网站上的巴黎实体链接到维基百科、维基数据和谷歌知识图谱上已知的安大略省巴黎实体。”
通过帮助搜索引擎理解内容,您可以帮助他们节省资源(当您拥有拥有数百万页的大型网站时尤其重要),并增加您的内容被正确解释和排名的机会。虽然这可能不是直接的排名因素,但 Schema 有助于您的 SEO 工作,因为它为搜索引擎提供了正确解释您的内容的最佳机会,为用户提供了发现它的最佳机会。
Schema 标记用于什么?
企业和组织
活动
个人资料页
产品
食谱
评论
视频
招聘信息
数据集
文章
讨论社区
旋转木马
当地的商业
上面列出了一些最流行的 schema 用途,它们都受到 Google 和其他搜索引擎的支持。
您可能有一个具有schema.org定义但不受搜索引擎支持的对象类型。
在这种情况下,建议实施它们,因为搜索引擎将来可能会开始支持它们,并且您可能会从中受益,因为您已经实施了它们。
模式编码的类型:JSON-LD、微数据和 RDFa
编码架构标记有三种主要格式:
JSON-LD。
微数据。
RDFa。
Google 建议将 JSON-LD 作为结构化数据的首选格式。微数据仍受支持,但建议使用 JSON-LD 架构。
在某些情况下,由于网站技术基础设施限制(例如旧内容管理系统),无法实现 JSON-LD 模式。在这些情况下,唯一的选择是通过 Microdata 或 RDFa 标记 HTML。
现在,您可以通过将JSON-LD 架构的属性与微数据架构的属性进行匹配来混合 JSON-LD 和微数据格式。这种方法有助于减少页面的 HTML 大小。@iditemid
例如,在包含大量文本的常见问题解答部分中,您可以将微数据用于内容,将 JSON-LD 用于结构化数据,而无需重复文本,从而避免增加页面大小。我们将在下文详细讨论每种类型时深入探讨这一点。
1. JSON-LD 模式格式
JSON-LD 使用JSON编码数据,从而可以轻松地将结构化数据集成到网页中。JSON-LD 允许使用带有 的图形连接不同的架构类型@ids,从而改善数据集成并减少冗余。
让我们看一个例子。假设您拥有一家销售高质量路由器的商店。如果您查看主页的源代码,您可能会看到类似以下内容:
TechHaven
The best routers you’ll find online!
Address:
459 Humpback Road
Rialto, Ca
Tel: 909 574 3903
Click here to view our best routers!
We’re open:
Mon-Sat 8am - 10:30pm
Sun: 2pm - 8pm
深入研究代码后,您需要找到网页中讨论您的业务所提供的内容的部分。在此示例中,可以在两个
标签之间找到该数据。
以下 JSON-LD 格式的文本将标记您网页上 HTML 片段中的信息,您可能希望将其包含在网页的 部分中。
这段代码通过属性将您的业务定义为商店"@type": "Store"。
然后,它详细说明了其位置、联系信息、周一至周六的营业时间以及周日的不同营业时间。
通过以这种方式构建网页数据,您可以直接向搜索引擎提供关键信息,从而改善它们索引和在搜索结果中显示您网站的方式。就像在初始 HTML 中添加标签一样,插入此 JSON-LD 脚本可以告诉搜索引擎您业务的具体方面。
让我们回顾另一个通过 与组织和作者架构相连接的网页架构示例@id。JSON -LD 是 Google和其他搜索引擎推荐的格式,因为它非常灵活,这是一个很好的例子。
在示例中:
网站链接到作为发布者的组织@id。
该组织用详细的属性来描述。
网页通过 链接至网站isPartOf。
NewsArticle 使用 链接到网页isPartOf,并通过 返回到网页mainEntityOfPage,并通过 包含作者属性@id。
您可以看到图形节点如何使用属性相互链接"@id"。这样,我们就可以告知 Google,这是由架构中描述的发布者发布的网页。
使用井号 (#) 作为 ID 是可选的。您只需确保不同的架构类型不会意外地拥有相同的 ID。添加自定义井号 (#) 会很有帮助,因为它提供了额外的保障,确保它们不会重复。
您可能想知道为什么我们使用"@id"来连接图形节点。我们不能将组织、作者和网页架构分别放在同一个页面上吗?直观地看,它们是相连的。
问题是,除非使用 明确链接,否则 Google 和其他搜索引擎无法可靠地解释这些连接。@id
向图中添加其他架构类型就像构建乐高积木一样简单。假设我们想向架构中添加图像:
{ "@type": "ImageObject", "@id": "https://www.example.com/#post-image", "url": "https://www.example.com/example.png", "contentUrl": "https://www.example.com/example.png", "width": 2160, "height": 1215, "thumbnail": [ { "@type": "ImageObject", "url": "https://example.com/4x3/photo.jpg", "width": 1620, "height": 1215 }, { "@type": "ImageObject", "url": "https://example.com/16x9/photo.jpg", "width": 1440, "height": 810 }, { "@type": "ImageObject", "url": "https://example.com/1x1/photo.jpg", "width": 1000, "height": 1000 } ]}
正如您从 NewsArticle 模式中了解到的那样,您需要将其作为父节点添加到上述模式图中并通过@id链接。
当你这样做时,它将具有以下结构:
很简单,不是吗?现在您了解了主要原理,您可以根据网站上的内容构建自己的架构。
而且由于我们生活在人工智能时代,您可能还想使用 ChatGPT 或其他聊天机器人来帮助您构建您想要的任何模式。
2. 微数据模式格式
微数据是一组标签,旨在使使用机器可读的标签注释 HTML 元素变得更加容易。
但是,使用微数据的一个缺点是您必须标记网页正文中的每个单独项目。您可以想象,这很快就会变得混乱。
看一下这个示例 HTML 代码,它与上面的 NewsArticle 的 JSON 模式相对应:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000, we have grown to a team of 200 dedicated employees.
Our slogan is: "Innovation at its best".
Contact us at +1-800-555-1212 for customer service.
Our Founder
Our founder, Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John Doe. Connect with John onTwitterandLinkedIn.
如果我们将上述 JSON-LD 模式转换为微数据格式,它将如下所示:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000-01-01, we have grown to a team of 200dedicated employees.
Our slogan is:Innovation at its best.
Contact us at +1-800-555-1212for Customer Service.
https://www.example.com
Connect with us on:Facebook,Twitter,LinkedIn
Our Founder
Our founder,Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
https://www.example.com/about
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John DoeProfileTwitterLinkedIn
此示例显示了与 JSON-LD 相比,由于标记分布在 HTML 中,它变得多么复杂。让我们了解一下标记中的内容。
您可以看到如下
标签:
通过添加此标签,我们声明
块之间的 HTML 代码标识特定的项目。
接下来,我们必须使用“itemtype”属性来识别项目的类型(人员),以确定该项目是什么。
项目类型以 URL 的形式出现(例如 https://schema.org/Person)。例如,假设您有一个产品,您可以使用 http://schema.org/Product。
为了方便起见,您可以在此处浏览商品类型列表并查看扩展程序以识别您要查找的特定实体。请记住,此列表并不全面,而仅包含 Google 支持的商品类型,因此您可能找不到适合您特定领域的商品类型。
它可能看起来很复杂,但 Schema.org 提供了如何使用不同项目类型的示例,以便您了解代码应该做什么。
别担心;你不会因为独自尝试解决这个问题而被冷落的!
如果您仍然对代码感到有点害怕,Google 的结构化数据标记助手可以让您非常轻松地标记您的网页。
要使用这个神奇的工具,只需选择您的项目类型,粘贴目标页面的 URL 或您想要定位的内容,然后突出显示不同的元素,以便您可以标记它们。
3. RDFa 模式格式
RDFa 是“属性中的资源描述框架”的缩写。本质上,RDFa 是 HTML5 的扩展,旨在帮助用户标记结构化数据。
RDFa 与 Microdata 并无太大区别。RDFa 标签将网页主体中预先存在的 HTML 代码合并在一起。为了便于理解,我们将查看上面的相同代码。
同一篇 JSON-LD 新闻文章的 HTML 如下所示:
Our Company
Example Company, also known as Example Co., is a leading innovator in the tech industry.
Founded in 2000-01-01, we have grown to a team of 200dedicated employees.
Our slogan is:Innovation at its best.
Contact us at +1-800-555-1212for Customer Service.
https://www.example.com
Connect with us on:Facebook,Twitter,LinkedIn
Our Founder
Our founder,Jane Smith, is a pioneer in the tech industry.
Connect with Jane onTwitterandLinkedIn.
About Us
This is the About Us page for Example Company.
https://www.example.com/about
Example News Headline
This is an example news article.
This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.
Author: John DoeProfileTwitterLinkedIn
与使用 URL 来识别类型的微数据不同,RDFa 使用一个或多个词来对类型进行分类。
vocab=”http://schema.org/” typeof=”网页” >
如果您希望进一步识别属性,请使用“typeof”属性。
让我们并排比较一下 JSON-LD、Microdata 和 RDFa。JSON-LD 的@type属性相当于Microdata 格式的itemtype属性和RDFa 中的typeof属性。此外,JSON-LD 属性的 propertyName 相当于itemprop和property 属性。
属性名称JSON-LD微数据辐射防护法
类型@类型物品种类类型
ID@ID物品编号资源
财产属性名称物品道具财产
姓名姓名itemprop="名称"属性=”名称”
描述描述itemprop="描述"属性=”描述”
如需进一步说明,您可以访问 Schema.org 查看列表和示例。您可以找到哪些类型的元素被定义为属性,哪些元素被定义为类型。
为了提供帮助,Schema.org 上的每个页面都提供了如何正确应用标签的示例。当然,您也可以使用 Google 的结构化数据测试工具。
4. 使用 JSON-LD 混合不同格式的结构化数据
如果你使用 JSON-LD 架构,但页面的某些部分与其不兼容,则可以通过以下方式链接来混合架构格式@id.
例如,如果您在网站上有实时博客和 JSON-LD 模式,则将所有实时博客项目包含在 JSON 模式中意味着页面上有两次相同的内容,这可能会增加 HTML 大小并影响首次内容绘制和最大内容绘制页面速度指标。
您可以通过在页面加载时使用 JavaScript 动态生成 JSON-LD 或通过微数据格式标记实时博客的 HTML 标签,然后通过“@id”链接到头部部分的 JSON-LD 模式来解决此问题。
下面是一个如何操作的例子。
假设我们有这个带有微数据标记的 HTMLitemid="https://www.example.com/live-blog-page/#live-blog"
Live Blog Headline
Explore the biggest announcements from DevDay
1:45 PM ETNov 6, 2023
OpenAI is taking the first step in gradual deployment of GPTs – tailored ChatGPT for a specific purpose – for safety purposes.
1:44 PM ETNov 6, 2023
ChatGPT now uses GPT-4 turbo with current knowledge.
It also knows which tool to choose for a task with GPT-4 All Tools.
1:43 PM ETNov 6, 2023
Microsoft CEO Satya Nadella joined Altman to announce deeper partnership with OpenAI to help developers bring more AI advancements.
我们可以从我们拥有的 JSON-LD 示例链接到它,如下所示:
如果您在架构验证器工具中复制并粘贴下面的 HTML 和 JSON 示例,您将看到它们正在正确验证。
模式验证器确实验证了上述示例。
结构化数据对 SEO 的影响
本文探讨了不同的模式编码类型以及有关结构化数据实现的所有细微差别。
Schema 的应用比看起来要容易得多,而且它是您必须纳入网页的最佳实践。虽然实施 Schema 不会直接提高您的 SEO 排名,但它可以:
使您的网页能够出现在丰富的搜索结果中。
确保您的网页能够更频繁地被合适的用户看到。
避免混淆和歧义。
这项工作可能看起来很繁琐。但是,只要投入时间和精力,正确实施 Schema 标记对您的网站大有裨益,并且可以通过您向搜索引擎提供的信息准确性来改善用户体验。
©DZ插件网所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 本站内容为站长个人技术研究记录或网络,不提供用户交互功能,所有内容版权归原作者所有。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,得到更好的正版服务。 您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。 如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解!
|