HowTo

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

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

示例

下面是一些关于您的内容在 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 内容。
  • 最终图片:如果可以用一张图片准确描述最终结果,请确保此图片显示在相应网页上且包含 image 属性。
  • 材料和工具:为完成相应任务所需的所有材料和工具添加结构化数据。
  • 步骤:每个 HowToStep 都必须包含来源步骤的完整内容。如果步骤最适合以直观形式呈现,请确保为这些步骤中的图片添加标记。请勿在同一个 HowTo 的多个步骤中使用同一张图片。

结构化数据类型定义

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

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

HowTo

schema.org/HowTo 上提供了 HowTo 的完整定义。

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

必需的属性
name

Text

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

step HowToStepHowToSection

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

  • 您可以设置每个 HowToSteptext,为每个步骤指定完整文字内容。imageurl 为可选项。
  • 对于复杂的步骤,您可以提供步骤 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

schema.org/HowToSection 上提供了 HowToSection 的完整定义。

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

必需的属性
itemListElement HowToStep

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

name Text

相应部分的名称。

HowToStep

schema.org/HowToStep 上提供了 HowToStep 的完整定义。

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

必需的属性
itemListElement HowToDirectionHowToTip

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

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

text Text

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

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

  • 只能添加说明文字,不能添加“指导”、“观看视频”、“第 1 步”等其他文字。请在结构化数据以外指定这些内容。
建议的属性
image ImageObjectURL

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

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

相应步骤的总结字词或词组。不得使用非描述性文字(例如“第 1 步”)。

url URL

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

video VideoObjectClip

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

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

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

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

HowToSupply、HowToTool

schema.org/HowToSupplyschema.org/HowToTool 上分别提供了 HowToSupplyHowToTool 的完整定义。

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

必需的属性
name Text

材料或工具的名称。

建议的属性
image ImageObjectURL

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

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

HowToDirection、HowToTip

schema.org/HowToDirectionschema.org/HowToTip 上分别提供了 HowToDirectionHowToTip 的完整定义。

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

必需的属性
text Text

相应指导或提示的文字。

发送以下问题的反馈:

此网页