Anleitung (HowTo)

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, um eine Aufgabe abzuschließen. 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 Sie von strukturierten HowTo-Daten profitieren könnten. 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

HowTo-Rich-Ergebnisse können momentan auf Englisch in allen Ländern 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. Mit einem Bild vom Endresultat der Anleitung und jeweils einem Bild pro Schritt 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 hinzufügen.

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, das das Endresultat der Anleitung zeigt. 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 können die Nutzer in diesem Ergebnis außerdem eine Inhaltsvorschau sehen.

Rich-Suchergebnis für HowTo-Anleitungen, die zu den 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 Anleitungsseite mit JSON-LD, die eine Mischung aus Text, Bildern und Videoclips enthält.

Mikrodaten

Hier ein Beispiel für eine Anleitungsseite mit Mikrodaten, die eine Mischung 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 HowTo-Anleitung auszuführen, müssen mit strukturierten Daten ausgezeichnet sein.
  • Schritte: Jeder HowToStep muss den gesamten Inhalt des Schritts auf der Quellseite enthalten. Markieren Sie keine anderen Daten der HowTo-Anleitung, beispielsweise die Zusammenfassung oder die Einleitung, als Schritt.
  • 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. Markieren Sie nur die Bilder, die für jeden Schritt spezifisch sind, und verwenden Sie nicht dasselbe Bild in mehreren Schritten derselben Anleitung. Stimmen Sie die Bilder auf die Inhalte Ihrer Seite ab. Verwenden Sie weder Bilder, die nicht zur Anleitung passen, noch andere Bilder, um das Rich-Suchergebnis zu optimieren.
  • Endbild: Wenn sich das Endresultat der Anleitung durch ein Bild genau beschreiben lässt, fügen Sie dieses Bild auf der Seite ein. Achten Sie darauf, dass es auch über die HowTo-Property in das image-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: Verwenden Sie kein HowTo-Markup für Rezepte. Für Rezepte sollten die 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 damit Ihren Nutzern Mehrwert zu bieten.

Mit dem Test für Rich-Suchergebnisse von Google überprüfen Sie Ihre strukturierten Daten und können 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. Markieren Sie mit dieser Property keine anderen Daten der Anleitung wie beispielsweise die Zusammenfassung oder die Einleitung. Beispiel:

  • Wenn Sie den vollständigen Text für jeden Schritt zur Verfügung stellen möchten, geben Sie text für jeden HowToStep an. 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, in denen die vollständigen Anweisungen dieser HowTo-Anleitung enthalten sind. 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.
  • Die Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen in den Formaten JPG, PNG oder GIF vorliegen.
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 nicht dabei 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.

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, nutzen Sie dafür mehrere HowTo-Objekte. So würden Sie beispielsweise unterschiedliche Methoden zum Reifenwechseln mit mehreren HowTo-Objekten und nicht mit 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.
  • Die Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen in den Formaten JPG, PNG oder GIF vorliegen.
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 die Liste der zu VideoObject gehörenden erforderlichen und empfohlenen Video-Properties.

Zeichnen Sie die einzelnen Schritte der HowTo-Anleitung mit hasPart aus. Beispiel:

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

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.
  • Die Bilder müssen den mit Markup ausgezeichneten Inhalt darstellen.
  • Die Bilder müssen in den Formaten JPG, PNG oder GIF vorliegen.

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.

Feedback geben zu...