06. September 2020

Wie füge ich ein How-To Rich Snippet zu meiner Webseite hinzu?

How-To Rich Snippet Webseite Schema einfügen

Ein schema.org Markup dient dazu, eine Webseite zu strukturieren. Suchmaschinen wie Google oder Bing, nutzen diese Informationen dann um dem Besucher Daten besser darzustellen.

Dieses Schema-Markup erstellt, dann eine erweiterte Beschreibung, ein sogenanntes Rich Snippet.

Duch das Verwenden von einem How-To Rich Snippet, teilst Du Google explizit mit, dass Ihre Inhalte eine Anleitung sind.

Eine Anleitung führt deinen Benutzer durch eine Reihe von Schritten und kann dabei Videos, Bilder und Text enthalten.

Das Ganze sieht dann in der Google Suche so aus:

Google Vorschau Schema Mockup

Das ganze lässt sich mit Google Tag Manager ohne Zugriff auf den HTML Code umsetzen.

Schritt 1: Erstelle den JSON-LD Code

Das hört sich jetzt erstmal kompliziert an, jedoch bieten viele verschieden Webseiten das Erstellen des JSON-LS Codes für dich an.

Eine Beispielwebseite wäre https://technicalseo.com/tools/schema-markup-generator/. Hier erstellst du das Anleitung (How-To) Schema und kopierst den Code.

JSON-LD Code speichern

Schritt 2: Erstelle ein benutzerdefiniertes HTML-Tag

Öffne Google Tag Manager und erstelle unter Tags ein neues benutzerdefiniertes HTML-Tag in das du den JSON-LD Code einfügst.

Google Tag Manager Tag erstellen

Schritt 3: Erstelle einen Trigger

Anschließend scrollst du runter und klickst du auf Feld in Trigger und wählst klickst auf das blaue Plus rechts oben.

google tag manager trigger erstellen

Hier wählst du Seitenaufruf aus und anschließend Einige Seitenaufrufe. Hier fügst du die Seiten URL ein, bei der das Schema Markup hinzugefügt werden soll, wie im folgenden Bild.

Google Tag Manager Trigger erstellen

Schritt 4: Google Tag Manager Container veröffentlichen

Klicke rechts oben auf den Senden Button und anschließend auf Veröffentlichen.

Google Tag Manager Container veröffentlichen

Schritt 5: Markup Schema testen

Dazu öffnest du einfach Google Rich Results Test fügst deine URL ein und klickst auf TEST URL.

Markup Schema testen

Alternativ: WordPress und Yoast SEO

Alternativ kannst du mit WordPress und Yoast SEO viel einfacher die strukturierten Daten erstellen.

Dazu installierst du einfach Yoast SEO. Das gibt dir Zugriff auf die strukturierten Datenblöcke in deinem WordPress Gutenberg Editor.

Jetzt fügst du nur einen neuen Datenblock ein und wählst den How-To Block, dieser sieht dann wie folgt aus:

Yoast SEO strukturierter Datenblock

Hier kannst du dann alle Schritte eingeben, Bilder hinzufügen und noch eine Gesamtzeit einfügen.

Die Kosten, oder die Mittel die benötigt werden können im Yoast SEO How-To Schema leider nicht angegeben werden und lösen so im Testtool 2 Warnungen aus.

Am Besten fügst du dann eine zusätzlich CSS-Klasse ein und lässt diese nicht anzeigen (display: none).

Hier erfährst du wie du in nur 5 Schritten ein Anteilungsschema zu deinem Google Suchergebnis hinzufügst.

Gesamtzeit: 30 Minuten

Erstelle den JSON-LD Code

Das hört sich jetzt erstmal kompliziert an, jedoch bieten viele verschieden Webseiten das Erstellen des JSON-LS Codes für dich an. Eine Beispielwebseite wäre https://technicalseo.com/tools/schema-markup-generator/. Hier erstellst du das Anleitung (How-To) Schema und kopierst den Code.JSON LD Code speichern

Erstelle ein benutzerdefiniertes HTML-Tag

Öffne Google Tag Manager und erstelle unter Tags ein neues benutzerdefiniertes HTML-Tag in das du den JSON-LD Code einfügst.Google Tag Manager Tag erstellen

Erstelle einen Trigger

Anschließend scrollst du runter und klickst du auf Feld in Trigger und wählst klickst auf das blaue Plus rechts oben.google tag manager trigger erstellen

Google Tag Manager Container veröffentlichen

Klicke rechts oben auf den Senden Button und anschließend auf Veröffentlichen.Google Tag Manager Container veröffentlichen

Markup Schema testen

Dazu öffnest du einfach Google Rich Results Test fügst deine URL ein und klickst auf TEST URL.google structured data testing tool

Hinweis: Einige Links auf dieser Seite könnten sogenannte Affiliate-Links sein. Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision. Für dich verändert sich der Preis nicht.

Abonnieren
Benachrichtige mich bei
guest
2 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Mario
Mario
2 Jahre zuvor

Hallo, leider klappt das bei meiner Webseite die bei Ionos läuft (Webbaukasten) nicht

Pin It on Pinterest