bywords
AnmeldenKostenlos prüfen
Hilfe & Anleitung

So fügen Sie Ihr Snippet in den HTML-Kopf Ihrer Website ein

Ihr Report enthält fertigen Schema-Code zum Kopieren. Hier erfahren Sie ohne Vorwissen, was der „HTML-Kopf“ überhaupt ist und wie Sie das Snippet dort einfügen, mit Schritt-für-Schritt-Anleitungen für alle gängigen Website-Baukästen. Das Ganze dauert meist nur fünf bis zehn Minuten.

Was ist der HTML-Kopf (head)?

Jede Website besteht aus zwei Bereichen: dem sichtbaren Inhalt (body), also Texten, Bildern und Buttons, und einem unsichtbaren Kopfbereich (head). Im head stehen technische Informationen über die Seite, die Besucher nie sehen, die aber von Google und KI-Systemen wie ChatGPT gelesen werden.

Ihr Snippet ist genau so eine Information: strukturierte Daten über Ihren Betrieb (Name, Adresse, Leistungen) in einem Format, das Maschinen sicher verstehen. Es verändert weder Aussehen noch Funktion Ihrer Website. So sieht der Aufbau jeder Website aus:

<!DOCTYPE html>
<html>
  <head>
    ...
    ← Hierhin gehört Ihr Snippet
  </head>
  <body>
    Der sichtbare Inhalt Ihrer Website
  </body>
</html>

Keine Sorge: Mit dem Snippet können Sie praktisch nichts kaputt machen. Wichtig ist nur, dass Sie es vollständig einfügen und dabei keinen vorhandenen Code löschen. Zur Sicherheit können Sie den bisherigen Inhalt des Code-Feldes vorher in ein Textdokument kopieren.

In drei Schritten eingebaut

01

Snippet kopieren

Klicken Sie in Ihrem Report auf „Snippet kopieren“. Der Code liegt danach in der Zwischenablage, Sie müssen nichts markieren oder abtippen. Eingefügt wird er später mit Strg + V (Windows) bzw. cmd + V (Mac).

02

Code-Feld im Baukasten öffnen

Fast jeder Website-Baukasten hat ein Feld für eigenen Code im head-Bereich. Wo genau Sie es finden, zeigen die Anleitungen unten: von WordPress über Wix bis Jimdo.

03

Einfügen, speichern, veröffentlichen

Fügen Sie das Snippet in das Feld ein, speichern Sie und veröffentlichen Sie Ihre Website neu. Danach ist der Code aktiv. Wie Sie das prüfen, steht weiter unten.

Anleitung für Ihren Website-Baukasten

Wählen Sie das System, mit dem Ihre Website erstellt wurde. Die Schritte folgen den offiziellen Hilfe-Seiten der Anbieter, dort finden Sie bei Menü-Änderungen immer den aktuellen Stand.

WordPressDas weltweit meistgenutzte Website-System
  1. 01Melden Sie sich in Ihrem WordPress-Adminbereich an (meist unter ihre-domain.de/wp-admin).
  2. 02Gehen Sie links auf „Plugins“ → „Installieren“ und suchen Sie nach „WPCode – Insert Headers and Footers“.
  3. 03Klicken Sie auf „Jetzt installieren“ und anschließend auf „Aktivieren“.
  4. 04Öffnen Sie links den neuen Menüpunkt „Code Snippets“ → „Header & Footer“.
  5. 05Fügen Sie das Snippet in das Feld „Header“ ein und klicken Sie auf „Änderungen speichern“.
