Anleitung

Mithilfe von strukturierten HowTo-Daten können Sie Google explizit mitteilen, dass es sich bei Ihren Inhalten um eine Anleitung handelt. In einer Anleitung werden Nutzer durch eine Reihe von Schritten geführt, mit denen sie eine Aufgabe durchführen. HowTo-Anleitungen können Videos, Bilder und Text enthalten. Typische Beispiele wären etwa "Wie bindet man eine Krawatte?" oder "So fliese ich eine Küchenrückwand". Wenn die einzelnen Schritte in Ihrer Anleitung nacheinander auszuführen sind, ist das ein guter Hinweis darauf, dass strukturierte HowTo-Daten hilfreich wären. Strukturierte HowTo-Daten werden dann empfohlen, wenn die Anleitung das Hauptelement der Webseite bildet.

Korrekt ausgezeichnete Anleitungsseiten können als Rich-Ergebnis in der Suche und als HowTo-Aktion für Google Assistant angezeigt werden. So erreichen Sie mit Ihrer Website noch besser die passende Zielgruppe.

Verfügbarkeit der Funktion

Rich-Suchergebnisse von Anleitungen können in allen Ländern und allen Sprachen angezeigt werden, in denen die Google-Suche verfügbar ist. Die Funktion kann nur auf Mobilgeräten und nicht auf Computern genutzt werden.

Beispiele

Im Folgenden sehen Sie einige Beispiele dafür, wie Ihre Inhalte als Rich-Suchergebnis für HowTo-Anleitungen aussehen könnten. Wenn Sie ein Bild vom Endergebnis der Anleitung und jeweils ein Bild pro Schritt hinzufügst, wird die Darstellung noch anschaulicher. Ihre Anleitung kann in der Google-Suche am wirkungsvollsten dargestellt werden, wenn Sie so viele erforderliche und empfohlene Properties wie möglich verwendenden.

Standard-Rich-Suchergebnis für HowTo-Anleitungen

Bild eines Standard-Rich-Suchergebnisses für HowTo-Anleitungen
JSON-LD

Hier ein Beispiel für eine textbasierte Anleitungsseite mit JSON-LD. Das Beispiel enthält nur ein einziges Bild vom Endergebnis der Anleitung. Für einige Schritte in diesem Ergebnis sehen die Nutzer eventuell eine Inhaltsvorschau.

Mikrodaten

Hier ein Beispiel für eine textbasierte Anleitungsseite mit Mikrodaten. Auch dieses Beispiel enthält nur ein einziges Bild vom Endergebnis der Anleitung. Für einige Schritte sehen die Nutzer in diesem Ergebnis eventuell auch eine Inhaltsvorschau.

Rich-Suchergebnis für HowTo-Anleitungen, die zu den einzelnen Schritten Bilder enthalten

Bild eines visuellen Rich-Suchergebnisses für HowTo-Anleitungen
JSON-LD

Hier ein Beispiel für eine Anleitungsseite mit JSON-LD, auf der zu den einzelnen Schritten Bilder gezeigt werden. Wenn es zu jedem Schritt ein Bild gibt, sehen die Nutzer eventuell eine Vorschau mit einem Bildkarussell.

Mikrodaten

Hier ein Beispiel für eine Anleitungsseite mit Mikrodaten, die zu den einzelnen Schritten Bilder enthält. Wenn es zu jedem Schritt ein Bild gibt, kann auch hier eine Vorschau mit Bildkarussell angezeigt werden.

Rich-Suchergebnis für HowTo-Anleitungen mit Video

JSON-LD

Hier ein Beispiel für eine HowTo-Anleitungsseite mit JSON-LD, die eine Kombination aus Text, Bildern und Videoclips enthält.

Mikrodaten

Hier ein Beispiel für eine HowTo-Anleitungsseite mit Mikrodaten, die eine Kombination aus Text, Bildern und Videoclips enthält.

Richtlinien

Damit Ihre Seite als Rich-Suchergebnis für HowTo-Anleitungen und als HowTo-Aktion für Google Assistant dargestellt werden kann, müssen Sie folgende Richtlinien beachten:

Inhaltsrichtlinien

  • Werbung: Strukturierte HowTo-Daten dürfen nicht zu Werbezwecken verwendet werden.
  • Unzulässige Inhalte: HowTo-Anleitungen werden möglicherweise nicht als Rich-Suchergebnis angezeigt, wenn sie obszöne, vulgäre, sexuell explizite oder gewaltförmige Inhalte, Werbung für gefährliche oder illegale Handlungen, Hassrede oder Belästigungen enthalten.
  • Quelle: Alle HowTo-Inhalte müssen für die Nutzer auf der Quellseite sichtbar sein. Die Anleitung sollte dabei im Mittelpunkt stehen. Verwenden Sie nur ein HowTo pro Seite.
  • Material und Werkzeuge: Alle Materialien und Werkzeuge, die benötigt werden, um die Anleitung auszuführen, müssen mit strukturierten Daten ausgezeichnet sein.
  • Schritte: Jeder HowToStep muss den gesamten Inhalt des Schritts auf der Quellseite enthalten. Zeichnen Sie keine anderen Daten der HowTo-Anleitung wie beispielsweise die Zusammenfassung oder die Einleitung als Anleitungsschritt aus.
  • Bilder zu den Schritten: Falls die Schritte am besten visuell dargestellt werden, müssen die entsprechenden Bilder für jeden HowToStep mit Markup ausgezeichnet sein. Zeichnen Sie nur die Bilder aus, die für den jeweiligen Schritt spezifisch sind, und verwenden Sie nicht dasselbe Bild für mehrere Schritte derselben Anleitung. Stimmen Sie die Bilder auf die Inhalte Ihrer Seite ab. Verwenden Sie weder Bilder, die nicht zur Anleitung passen, noch unterschiedliche Bilder nur zu dem Zweck, das Rich-Suchergebnis zu optimieren.
  • Endbild: Wenn sich das Endergebnis der Anleitung durch ein Bild treffend beschreiben lässt, fügen Sie dieses Bild auf der Seite ein. Achten Sie darauf, dass es auch über die image-Property in das HowTo-Markup eingefügt wurde. Für das Endbild dürfen Sie dasselbe Bild verwenden, das Sie schon per Markup dem letzten Schritt zugeordnet haben.
  • Inhalt: Geben Sie kein HowTo-Markup in Rezepten an. Dort sollten stattdessen Recipe structured data verwendet werden. Artikel und allgemeine Ratschläge, die keine spezifischen Anleitungen sind, eignen sich ebenfalls nicht für HowTo-Markup.

Definitionen strukturierter Datentypen

Damit die Inhalte als Rich-Suchergebnis angezeigt werden können, müssen Sie alle erforderlichen schema.org-Properties hinzufügen. Sie können auch die empfohlenen Properties einbinden, um Ihre strukturierten Daten weiter zu ergänzen und Ihren Nutzern so einen Mehrwert zu bieten.

Mit dem Test für Rich-Suchergebnisse von Google können Sie Ihre strukturierten Daten überprüfen und sich eine Vorschau ansehen.

HowTo

Die vollständige Definition von HowTo finden Sie unter schema.org/HowTo.

Mit dem Typ HowTo wird angegeben, dass die Seite eine HowTo-Anleitung enthält. Pro Seite muss eine Definition des Typs HowTo vorhanden sein.

Erforderliche Properties
name

Text

Der Titel der Anleitung, z. B. "Wie bindet man eine Krawatte?"

step HowToStep oder HowToSection

Ein Array mit HowToStep-Elementen, die die vollständigen Schritte der HowTo-Anleitung enthalten. Jedes step-Element sollte einem einzelnen Schritt der Anleitung entsprechen. Zeichnen Sie mit dieser Property keine anderen Teile der Anleitung wie beispielsweise die Zusammenfassung oder die Einleitung aus. Beispiel:

  • Wenn Sie für jeden Schritt vollständigen Text angeben möchten, fügen Sie für jedes HowToStep-Element text ein. Ein image, ein Titel für den Schritt als name und eine url sind optional, werden jedoch empfohlen, da optionale Properties zu einer optimalen Darstellung des Suchergebnisses beitragen können.
  • Bei komplexen Schritten können Sie einen name für den Schritt angeben und einzelne Teilschritte mithilfe von HowToDirection oder HowToTip auflisten.

Ein Array mit HowToSection-Elementen, die die vollständigen Schritte der HowTo-Anleitung enthalten. Beispiel:

Empfohlene Properties
description

Text

Der beschreibende Teil der Anleitung

estimatedCost MonetaryAmount oder Text

Die geschätzten Kosten der Materialien, die bei Ausführung der Anleitung verbraucht werden

image ImageObject oder URL

Ein Bild des Endresultats der Anleitung. Zusätzliche Richtlinien für Bilder:

  • Die Bild-URLs müssen crawlbar und indexierbar sein.
  • Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen das Format JPG, PNG oder GIF haben.
supply HowToSupply oder Text

Material, das bei der Ausführung der Anleitung oder einer einzelnen Anweisung verbraucht wird

tool HowToTool oder Text

Ein Gegenstand, der zum Ausführen der Anleitung oder einer einzelnen Anweisung verwendet, aber dabei nicht verbraucht wird

totalTime Duration

Die Gesamtzeit, die zur Ausführung aller Anweisungen benötigt wird, einschließlich der Zeit zur Vorbereitung der Materialien. Die Angabe erfolgt im ISO-8601-Format.

video VideoObject

Ein Video der Anleitung. Beachten Sie hierbei die Liste der erforderlichen und empfohlenen Video-Properties. Die Schritte des Videos werden mit hasPart ausgezeichnet.

video.hasPart

Clip

