HowTo

使用 HowTo 结构化数据可明确告知 Google 您的内容是 HowTo。HowTo 可引导用户执行成功完成相应任务所涉及的一系列步骤,可以包含视频、图片和文字。例如,“如何打领带”或“如何在厨房防溅墙上铺贴瓷砖”。如果用户必须按顺序阅读 HowTo 中的每个步骤,建议您添加 HowTo 结构化数据,让您的内容更有吸引力。当网页的重点内容是 HowTo 时,使用 HowTo 结构化数据就是合情合理的。

如果您正确标记了 HowTo 网页,它们在 Google 搜索中可能会显示为富媒体搜索结果,并且系统可能会为其生成适用于 Google 助理的 HowTo 操作,而这有助于您的网站覆盖合适的用户。

功能可用性

目前,HowTo 富媒体搜索结果仅支持英文,并已在所有可以使用 Google 搜索的国家/地区推出。此功能仅适用于移动设备,不适用于桌面设备。

示例

下面是一些关于您的内容在 HowTo 富媒体搜索结果中可能会如何显示的示例。如果 HowTo 包含一张 HowTo 操作完成后的图片以及每个步骤的图片,则系统可能会显示更加具有视觉吸引力的变体。请务必添加尽可能多的必需属性和建议属性,以便 HowTo 能够以最有效的方式显示在 Google 搜索结果中。

标准 HowTo 富媒体搜索结果

标准 HowTo 富媒体搜索结果图片
JSON-LD

下面是一个使用 JSON-LD 的文本形式 HowTo 网页示例。此示例仅包含一张代表 HowTo 最终状态的图片。在此结果中,用户可以看到某些步骤的内容预览。

微数据

下面是一个使用微数据的文本形式 HowTo 网页示例。此示例仅包含一张代表 HowTo 最终状态的图片。在此结果中,用户可以看到某些步骤的内容预览。

附有各步骤图片的 HowTo 富媒体搜索结果

直观 HowTo 富媒体搜索结果图片
JSON-LD

下面是一个使用 JSON-LD 且附有各步骤图片的 HowTo 网页示例。网页中包含每个步骤的图片时,用户可以通过图片轮播界面查看预览。

微数据

下面是一个使用微数据且附有各步骤图片的 HowTo 网页示例。网页中包含每个步骤的图片时,用户可以通过图片轮播界面查看预览。

包含视频的 HowTo 富媒体搜索结果

JSON-LD

下面是一个使用 JSON-LD 且同时包含文字、图片和视频剪辑的 HowTo 网页示例。

微数据

下面是一个使用微数据且同时包含文字、图片和视频剪辑的 HowTo 网页示例。

指南

若想让您的网页可以显示为 HowTo 富媒体搜索结果以及可以由系统生成适用于 Google 助理的 HowTo 操作,您必须遵循以下指南:

内容指南

  • 广告:请勿将 HowTo 结构化数据用于广告目的。
  • 不符合条件的内容:如果内容为淫秽、亵渎、露骨色情或血腥暴力内容,宣扬危险活动或违法活动,或使用仇恨性/骚扰性语言,则可能不会显示为 HowTo 富媒体搜索结果。
  • 来源:在来源网页上,必须向用户显示所有 HowTo 内容。HowTo 应该是来源网页的主要内容。请勿为特定网页添加多个 HowTo
  • 材料和工具:为完成相应任务所需的所有材料和工具添加结构化数据。
  • 步骤:每个 HowToStep 都必须包含来源步骤的完整内容。请勿将非步骤数据(例如摘要或说明部分)标记为步骤。
  • 步骤图片:如果步骤最适合以直观形式呈现,请确保针对每个 HowToStep 为这些步骤中的图片添加标记。仅标记每个步骤专用的说明性步骤图片;此外,请勿在同一个 HowTo 的多个步骤中使用同一张图片。请使用与网页内容相对应的那些图片。不要使用不反映 HowTo 内容的图片,也不要使用不同的图片来优化富媒体搜索结果。
  • 最终图片:如果可以用一张图片准确描述最终结果,请确保此图片显示在相应网页上,并且使用 image 属性包含在 HowTo 标记中。此图片可与在上一步骤中标记的图片相同。
  • 内容:请勿将 HowTo 标记用于食谱。食谱应使用 Recipe structured data。不属于一系列特定说明的文章和一般建议内容不适合使用 HowTo 标记。

结构化数据类型定义

要使您的内容能够显示为富媒体搜索结果,您必须为其添加必需的属性。您还可以添加建议的属性,以便向结构化数据添加更多信息,进而提供更好的用户体验。

要验证和预览结构化数据,请使用 Google 的富媒体搜索结果测试

HowTo

如需了解 HowTo 的完整定义,请访问 schema.org/HowTo