Gut zu wissen: Bearbeiten Sie nicht direkt die Datei header.php Ihres Themes: solche Änderungen gehen beim nächsten Theme-Update verloren. Ein Plugin wie WPCode ist der sichere Weg. Hinweis für WordPress.com-Nutzer: Dort sind Plugins erst ab dem Business-Tarif möglich.
Zur offiziellen Anleitung »
WixHomepage-Baukasten
  1. 01Öffnen Sie die Verwaltung Ihrer Website auf wix.com und gehen Sie auf „Einstellungen“.
  2. 02Scrollen Sie zum Abschnitt „Erweitert“ und klicken Sie auf „Benutzerdefinierter Code“ (Custom Code).
  3. 03Klicken Sie auf „+ Benutzerdefinierten Code hinzufügen“ und fügen Sie das Snippet in das Code-Feld ein.
  4. 04Geben Sie dem Code einen Namen (z. B. „LocalBusiness-Schema“) und wählen Sie „Alle Seiten“.
  5. 05Wählen Sie bei „Code platzieren in“ die Option „Head“ und klicken Sie auf „Übernehmen“.
Gut zu wissen: Benutzerdefinierter Code ist bei Wix nur mit einem Premium-Tarif und einer verbundenen eigenen Domain verfügbar.
Zur offiziellen Anleitung »
JimdoBeliebter Baukasten aus Deutschland
  1. 01Öffnen Sie Ihre Website im Bearbeitungsmodus und klicken Sie links oben auf „Menü“ → „Einstellungen“.
  2. 02Wählen Sie im Bereich „Webseite“ den Punkt „Head bearbeiten“.
  3. 03Fügen Sie das Snippet im Tab „Gesamte Website“ in das Eingabefeld ein.
  4. 04Klicken Sie unten rechts auf „Speichern“.
Gut zu wissen: Diese Schritte gelten für Jimdo Creator. Im neueren „Jimdo Website-Baukasten“ gibt es kein Head-Feld: Fügen Sie das Snippet dort über das Element „Eigener Code“ auf Ihrer Startseite ein und prüfen Sie anschließend (siehe unten), ob das Schema erkannt wird.
Zur offiziellen Anleitung »
SquarespaceDesign-Baukasten
  1. 01Melden Sie sich an und öffnen Sie „Einstellungen“ → „Entwicklertools“ → „Code-Injektion“ (je nach Version auch unter „Website“ → „Website-Tools“ → „Code-Injektion“).
  2. 02Fügen Sie das Snippet in das Feld „Header“ ein.
  3. 03Klicken Sie auf „Speichern“.
Gut zu wissen: Code-Injektion ist bei Squarespace ab dem Business-Tarif verfügbar.
Zur offiziellen Anleitung »
ShopifyOnlineshop-System
  1. 01Gehen Sie im Shopify-Adminbereich auf „Onlineshop“ → „Themes“.
  2. 02Klicken Sie bei Ihrem aktuellen Theme auf „⋯“ → „Code bearbeiten“.
  3. 03Öffnen Sie im Ordner „Layout“ die Datei theme.liquid.
  4. 04Suchen Sie mit Strg + F die Zeile </head> und fügen Sie das Snippet in einer neuen Zeile direkt darüber ein.
  5. 05Klicken Sie auf „Speichern“.
Gut zu wissen: Duplizieren Sie Ihr Theme vorher als Sicherungskopie („⋯“ → „Duplizieren“) und achten Sie darauf, keine vorhandenen Zeilen zu löschen oder zu überschreiben.
Zur offiziellen Anleitung »
WebflowDesign-Plattform
  1. 01Öffnen Sie Ihr Webflow-Dashboard, klicken Sie beim Projekt auf das Drei-Punkte-Menü und wählen Sie „Settings“.
  2. 02Öffnen Sie den Bereich „Custom Code“.
  3. 03Fügen Sie das Snippet in das Feld „Head Code“ ein.
  4. 04Klicken Sie auf „Save Changes“.
  5. 05Veröffentlichen Sie die Website neu („Publish“), damit die Änderung live geht.
Gut zu wissen: Custom Code setzt bei Webflow einen kostenpflichtigen Site Plan voraus.
Zur offiziellen Anleitung »
IONOS MyWebsite NowBaukasten von IONOS (1&1)
  1. 01Öffnen Sie den MyWebsite Now Editor.
  2. 02Gehen Sie in der linken Menüleiste auf „Einstellungen“ → „Eigener Head-Code“ (Custom Head Code).
  3. 03Fügen Sie das Snippet ein und folgen Sie dem Dialog zur Zustimmungsregel (Consent).
  4. 04Speichern Sie und veröffentlichen Sie die Website neu.
