Strukturierte Daten in Webflow: Alles was Du wissen musst

Sönke Sproll

Webflow Experte

Inhaltsverzeichnis

Als Webentwickler wollen wir Suchmaschinen wie Google die Interpretation unserer Websites so einfach wie möglich zu machen. Mit strukturierten Daten können wir wichtige Informationen in einem standardisierten Format an die Suchmaschinen übermitteln, sodass diese die Inhalte sicher verstehen und besser ausgespielt werden. In diesem Beitrag erkläre ich, was Du über strukturierte Daten in Webflow wissen musst und wie Du sie richtig einbaust.

Was sind strukturierte Daten?

Strukturierte Daten sind eine spezielle Form der Datenformatierung, die es ermöglicht, wichtige Informationen über den Inhalt einer Webseite in einer Weise darzustellen, die von Suchmaschinen leicht interpretiert werden kann. Dabei werden bestimmte vordefinierte Tags und Attribute verwendet, um Elemente wie Artikel, Produkte, Bewertungen, Veranstaltungen und vieles mehr zu kennzeichnen. Diese Daten sind in Formaten wie JSON-LD, Microdata oder RDFa eingebettet.

Die Vorteile der Verwendung von strukturierten Daten sind vielfältig. Sie verbessern die Suchmaschinenoptimierung (SEO), indem sie Suchmaschinen helfen, den Inhalt der Seite besser zu verstehen und korrekt zu indexieren. Dies kann zur Anzeige von Rich Snippets führen, also erweiterte Suchergebnisse, die zusätzliche Informationen wie Bewertungen, Preise oder Veranstaltungsdaten enthalten. Dadurch wird die Sichtbarkeit in den Suchergebnissen erhöht und die Klickrate (CTR) gesteigert, da Nutzer eher auf informative und ansprechende Snippets klicken.

Strukturierte Daten sind wichtig, weil sie dazu beitragen, Inhalte effizient zu organisieren und darzustellen. Sie ermöglichen es Suchmaschinen, die Beziehungen zwischen verschiedenen Inhalten auf einer Website besser zu erkennen und zu nutzen, was zu einer präziseren und relevanteren Darstellung der Suchergebnisse führt. Insgesamt tragen strukturierte Daten zu einer verbesserten Benutzererfahrung bei, indem sie den Zugang zu wichtigen Informationen erleichtern und die Interaktion mit der Website intuitiver gestalten.

Das Unternehmen Rotten Tomatoes konnte beispielsweise über 100.000 Unterseiten mit strukturierten Daten ausstatten und erzielte mit ihnen eine um 25 % höhere Klickrate als bei Seiten ohne strukturierte Daten. (Quelle: Google)

Rezepte Rich Snippets — Diese Rezept-Snippets werden von Google, basierend auf strukturierten Daten erstellt

Strukturierte Daten erstellen und in Webflow einfügen

Es gibt verschiedene Arten von strukturierten Daten, darunter:

Organisation (z. B. größeres Unternehmen)
Lokales Unternehmen
Jobs
Rezepte
Produkte (z. B. Dienstleistungen oder physische Produkte)
Events (z. B. Konzerte)
Artikel (z. B. Blogbeiträge)

Google unterstützt drei Formate für strukturierte Daten: JSON-LD, Mikrodaten und RDFa, wobei JSON-LD empfohlen wird. Wir konzentrieren uns deshalb auf JSON-LD.

Um strukturierte Daten in Webflow einzufügen, sind drei Schritte erforderlich:

Planen - Art der Daten bestimmen: Überlege Dir, welche Art von strukturierten Daten Du übermitteln möchtest. Die verschiedenen Möglichkeiten findest Du unter Schema Markup Generator. Dies ist in der Regel relativ einfach.‍
Informationen ausfüllen: Trage die benötigten Informationen im Schema Markup Generator ein.‍
In Webflow einfügen: Kopiere den generierten Code und füge ihn in den Head-Bereich der entsprechenden Webflow-Unterseite ein.‍
Code-Snippet überprüfen: Du kannst überprüfen, ob Deine Daten im richtigen Format sind und von Google gelesen werden können, indem Du diesen Link verwendest: https://validator.schema.org/.

Hinweis: Möchtest Du Daten dynamisch aus dem CMS ziehen, z. B. für Blogbeiträge oder Jobs, kannst Du diese in Webflow in den Site Settings des Templates unter „Add Field“ hinzufügen.