HowTo 类型表示相应网页包含 HowTo。每个网页都必须有一个 HowTo 类型定义。

必需的属性
name

Text

HowTo 的标题。例如,“如何打领带”。

step HowToStepHowToSection

HowToStep 元素数组,包含 HowTo 的完整说明。每个 step 元素应与说明中的某个步骤相对应。请勿使用此属性来标记非步骤数据(例如摘要或说明部分)。 例如:

  • 您可以设置每个 HowToSteptext,为每个步骤指定完整文字内容。image、作为 name 提供的步骤标题和 url 是可选的,但建议您使用这些属性,因为可选属性可能有助于呈现富媒体搜索结果。
  • 对于复杂的步骤,您可以提供步骤 name,并使用 HowToDirectionHowToTip 列出各个子步骤。

HowToSection 元素数组,包含相应 HowTo 的完整说明。例如:

建议的属性
description

Text

对 HowTo 的说明。

estimatedCost MonetaryAmountText

按说明操作时所消耗的材料的估算费用。

image ImageObjectURL

HowTo 操作完成后的图片。其他图片指南:

  • 图片网址必须可抓取且可编入索引
  • 图片必须代表已标记的内容。
  • 图片必须为 .jpg、.png 或 .gif 格式。
supply HowToSupplyText

按说明或指导操作时所消耗的材料。

tool HowToToolText

按说明或指导操作时使用(但未消耗掉)的物件。

totalTime Duration

执行所有说明或指导所需的总时间,包括准备材料的时间(采用 ISO 8601 时长格式)。

video VideoObject

HowTo 的视频。位于必需的和建议的 Video 属性列表之后。为包含 hasPart 的视频的各个步骤添加标记。

HowToSection

如需了解 HowToSection 的完整定义,请访问 schema.org/HowToSection

HowToSection 类型用于定义单个 HowTo 的一个部分,包含一个或多个步骤。不得使用 HowToSection 定义完成相应任务的不同方法,而是要将 HowToSection 用作一种方法的一个部分。要列举完成相应任务可以采取的多种方法,请使用多个 HowTo 对象。例如,您可以将更换爆胎的多种方法列为多个 HowTo 对象,而不是 HowToSection 对象。

必需的属性
itemListElement HowToStep

相应部分的详细步骤列表。

name Text

相应部分的名称。

HowToStep

如需了解 HowToStep 的完整定义,请访问 schema.org/HowToStep

HowToStep 类型用于定义 HowTo 中的简单文字步骤,可以包含图片。

必需的属性
itemListElement HowToDirectionHowToTip

详细子步骤列表,包括指导或提示。

如果使用了 text,则该属性为可选属性。

text Text

相应步骤的完整说明文字。

如果使用了 itemListElement,则该属性为可选属性。其他指南:

  • 只能添加说明文字,不能添加“指导”、“观看视频”、“第 1 步”等其他文字。请在标记的属性以外指定这些词组。
建议的属性
image ImageObjectURL

相应步骤的图片。其他图片指南:

  • 图片网址必须可抓取且可编入索引
  • 图片必须代表已标记的内容。
  • 图片必须为 .jpg、.png 或 .gif 格式。
name 文字

相应步骤的总结字词或短语(例如“将电线连接到接线头上”或“挖掘”)。请勿使用非描述性文字(例如“第 1 步:[文字]”)或其他形式的步骤编号(例如“1. [文字]”)。

url 网址

一个 URL,可直接链接到相应步骤(如果有)。例如,锚链接片段。

video VideoObjectClip

相应步骤的视频或视频剪辑。

如果是 VideoObject,则位于必需的和建议的 Video 属性列表之后。

为包含 hasPart 的 HowTo 的各个步骤添加标记。下面是一个示例:

{
  "@type": "HowToStep",
  "video": {
    "@id": "Clip1"
  }
}

HowToSupply、HowToTool

如需了解 HowToSupplyHowToTool 的完整定义,请访问 schema.org/HowToSupplyschema.org/HowToTool

HowToSupplyHowToTool 用于完成 HowTo。这两者具有相同的必需属性和建议属性。

必需的属性
name Text

材料或工具的名称。

建议的属性
image ImageObjectURL

材料或工具的图片。其他图片指南:

  • 图片网址必须可抓取且可编入索引
  • 图片必须代表已标记的内容。
  • 图片必须为 .jpg、.png 或 .gif 格式。

HowToDirection、HowToTip

如需了解 HowToDirectionHowToTip 的完整定义,请访问 schema.org/HowToDirectionschema.org/HowToTip

HowToDirectionHowToTip 用于描述指导或提示。这两者具有相同的必需属性和建议属性。

必需的属性
text Text

相应指导或提示的文字。

发送以下问题的反馈:

此网页