Gut zu wissen: IONOS führt eigenen Code standardmäßig erst nach Besucher-Zustimmung aus. Da Ihr Snippet keine Daten erhebt, sondern nur Ihren Betrieb beschreibt, wählen Sie eine möglichst offene Regel und prüfen Sie anschließend mit dem Test unten, ob das Schema erkannt wird.
Zur offiziellen Anleitung »
WeeblyBaukasten von Square
  1. 01Öffnen Sie im Weebly-Editor „Einstellungen“ → „SEO“.
  2. 02Fügen Sie das Snippet in das Feld „Kopfzeilen-Code“ (Header Code) ein.
  3. 03Klicken Sie auf „Speichern“ und veröffentlichen Sie die Website neu („Veröffentlichen“).
Gut zu wissen: Das Feld unter „Einstellungen“ → „SEO“ gilt für alle Seiten. Einzelne Seiten haben zusätzlich ein eigenes Feld unter „Seiten“ → Seite auswählen → „Erweitert“ → „Kopfzeilen-Code“.
Zur offiziellen Anleitung »
GoDaddy Websites + MarketingBaukasten von GoDaddy
  1. 01Öffnen Sie Ihren Website-Editor und gehen Sie zu der Seite, auf der das Snippet stehen soll (am besten die Startseite).
  2. 02Fügen Sie einen neuen Abschnitt hinzu und wählen Sie „HTML“ → „Benutzerdefinierter Code“.
  3. 03Fügen Sie das Snippet in das Code-Feld ein und veröffentlichen Sie die Website neu.
Gut zu wissen: GoDaddy Websites + Marketing bietet keinen direkten Zugriff auf den head-Bereich, und eingebetteter Code landet in einem abgetrennten Bereich (iframe), den Suchmaschinen und KI-Systeme unter Umständen nicht auswerten. Prüfen Sie das Ergebnis unbedingt mit dem Test unten, oder lassen Sie das Snippet von Ihrer Agentur einbauen.
Zur offiziellen Anleitung »
FramerDesign-Plattform
  1. 01Öffnen Sie Ihr Projekt und gehen Sie auf „Site Settings“ → „General“.
  2. 02Scrollen Sie zum Abschnitt „Custom Code“.
  3. 03Fügen Sie das Snippet in das Feld „End of <head> tag“ ein.
  4. 04Speichern Sie und veröffentlichen Sie die Website neu („Publish“).
Gut zu wissen: Custom Code ist bei Framer ab einem kostenpflichtigen Tarif verfügbar.
Zur offiziellen Anleitung »
Eigene Website (HTML) / anderes SystemSelbst programmiert oder vom Webentwickler erstellt
  1. 01Öffnen Sie die HTML-Datei Ihrer Startseite (meist index.html) in einem Text-Editor, oder die Vorlage (Template), aus der Ihre Seiten erzeugt werden.
  2. 02Suchen Sie den schließenden Tag </head>.
  3. 03Fügen Sie das Snippet in einer neuen Zeile direkt davor ein und speichern Sie die Datei.
  4. 04Laden Sie die Datei wie gewohnt auf Ihren Webspace hoch (z. B. per FTP oder über Ihr Deployment).
Gut zu wissen: Ihr System ist nicht dabei? Suchen Sie in der Hilfe Ihres Anbieters nach „Custom Code“, „Head-Code“ oder „Code einfügen“: Fast jeder Baukasten hat eine solche Funktion. Oder senden Sie das Snippet einfach an Ihre Webagentur (Textvorlage unten).
Nicht sicher, welches System Ihre Website nutzt? Fragen Sie die Person oder Agentur, die die Website erstellt hat, oder prüfen Sie es selbst: Öffnen Sie Ihre Website, klicken Sie mit der rechten Maustaste auf eine freie Fläche, wählen Sie „Seitenquelltext anzeigen“ und suchen Sie (Strg + F) nach wix, jimdo, wp- (WordPress), squarespace, webflow oder shopify.

