Ein Leitfaden zur Implementierung strukturierter JSON-LD-Daten

Die Verwendung von Schema-Markup auf Ihrer Website, um Rich Snippets zu aktivieren und Ihre Präsenz in den SERPs zu erhöhen, ist keine neue Strategie. Wir stellen jedoch im Allgemeinen fest, dass unsere neuen Kunden möglicherweise zuvor auf die Implementierung verzichtet haben oder aufgrund von Zeit- oder Ressourcenmangel Schwierigkeiten hatten.

Aber die Kopfschmerzen bei der Implementierung von Inline-Mikrodaten gehören der Vergangenheit an. Google unterstützt nicht nur, sondern empfiehlt Ihnen, JSON-LD (JavaScript Object Notation for Linked Data) zu verwenden. für Ihre strukturierten Daten, was ein großer Schritt nach vorn ist. Das bedeutet, dass Google keine Inline-Mikrodaten hart codieren muss, sondern jetzt JavaScript crawlt, um auf Ihre strukturierten Daten zuzugreifen.

Das ist großartig, denn mit JSON-LD lässt sich einfacher arbeiten und es ist einfacher zu lesen und zu schreiben, wenn Sie dazu neigen. Darüber hinaus gibt es jetzt mehr Möglichkeiten denn je, Ihre strukturierten Daten zu implementieren.

„Aber was ist, wenn ich nicht weiß, wie man JavaScript schreibt?“

Die gute Nachricht hört hier nicht auf. Dieser Beitrag führt Sie durch einige der einfachsten Möglichkeiten zur Implementierung Ihrer strukturierten Daten und listet einige sehr nützliche Ressourcen auf, um mehr über JSON-LD zu erfahren.

Das Data Highlighter-Tool von Google

Zunächst haben Sie die Möglichkeit, das Highlighter-Tool der Google Search Console zu verwenden, mit dem Sie strukturierte Daten implementieren können, ohne sich eine einzige Codezeile ansehen zu müssen .

Sie können Schemas für eine Reihe von Daten hinzufügen, darunter Artikel, Veranstaltungen, Produkte und lokale Geschäftsinformationen. Das Tool zeigt Ihnen dann eine Vorschau der Seite an, sodass Sie bestimmte Inhalte direkt hervorheben und das Markup für Sie hinzufügen können:

Dies ist der einfachste und schnellste Weg, um strukturierte Daten zu Ihrer Website hinzuzufügen. Warum also die Mühe machen, es auf die harte Tour zu machen?

Nun, das Problem ist, dass der Daten-Highlighter von Google nur mit Google spricht. Obwohl es ein großartiger Ausgangspunkt ist, sollten Sie hier nicht aufhören.

Wir sehen kontinuierliche Entwicklungen in der Art und Weise, wie Google strukturierte Daten verwendet. Zuletzt gab es eine Ankündigung für Rich Cards auf dem Handy:

Es ist nicht nur auf Google beschränkt – die Giganten der sozialen Medien haben Wege gefunden, diese Daten zu nutzen. Pinterest ermöglicht es beispielsweise Rich Pins, Daten zu Produkten, Rezepten, Orten usw.

Es gibt viele coole Dinge, die Sie mit Schema-Markup tun können, die Sie nicht auch mit dem Textmarker-Tool von Google tun können. Versuchen Sie beispielsweise, Ihre Social-Media-Profile zum Wissensbereich hinzuzufügen, wie es ASOS unten bietet:

Vielleicht möchten Sie eine Sitelink-Suchleiste wie BuzzFeed unten hinzufügen, damit die Leute innerhalb der SERP (so Meta) auf Ihrer Website suchen können:

Aus all den oben genannten Gründen empfehlen wir Ihnen dringend, das Daten-Highlighter-Tool von Google als kurzfristige Lösung zu verwenden und gleichzeitig sicherzustellen, dass Sie Ihr Schema-Markup auf Ihren Webseiten als zukunftssicherere Lösung codieren. Dadurch erhalten Sie das volle Eigentum und die volle Verwaltung Ihrer strukturierten Daten. Es kann Ihnen auch in Bing und anderen kleineren Suchmaschinen zugute kommen.

Einfache Möglichkeiten zum Hinzufügen von Schema-Markup

Wenn Ihre Website auf WordPress läuft, können Sie ein Plugin wie den Schema Creator von Raven verwenden. Dieses praktische Tool führt Sie durch den Prozess und erstellt für jedes von Ihnen erstellte Schema einen Shortcode, mit dem Sie es später bearbeiten können:

Wenn Sie kein WordPress verwenden und trotzdem Ihre strukturierten JSON-LD-Daten manuell codieren möchten oder einfach nur mehr über das Thema erfahren möchten, dann kommt hier der Google Tag Manager ins Spiel!

Verwenden von Google Tag Manager zum Pushen strukturierter Daten

Das Spannende an den Suchmaschinen, die JSON-LD unterstützen, ist, dass es überall im HTML aufgegriffen wird, auch wenn es von einem Tag-Management-System wie Google Tag Manager dynamisch eingefügt wird.

Mit JSON-LD in den Griff bekommen

Bevor Sie beginnen, müssen Sie sich mit JSON-LD vertraut machen. Glücklicherweise finden Sie online viele nützliche Ressourcen, aber wenn Sie sich immer noch nicht sicher sind, müssen Sie entweder einen Entwickler oder einen Marketingprofi mit Erfahrung in der Arbeit mit JSON-LD konsultieren.

Hier sind ein paar Links, um Ihnen den Einstieg zu erleichtern:

• Dokumentation auf Schema.org, sortiert nach Typ.
• JSON Playground, ein großartiger Ort, um mit den Informationen, die Sie im obigen Link finden, herumzuspielen, mit einigen nützlichen Beispielen, die Ihnen den Einstieg erleichtern.
• JSON-LD Generator vom Entwickler James Flynn, sehr einfach zu bedienen und nimmt Ihnen die harte Arbeit ab.
• Leitfaden für strukturierte Daten aus der realen Welt von Search Engine News mit Beispielen für Rich Snippets in freier Wildbahn.

Schritt für Schritt Anleitung

Sehen wir uns nun ein leicht verständliches Beispiel für die Verwendung von Tag Manager zum Pushen von strukturierten JSON-LS-Daten an, um Ihnen den Einstieg zu erleichtern. Hinweis: Wenn Sie GTM noch nicht zum Bereitstellen und Verwalten von Marketing- und Analyse-Tags verwenden, lesen Sie diese einfache Einrichtungs- und Installationsanleitung.

Schritt eins – Tag hinzufügen

Fügen Sie zunächst ein neues Tag hinzu:

Zweiter Schritt – Benennen Sie Ihr Tag

Benennen Sie Ihr Tag mit einem sinnvollen Namen. In diesem Beispiel konzentriere ich mich auf das Hinzufügen von Organisationsschema-Markup:

Schritt Drei – Benutzerdefiniertes HTML-Tag auswählen

Da wir unser eigenes JSON-LD-Markup verwenden, müssen Sie die benutzerdefinierte HTML-Tag-Option auswählen und auf Weiter klicken:

Schritt vier – Geben Sie Ihr JSON-LD-Markup ein

Jetzt müssen Sie Ihr Markup in das HTML-Feld eingeben. In diesem Beispiel habe ich das hier gefundene JSON-LD-Format für Organisation verwendet.

Schritt 5 – Wählen Sie, wann das Tag ausgelöst werden soll

Für dieses spezielle Setup möchte ich auf allen Seiten Feuer auswählen, da es sich um ein "Organisations"-Markup und damit eine Site-weit handelt. Dazu kann ich einfach 'alle Seiten' auswählen, bevor ich das Tag speichere. Damit ist meine Implementierung abgeschlossen:

Wenn Sie ein Schema hinzufügen möchten, das für eine bestimmte Seite oder Gruppe von Seiten spezifisch ist, können Sie die Option "einige Seiten" verwenden, um eine bestimmte Seite anzugeben:

Dies ist beispielsweise sinnvoll, wenn Sie Ihrer Kontaktseite Informationen zum lokalen Unternehmen hinzufügen oder mehrere Unternehmensstandorte markieren müssen.

Tipp: Wenn Sie eine Gruppe von Seiten angeben möchten, können Sie die Seiten-URL-Operation "enthält" oder die Operation RegEx (regulärer Ausdruck) verwenden.

Ein weiterer Tipp: Sie können Ihre strukturierten Daten (Code) in einem einzelnen benutzerdefinierten HTML-Tag oder in logischen Gruppen von Tags kombinieren, um die Anzahl der Tags in Ihrem Container zu reduzieren.

Schritt Sechs – Testen

Sie können zwar den Vorschau- und Debug-Modus von Google Tag Manager verwenden, um zu testen, ob Ihr Tag ausgelöst wird, Sie müssen jedoch auch sicherstellen, dass es außerhalb der Tag Manager-Plattform funktioniert:

Sowohl Google als auch Bing verfügen über praktische Tools, mit denen Sie Ihre strukturierten Daten testen und sicherstellen können, dass alles wie gewünscht funktioniert. Denken Sie daran, zuerst Ihre Containerversion im Tag Manager zu veröffentlichen.

• Testtool für strukturierte Daten von Google
• Bings Markup-Validator

Stellen Sie sicher, dass Sie diese kostenlosen Tools verwenden, wenn Sie Ihre Implementierung testen, unabhängig davon, ob Sie ein Plug-in, Tag Manager oder Ihr Schema hartcodiert haben. Google hat kürzlich einige Verbesserungen an seinem Tool vorgenommen und Funktionen wie Hervorhebung, Suchen und Ersetzen und automatische Vervollständigung verfeinert.

Mit dieser Methode können Sie problemlos ein JSON-LD-Snippet in eine oder mehrere Seiten einfügen. Wenn Sie jedoch technischer werden und Tag Manager verwenden möchten, um Ihr Snippet dynamisch zu generieren, beispielsweise mithilfe von {{page URL}}, funktioniert dies nicht. Chris Goddard hat kürzlich im Moz-Blog einen großartigen Beitrag mit einem Workaround dafür geschrieben.

Fazit

Die jüngsten Entwicklungen der letzten Jahre haben es viel einfacher gemacht, Schema-Markup auf Ihrer Website zu implementieren. Das Google-eigene Data Highlighter-Tool ist eine einfache Möglichkeit, Schemas schnell zum Vorteil von Google hinzuzufügen, aber es ist ratsam, dass Sie planen, Ihr Schema entweder mit Plug-Ins, Google Tag Manager oder von Hand zu codieren.

Die Implementierung von strukturierten JSON-LD-Daten ist heute die am weitesten verbreitete und empfohlene Methode zum Formatieren von Schema-Markup. Dies garantiert zwar nicht, dass in Ihren Suchergebnissen Rich Snippets oder Rich Cards angezeigt werden, aber dies sollte Sie nicht davon abhalten, den Suchmaschinen die bestmöglichen Daten zur Verfügung zu stellen, sofern diese korrekt implementiert wurden.

Wenn Sie Hilfe bei der Implementierung strukturierter Daten auf Ihrer Website benötigen, kontaktieren Sie uns.

Wenn Sie Hilfe bei Ihrem benötigen, zögern Sie nicht, uns zu kontaktieren.