Beispiele von strukturierten Daten in Webflow

Lokales Unternehmen


<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "LocalBusiness",
  "mainEntityOfPage": {
         "@type": "WebPage",
         "@id": "https://www.holzbau---berlin.de/"
         },
  "name" : "Holzbau Berlin GmbH",
  "image" : "https://cdn.prod.website-files.com/logo.png",
  "telephone" : "+4914232948542",
  "email" : "holzbau@berlin.de",
  "description": "<p>Wir sind die besten holzbauer aus ganz Berlin und Umgebung.</p>",
  "address" : {
    "@type" : "PostalAddress",
    "streetAddress" : "Brandenburgerstraße 46",
    "addressLocality" : "Berlin",
    "addressCountry" : "DE",
    "postalCode" : "8928"
  },
  "url" : "https://www.holzbau---berlin.de/"
}
</script>

Job-Posting (CMS)


<script type="application/ld+json">
    {
      "@context" : "https://schema.org/",
      "@type" : "JobPosting",
      "title" : "Holzbauer",
      "description" : "<p>Wir suchen Holzbauer in Vollzeit</p>",
      "datePosted" : "2024-07-01",
      "employmentType" : "FULL_TIME",
      "hiringOrganization" : {
        "@type" : "Organization",
        "name" : "Holzbau Berlin GmbH",
        "sameAs" : "https://www.holzbau---berlin.de/",
        "logo" : "https://cdn.prod.website-files.com/logo.png"
      },
      "jobLocation": {
      "@type": "Place",
        "address": {
        "@type": "PostalAddress",
        "streetAddress": "Brandenburgerstraße 40",
        "addressLocality": "Berlin",
        "addressRegion": "Berlin",
        "postalCode": "47798",
        "addressCountry": "DE"
        }
      }
    }
</script>

Artikel (CMS)


<script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "BlogPosting",
          "headline": "Das beste Holz für den Bau",
          "image": [
            "https://cdn.prod.website-files.com/logo.png"
           ],
          "datePublished": "2024-07-01",
          "dateModified": "2024-07-01",
          "author": {
              "@type": "Author",
              "name": "Max Muster"
            }
        }
</script>

Fazit

Strukturierte Daten verbessern die Sichtbarkeit in Suchmaschinen Deiner Webflow Website, steigern die Klickrate durch Rich Snippets und bieten eine verbesserte Benutzererfahrung. Durch einfache Integration im Header-Bereich kannst Du sicherstellen, dass Deine Inhalte korrekt von Suchmaschinen gelesen und interpretiert werden.

FAQ

Welchen Nutzen haben strukturierte Daten in Webflow?

Strukturierte Daten in Webflow bieten Dir mehrere Vorteile:

Verbesserte Suchmaschinenoptimierung (SEO): Strukturierte Daten helfen Suchmaschinen, den Inhalt Deiner Website besser zu verstehen, was zu einer besseren Sichtbarkeit und höheren Rankings führen kann.
Rich Snippets: Strukturierte Daten können in Suchergebnissen zu erweiterten Darstellungsmöglichkeiten wie Sternbewertungen, Preisangaben oder Eventinformationen führen, was die Klickrate (CTR) erhöht.
Erhöhte Benutzererfahrung: Nutzer finden schneller relevante Informationen, was die Benutzerzufriedenheit steigert.
Verbesserte Datenverwaltung: Strukturierte Daten erleichtern Dir die Verwaltung und Integration von Inhalten, insbesondere bei umfangreichen oder dynamischen Websites.

Wie kann ich strukturierte Daten in Webflow einfügen?

Um strukturierte Daten in Webflow einzufügen und zu veröffentlichen, befolge diese Schritte:

Seiteneinstellungen öffnen: Gehe zu den Einstellungen der Seite, auf der Du die strukturierten Daten einfügen möchtest.
Custom Code Bereich: Scrolle zu "Custom Code" und finde den Abschnitt "Inside Head Tag".
JSON-LD Code einfügen: Kopiere den JSON-LD Code für die strukturierten Daten und füge ihn in den Bereich "Inside Head Tag" ein.
Veröffentlichen: Veröffentliche Deine Seite, um die strukturierten Daten live zu schalten.

‍

Jetzt mit Webflow starten*