Schema.org - Strukturierte Daten Auszeichnung


Was ist schema.org und wofür brauche ich es?

Schema.org hilft das Web zu verbessern, indem ein strukturiertes Markup-Schema für Daten erstellt wird, das von großen Suchmaschinen unterstützt wird.

  • Die sonst unstrukturiert vorliegenden Daten werden strukturiert
  • Bessere Auffinbarkeit für Suchmschinen
  • Ermöglicht es Suchmaschinen einfacher, umfangreiche Suchfunktionen für Benutzer zu erstellen.
  • On-Page-Markup hilft Suchmaschinen dabei, die Informationen auf Webseiten zu verstehen und bessere Suchergebnisse zu liefern
  • Ein gemeinsam genutztes Markup-Vokabular erleichtert Webmastern die Entscheidung über ein Markup-Schema und den maximalen Nutzen für ihre Bemühungen.
  • Möglichkeit auf Featured Snippets in den Suchergebnissen der Suchmaschinen

Wie baue ich das schema.org in meine Website ein?

  • Es gibt verschiedene Möglichkeiten, um das Schema zu integrieren.
  • Am häufigsten werden Microdata, RDFa oder JSON-LD verwendet
  • Für jede Variante gibt es spezielle Begriffe und Strukturen die eingehalten werden müssen
  • Grundsätzlichen ist die Schema-Auszeichnung eine Erweiterung des Quellcodes
Beispiel für Microdata:
  • Gibt an um, was für eine Auszeichnung es sich handelt:
    itemscope itemtype="http://schema.org/HowTo"
  • Eigenschaft der jeweiligen Auszeichnung:
    itemprop="name"
Beispiel für Microdata schema.org Auszeichnung | Dev-Grades.de
Beispiel für RDFa
  • Gibt an um was für eine Auszeichnung es sich handelt:
    vocab="http://schema.org/" typeof="HowTo""
  • Eigenschaft der jeweiligen Auszeichnung:
    property="name"
Beispiel für RDFa schema.org Auszeichnung | Dev-Grades.de
Beispiel für JSON-LD
  • Gibt an, um was für eine Auszeichnung es sich handelt:
    "@context": "http://schema.org", "@type": "HowTo"
  • Eigenschaft der jeweiligen Auszeichnung:
    i"name": "Change a Flat Tire"
Beispiel für JSON schema.org Auszeichnung | Dev-Grades.de

Es bleibt dem Entwickler überlassen welche Variate er bevorzugt, ein Vorteil von JSON ist, dass es nicht direkt in den einzelnen HTML-Tags mit integriert ist sondern etwas getrennt vom normalen HTML Code in einem script-Tag ausgelagert wird.
So kann auf einem Blick erkannt werden was alles zur Auszeichnung gehört.

Beispiele für schema.org Auszeichnungen im JSON Format

Schema.org Auszeichnung für eine QAPage

  • Eine QAPage ist auf eine bestimmte Frage und die entsprechende Antwort darauf ausgelegt.
  • Sie eignet sich daher nicht für eine allgemeine FAQ Seite, da hier mehr als eine Frage beantwortet wird.

Demo Code für eine QAPage im JSON Format

                        
   <script type="application/ld+json">
       {
           "@context": "http://schema.org/",
           "@type":"QAPage",
           "mainEntity":{
           "@type": "Question",
           "name": "Schema.org Strukturierte Daten Auszeichnung",
           "text": "Was ist schema.org und wofür brauche ich es?",
           "dateCreated": "2018-12-04T20:07Z",
           "author": {
                   "@type": "Person",
                   "name": "Kunde"
               },
           "acceptedAnswer": {
               "@type": "Answer",
               "text": "Antwort Text",
               "dateCreated": "2018-12-04T22:01Z",
               "author": {
                   "@type": "Organization",
                   "name": "Dev-Grades Jana Tausch"
               },
               "url": "https://dev-grades.de/seo/schema_dot_org.html"
               }
           }
       }
       </script>
                        
                

Schema.org Auszeichnung für Local Business

  • Ein bestimmtes physisches Geschäft oder Zweig einer Organisation.
  • Beispiele für LocalBusiness umfassen ein Restaurant, eine bestimmte Filiale einer Restaurantkette, eine Bankfiliale, eine Arztpraxis, einen Club, eine Kegelbahn usw.
  • Ähnlich zum Local Business bzw. für einen bestimmte Branche gibt es eigene Kategorien wie Financial Service