Ein Videoclip, der Teil des gesamten Videos ist

video.hasPart.endOffset

Number

Die Endzeit des Clips, ausgedrückt als Anzahl der Sekunden ab Beginn des Videos

video.hasPart.name

Text

Der Name des Clips. Ein Clip, der das Knoten einer Krawatte zeigt, könnte beispielsweise "Knoten binden" heißen.

hasPart.startOffset

Number

Die Startzeit des Clips, ausgedrückt als Anzahl der Sekunden ab Beginn des Videos

video.hasPart.url

URL

Eine Verknüpfung zur Startzeit des Clips. Die Startzeit muss mit dem in video.hasPart.startOffset festgelegten Wert übereinstimmen. Beispiel:


"startOffset": 30,
"endOffset": 45,
"url": "http://www.example.com/example&t=30"

HowToSection

Die vollständige Definition von HowToSection finden Sie unter schema.org/HowToSection.

Mit dem Typ HowToSection wird ein Abschnitt innerhalb einer einzelnen Anleitung definiert. Er kann einen oder mehrere Schritte enthalten. HowToSection ist nicht dafür gedacht, verschiedene Lösungswege für eine Aufgabe anzugeben, stattdessen sollte HowToSection nur im Rahmen einer einzelnen Lösung verwendet werden. Falls Sie verschiedene Lösungswege für eine Aufgabe aufzeigen möchten, verwenden Sie dafür am besten mehrere HowTo-Objekte. So würden Sie beispielsweise unterschiedliche Methoden zum Reifenwechseln mit mehreren HowTo-Objekten und nicht mithilfe von HowToSection-Objekten angeben.

Erforderliche Properties
itemListElement HowToStep

Eine Liste mit detaillierten Schritten für den Abschnitt

name Text

Der Name des Abschnitts

HowToStep

Die vollständige Definition von HowToStep finden Sie unter schema.org/HowToStep.

Mit dem Typ HowToStep wird ein Schritt in Textform innerhalb einer HowTo-Anleitung definiert. Er kann zusätzlich ein Bild enthalten.

Erforderliche Properties
itemListElement HowToDirection oder HowToTip

Eine Liste detaillierter Teilschritte einschließlich Anweisungen oder Tipps.

Optional, wenn text verwendet wird.

text Text

Der vollständige Anweisungstext des Schritts.

Optional, wenn itemListElement verwendet wird. Zusätzliche Richtlinien:

  • Geben Sie nur den reinen Anweisungstext an und lassen Sie sonstige Textteile wie "Anleitung", "Video ansehen" oder "Schritt 1" weg. Diese Textteile können Sie außerhalb der ausgezeichneten Property angeben.
Empfohlene Properties
image ImageObject oder URL

Ein Bild des Schritts. Zusätzliche Richtlinien für Bilder:

  • Die Bild-URLs müssen crawlbar und indexierbar sein.
  • Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen das Format JPG, PNG oder GIF haben.
name Text

Ein Wort oder eine Wortgruppe zur Zusammenfassung des Schritts, zum Beispiel "Drähte am Anschluss befestigen" oder "Graben". Verwenden Sie dabei keinen Text, der nicht den auszuführenden Schritt selbst beschreibt, wie "Schritt 1: [text]", oder ein anderes Aufzählungszeichen, z. B. "1. [text]").

url URL

Eine URL, die direkt auf den Schritt verweist (sofern verfügbar). Das kann beispielsweise ein Ankerlink-Fragment sein.

video VideoObject oder Clip

Ein Video des Schritts oder ein Ausschnitt (Clip) aus dem Video

Beachten Sie für VideoObject die Liste der erforderlichen und empfohlenen Video-Properties.

HowToSupply, HowToTool

Die vollständigen Definitionen von HowToSupply und HowToTool finden Sie unter schema.org/HowToSupply bzw. schema.org/HowToTool.

Mit HowToSupply und HowToTool geben Sie die Materialien und Werkzeuge an, die zum Ausführen der HowTo-Anleitung benötigt werden. Für beide Typen gelten dieselben erforderlichen und empfohlenen Properties.

Erforderliche Properties
name Text

Die Bezeichnung des Materials oder Werkzeugs

Empfohlene Properties
image ImageObject oder URL

Ein Bild des Materials oder Werkzeugs. Zusätzliche Richtlinien für Bilder:

  • Die Bild-URLs müssen crawlbar und indexierbar sein.
  • Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen das Format JPG, PNG oder GIF haben.

HowToDirection, HowToTip

Die vollständigen Definitionen von HowToDirection und HowToTip finden Sie unter schema.org/HowToDirection bzw. schema.org/HowToTip.

Mit HowToDirection und HowToTip können Sie Anweisungen formulieren oder Text für Tipps hinzufügen. Für beide Typen gelten dieselben erforderlichen und empfohlenen Properties.

Erforderliche Properties
text Text

Der Text der Anleitung bzw. des Tipps