Strukturierte Daten mit JavaScript generieren

Moderne Websites verwenden JavaScript, um viele dynamische Inhalte anzuzeigen. Es gibt ein paar Dinge, auf die Sie achten müssen, wenn Sie JavaScript verwenden, um strukturierte Daten auf Ihren Websites zu generieren, und dieser Leitfaden behandelt Best Practices und Implementierungsstrategien. Wenn Sie neu bei strukturierten Daten sind, können Sie mehr darüber erfahren
wie strukturierte Daten funktionieren.

Es gibt verschiedene Möglichkeiten, strukturierte Daten mit JavaScript zu generieren, aber die gebräuchlichsten sind:

• Google Tag Manager
• Benutzerdefiniertes JavaScript

Verwenden Sie den Google Tag Manager, um JSON-LD dynamisch zu generieren

Google Tag Manager ist eine Plattform, mit der Sie Tags auf Ihrer Website verwalten können, ohne den Code zu bearbeiten. Um strukturierte Daten mit dem Google Tag Manager zu generieren, befolgen Sie diese Schritte:

1. Einrichten und Installieren des Google Tag Managers auf Ihrer Website.
2. Fügen Sie ein neues Benutzerdefiniertes HTML Tag zum Container hinzu.
3. Fügen Sie einen unterstützten Block für strukturierte Daten in den Tag-Inhalt ein.
4. Installieren Sie den Container wie im Abschnitt Google Tag Manager installieren des Admin-Menüs Ihres Containers gezeigt.
5. Um das Tag zu Ihrer Website hinzuzufügen, veröffentlichen Sie Ihren Container in der Google Tag Manager-Oberfläche.
6. Testen Sie Ihre Implementierung.

Verwendung von Variablen im Google Tag Manager

Der Google Tag Manager (GTM) unterstützt Variablen
um Informationen auf der Seite als Teil Ihrer strukturierten Daten zu verwenden. Verwenden Sie Variablen, um die strukturierten Daten von der Seite zu extrahieren, anstatt die Informationen im GTM zu duplizieren. Das Duplizieren der Informationen im GTM erhöht das Risiko einer Diskrepanz zwischen dem Seiteninhalt und den strukturierten Daten, die mit GTM eingefügt wurden.

Sie können beispielsweise dynamisch ein Rezept JSON-LD-Block erstellen
der den Seitentitel als Rezeptnamen verwendet, indem Sie die folgende benutzerdefinierte Variable namens:

recipe_name erstellen. Sie können dann {{recipe_name}}

in Ihrem benutzerdefinierten Tag-HTML verwenden.

Wir empfehlen, Variablen zu erstellen, um alle notwendigen Informationen von der Seite mithilfe von Variablen zu sammeln.

im GTM definiert haben.

Strukturierte Daten mit benutzerdefiniertem JavaScript generieren
Eine weitere Möglichkeit, strukturierte Daten zu generieren, besteht darin, JavaScript zu verwenden, um entweder alle Ihre strukturierten Daten zu generieren oder dem serverseitig gerenderten strukturierten Daten weitere Informationen hinzuzufügen. In jedem Fall kann die Google-Suche strukturierte Daten verstehen und verarbeiten, die im DOM verfügbar sind, wenn sie die Seite rendert. Um mehr darüber zu erfahren, wie die Google-Suche JavaScript verarbeitet, lesen Sie den.

Leitfaden zu JavaScript-Grundlagen

1. Hier ist ein Beispiel für JavaScript-generierte strukturierte Daten: Finden Sie die Art von
2. strukturierten Daten
3. an der Sie interessiert sind..

Bearbeiten Sie das HTML Ihrer Website, um ein JavaScript-Snippet wie das folgende Beispiel einzufügen (beachten Sie die Dokumentation Ihres CMS oder Hosting-Anbieters oder fragen Sie Ihre Entwickler).

Testen Sie Ihre Implementierung mit dem Test für Rich-Suchergebnisse Verwendung von serverseitigem RenderingWenn Sie serverseitiges Rendering
verwenden, können Sie die strukturierten Daten auch in die gerenderte Ausgabe aufnehmen. Überprüfen Sie die Dokumentation Ihres Frameworks, um herauszufinden, wie Sie das JSON-LD für

die Art von strukturierten Daten

generieren, an der Sie interessiert sind.

1. Testen Sie Ihre Implementierung Um sicherzustellen, dass die Google-Suche Ihre strukturierten Daten crawlen und indexieren kann, testen Sie Ihre Implementierung:.
2. Öffnen Sie den
   
3. Geben Sie die URL ein, die Sie testen möchten. Wir empfehlen, die URL-Eingabe anstelle der Code-Eingabe zu verwenden, da es bei der Verwendung der Code-Eingabe JavaScript-Einschränkungen gibt (z. B. CORS-Einschränkungen)..

   Klicken Sie aufURL testen Erfolg: Wenn Sie alles richtig gemacht haben und Ihr
   strukturierter Datentyp im Tool unterstützt wird

   , sehen Sie die Meldung “Seite ist für Rich-Suchergebnisse geeignet”.Wenn Sie einen strukturierten Datentyp testen, der vom Test für Rich-Suchergebnisse nicht unterstützt wird, überprüfen Sie das gerenderte HTML. Wenn das gerenderte HTML die strukturierten Daten enthält, kann die Google-Suche sie verarbeiten. Versuchen Sie es erneut : Wenn Sie Fehler oder Warnungen sehen, handelt es sich höchstwahrscheinlich um einen Syntaxfehler oder eine fehlende Eigenschaft. Lesen Sie die
   Dokumentation.