Prüfen, ob alles geklappt hat

  1. 01Öffnen Sie Ihre Website im Browser, klicken Sie mit der rechten Maustaste auf eine freie Stelle und wählen Sie „Seitenquelltext anzeigen“. Suchen Sie mit Strg + F nach „application/ld+json“. Taucht der Eintrag auf, ist das Snippet eingebaut.
  2. 02Testen Sie Ihre Seite mit Googles Test für Rich-Suchergebnisse unter search.google.com/test/rich-results. Wird dort ein Eintrag für Ihren Betrieb erkannt, ist alles korrekt.
  3. 03Führen Sie den bywords-Check erneut aus: der Punkt „LocalBusiness-Schema“ sollte jetzt als erledigt erscheinen.

Lieber die Agentur machen lassen?

Kein Problem: für Profis ist der Einbau eine Sache von Minuten. Kopieren Sie diese Nachricht und senden Sie sie zusammen mit Ihrem Snippet an Ihre Webagentur oder Ihren Webmaster:

Hallo,

könnt ihr bitte das beigefügte JSON-LD-Snippet in den <head>-Bereich unserer Website einbauen, site-weit oder mindestens auf der Startseite?

Es handelt sich um strukturierte Daten nach schema.org (LocalBusiness). Design und Funktion der Website bleiben unverändert.

Vielen Dank!

Häufige Fragen zum Einbau

Kann ich mit dem Snippet etwas kaputt machen?

Praktisch nein. Das Snippet ist reine Information (strukturierte Daten) und verändert weder Design noch Funktion Ihrer Website. Wichtig ist nur: vollständig einfügen, inklusive der <script>-Zeilen am Anfang und Ende, und dabei keinen vorhandenen Code löschen. Im Zweifel kopieren Sie den bisherigen Inhalt des Feldes vorher in ein Textdokument.

Ich finde das Code-Feld in meinem Baukasten nicht.

Die Menüs der Anbieter ändern sich gelegentlich. Öffnen Sie den in der jeweiligen Anleitung verlinkten offiziellen Hilfe-Artikel, oder suchen Sie in der Hilfe Ihres Baukastens nach „Custom Code“, „Head“ oder „Code einfügen“. Beachten Sie außerdem: Bei manchen Anbietern (z. B. Wix, Squarespace, Webflow) ist die Funktion erst in einem Bezahl-Tarif enthalten.

Mein Baukasten erlaubt keinen Zugriff auf den head-Bereich. Was nun?

JSON-LD-Snippets dürfen laut Google auch im sichtbaren Bereich (body) der Seite stehen. Nutzen Sie in dem Fall ein Element wie „Eigener Code“ oder „HTML einbetten“, möglichst weit oben auf der Startseite. Ausnahme: Bettet Ihr Baukasten den Code in einen iframe ein (z. B. GoDaddy), funktioniert das nicht zuverlässig. Prüfen Sie das Ergebnis mit dem Rich-Suchergebnis-Test.

Muss das Snippet auf jede Seite?

Das LocalBusiness-Schema gehört mindestens auf die Startseite. Site-weite Code-Felder (wie bei Wix, Squarespace oder WPCode) sind ebenfalls völlig in Ordnung. Das FAQPage-Schema gehört dagegen genau auf die Seite, auf der die Fragen und Antworten auch sichtbar stehen.

Wie schnell wirkt sich der Einbau aus?

Suchmaschinen und KI-Systeme müssen Ihre Seite erst neu einlesen, rechnen Sie mit einigen Tagen bis wenigen Wochen. Ob das Snippet technisch korrekt eingebaut ist, zeigt Ihnen der Rich-Suchergebnis-Test dagegen sofort.

Eingebaut? Dann prüfen Sie das Ergebnis.

Führen Sie den Check erneut aus und sehen Sie, ob Ihre Website die Signale jetzt sendet, die KI-Systeme brauchen.

Jetzt kostenlos prüfen
Hilfe: Code in den HTML-Kopf einfügen | bywords