
怎么使用结构化数据来标记自己的网站
Google 利用结构化数据来了解网页上的内容。可通过提供与您网站有关的具体信息来帮助我们,这将有助于您的网站使用更丰富的功能显示在搜索结果中。结构化数据标记助手可以帮助您标记网页上的元素,以便 Google 能够理解网页中的数据。Google 更清楚地理解网页数据后,便会在 Google 搜索中以各种新方式呈现这些数据,使其更有吸引力。
结构化数据是什么
在网页上添加结构化数据会向 Google 提供有关该网页含义的明确线索,从而帮助Google理解该网页。结构化数据是一种标准化格式,用于提供网页的相关信息并对网页内容进行分类;例如,食谱网页上会有食材、烹饪时长和温度、卡路里等各类信息。
通过在您的网站中添加结构化数据标记,可让该网站的更多功能元素和视觉元素直接显示在搜索结果和知识图谱卡片中。这样一来,用户就能更轻松地识别您的官方网站,并能在搜索时更轻松地找到您提供的信息。
比如搜索IBM,搜索结果页右侧会显示以下内容:
面包屑导航:
支持的格式
Google 搜索支持以下格式的结构化数据:
格式 | 说明和放置位置 |
---|---|
JSON-LD*(推荐) | 嵌在网页标头或正文的 <script> 标记中的 JavaScript 表示法。此标记不与用户可见文本交错显示,因而能使得嵌套数据项更易于表达(例如,某个 Event 的 MusicVenue 的 PostalAddress 中的 Country)。此外,Google 可在 JSON-LD 数据被动态注入网页内容时读取它,例如通过内容管理系统中的 JavaScript 代码或嵌入式微件。 |
微数据 | 一种开放社区 HTML 规范,用于在 HTML 内容中嵌套结构化数据。与 RDFa 一样,它会使用 HTML 标记属性为您想让以结构化数据形式显示的属性命名。它通常用在网页正文中,但也可用在标头中。 |
RDFa | 一种 HTML5 扩展功能,通过引入与您要向搜索引擎描述的用户可见内容对应的 HTML 标记属性来支持关联的数据。RDFa 通常用在 HTML 网页的标头和正文部分中。 |
面包屑导航示例
网页上的面包屑导航路径会指明网页在网站层次结构中的位置。用户可从面包屑导航路径中的最低级别开始,一次一个级别地导航到网站层次结构中的最高级别。
在我们的网站上开启了结构化数据面包屑导航后,搜索结果显示:
使用JSON-LD格式标记:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "首页",
"item": "http://www.xtwebs.cn/"
}, {
"@type": "ListItem",
"position": 2,
"name": "自定义标题",
"item": "http://www.xtwebs.cn/website/html/html-39.shtml"
}]
}
</script>
使用微数据标记
<ol class="breadcrumb justify-content-center" itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.xtwebs.cn/"><span itemprop="name">首页</span></a>
<meta itemprop="position" content="1">
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.xtwebs.cn/website/"><span itemprop="name">建站知识</span></a>
<meta itemprop="position" content="2">
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.xtwebs.cn/website/html/"><span itemprop="name">前端知识</span></a>
<meta itemprop="position" content="3">
</li>
<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.xtwebs.cn/website/html/html-39.shtml"><span itemprop="name">position:sticky,一个神奇的粘性布局</span></a>
<meta itemprop="position" content="4">
</li>
</ol>
Tip:Google 建议尽可能使用 JSON-LD 格式的结构化数据。
结构化数据标记辅助工具
Google结构化数据标记工具地址:https://www.google.com/webmasters/markup-helper/,结构化数据标记助手可以帮助您标记网页上的元素,以便 Google 能够理解网页中的数据。Google 更清楚地理解网页数据后,便会在 Google 搜索中以各种新方式呈现这些数据,使其更有吸引力。
如何标记
- 打开结构化数据标记助手。
- 选择网站标签。
- 选择您要标记的网页类型,例如电影网页或活动网页。您可以在一个网页中放置多个项,但我们建议所有项都采用相同的类型(例如,所有项均为电影或活动)。
- 输入现有网页的网址或原始网页 HTML。对于网址,请确保任何人都可以在没有登录的情况下使用该网页(您可以测试网页访问权限,只需 在 Chrome 中打开一个无痕式窗口,然后尝试访问该网页即可。如果您能够转到该网页,则表明没有问题)。
- 选择开始标记。
- 突出显示网页中包含重要信息的部分(例如活动网页中的开始时间),然后在显示的下拉菜单中标识信息类型(“开始时间”)。
- 请务必提供您指定的数据类型需要的所有信息。 在我的数据项窗格中,您会看到一个列表,其中包含每一项的所有可能的值,并标记出必需值。例如,对于活动,您必须提供活动名称、地点和开始日期。
- 为网页中的所有相关数据添加完标记后,选择创建 HTML 可生成网页代码。选择输出格式:默认格式为 JSON-LD(Google 首选的格式),但您也可以选择微数据。复制并粘贴输出窗口中的代码,或选择下载。代码的使用方式取决于格式:
- 对于 JSON-LD:复制生成的代码,并粘贴到现有网页的正文部分。
- 对于微数据:将网页替换为生成的 HTML。
- 要测试您的代码,请复制生成的代码并粘贴到 结构化数据标记助手中。借助该工具,您可了解是否缺失了任何重要字段,以便提供所需信息来帮助 Google 理解相应网页;对于某些数据类型,您还可预览网页在 Google 搜索结果中可能会呈现的显示效果。
- Google 可能需要几周的时间才能找到您的新网页代码。如果您的数据已被 抓取而且完整无误,便可显示为 富媒体搜索结果。如果您网站的富媒体搜索结果未显示,请 查看可能导致该情况的原因
检测结构化数据中的错误
以上的各种标注方法中,根据你网页信息和你想要向客户传达的意思选择合适的标注方式对你的网页进行标注。在标注好之后,还需要对你的战果进行预览检验, 测试地址:https://search.google.com/structured-data/testing-tool,检查通过之后,等待谷歌重新爬去更新之后即可进行展示。
文章引用:
了解结构化数据的工作原理
网站结构化数据操作指南