Demo Code für ein Local Business im JSON Format

                        
    <script type="application/ld+json">
        "@context" : "http://schema.org",
        "@type" : "FinancialService",
          "name":"Finanzdienstleitser XYZ",
        "address" : {
        "@type": "PostalAddress",
        "addressLocality": "Stadt",
        "addressRegion": "Land",
        "postalCode": "PLZ",
        "streetAddress": "Straße" },
        "openingHours": [
        "Mo-Do 8:00-18:00",
        "Fr 9:00-16:00"
      ],
        "url":"https://www.url.de",
        "image": "https://www.url-huber.de/img/logo.png",
        "email":"info@finanzdienstleister.de",
        "telephone": "Telefonnummer",
        "faxNumber": "Faxnummer",
        "location": {
        "@type": "Place",
          "geo": {
        "@type": "GeoCoordinates",
        "latitude": "48.640510",
        "longitude": "10.528460"
          }},
        "priceRange": "ab 110 EUR",
          "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Finanzdienstleistung für Privatpersonen",
        "itemListElement": [
          {
            "@type": "OfferCatalog",
            "name": "Finanzdienstleistung Überbegriff",
            "itemListElement": [
              {
                "@type": "Offer",
                "itemOffered": {
                  "@type": "Service",
                  "name": "Finanzdienstleistung 1"
                }
              },
              {
                "@type": "Offer",
                "itemOffered": {
                  "@type": "Service",
                  "name": "Finanzdienstleistung 2"
                }
              },
              {
                "@type": "Offer",
                "itemOffered": {
                  "@type": "Service",
                  "name": "Finanzdienstleistung 3"
                }
                }
            ]
          }]}
    }
        </script>
                        
                

Schema.org Auszeichnung für HowToSection

  • eine Schritt für Schritt Anleitung
  • zum erreichen eines bestimmten Ziels

Demo Code für ein HowToSection im JSON Format

                            
    <script type="application/ld+json">
        {
          "@context": "http://schema.org",
          "@type": "HowTo",
          "name": "Beschreibung für was die Anleitung ist",
          "estimatedCost": {
            "@type": "MonetaryAmount",
            "currency": "EUR",
            "value": "20"
          },
          "totalTime": "PT30M",
          "tool": [
            {
              "@type": "HowToTool",
              "name": "benötigtes Hilfsmittel..."
            },
            {
              "@type": "HowToTool",
              "name": "benötigte Zutat..."
            }
          ],
          "supply": {
            "@type": "HowToSupply",
            "name": "Ein Verbrauchsmaterial, das zur Ausführung von Anweisungen verwendet wird.",
            "image": "teil.jpg"
          },
          "step": [
            {
              "@type": "HowToSection",
              "name": "Vorbereitung",
              "position": "1",
              "itemListElement": [
                {
                  "@type": "HowToStep",
                  "position": "1",
                  "itemListElement": [
                    {
                      "@type": "HowToDirection",
                      "position": "1",
                      "text": "Anweisung für ersten Schritt"
                    },
                    {
                      "@type": "HowToTip",
                      "position": "2",
                      "text": "Tipp zum Schritt 1"
                    }
                  ]
                },
                {
                  "@type": "HowToStep",
                  "position": "2",
                  "itemListElement": [
                    {
                      "@type": "HowToDirection",
                      "position": "1",
                      "text": "Anweisung für zweiten Schritt"
                    },
                    {
                      "@type": "HowToTip",
                      "position": "2",
                      "text": "Tipp zum Schritt 2"
                    }
                  ]
                }
              ]
            },
            {
              "@type": "HowToSection",
              "name": "Nach der Vorbereitung",
              "position": "2",
              "itemListElement": [
                {
                  "@type": "HowToStep",
                  "position": "1",
                  "itemListElement": [
                    {
                      "@type": "HowToDirection",
                      "position": "1",
                      "duringMedia": "beispielbild.jpg",
                      "text": "Anweisung für ersten Schritt"
                    }
                  ]
                },
                {
                  "@type": "HowToStep",
                  "position": "2",
                  "itemListElement": [
                    {
                      "@type": "HowToDirection",
                      "position": "1",
                      "beforeMedia": {
                          "@type": "ImageObject",
                          "contentUrl": "beispielbild1.jpg"
                      },
                      "afterMedia": {
                          "@type": "ImageObject",
                          "contentUrl": "beispielbild2.jpg"
                      },
                      "text": "Anweisung für zweiten Schritt."
                    },
                    {
                      "@type": "HowToTip",
                      "position": "2",
                      "text": "Tipp für Schritt 2"
                    }
                  ]
                }
              ]
            }
          ]
        }
        </script>