SiteNavigationElement Schema Markup: Navigation für Google strukturieren

Wenn du eine bekannte Website bei Google suchst, siehst du oft unter dem Hauptlink mehrere kleine Unterlinks — die sogenannten Google Sitelinks. Diese Links direkt in die wichtigsten Unterbereiche der Website werden von Google automatisch ermittelt. Aber du kannst ihnen dabei helfen: mit dem SiteNavigationElement Schema Markup.

In diesem Artikel erfährst du, was SiteNavigationElement ist, wie es in die Schema.org-Hierarchie eingebettet ist, wie du es korrekt implementierst und welchen Einfluss es auf deine Sichtbarkeit in Google haben kann.

Was ist SiteNavigationElement?

SiteNavigationElement ist ein Schema.org-Typ, der ein Element der Hauptnavigation einer Website beschreibt. Er gehört zur Klasse WebPageElement, die selbst ein Sub-Typ von WebPage und damit letztlich von CreativeWork ist.

Die vollständige Hierarchie lautet:

Thing
  └── CreativeWork
        └── WebPage
              └── WebPageElement
                    └── SiteNavigationElement

SiteNavigationElement ist also ein Element, das typischerweise auf jeder Seite einer Website vorkommt und Nutzern (und Suchmaschinen) die Hauptnavigation beschreibt — z.B. die Links "Startseite", "Über uns", "Leistungen", "Blog" und "Kontakt" in der Menüleiste.

Mit SiteNavigationElement-Schema kannst du diese Navigationsstruktur maschinenlesbar machen. Google kann dann besser verstehen, welche Seiten zu den wichtigsten deiner Website gehören.

Warum SiteNavigationElement für SEO wichtig ist

Suchmaschinen können Navigation zwar aus dem HTML-Code lesen, aber strukturierte Daten machen die Bedeutung explizit. SiteNavigationElement-Schema hat konkrete SEO-Vorteile:

1. Sitelinks in Google beeinflussen

Google Sitelinks werden automatisch angezeigt, wenn Google eine Website als bedeutend einschätzt. Strukturierte Navigationsdaten helfen Google zu verstehen, welche Seiten als "wichtig" gelten und als Sitelinks gezeigt werden sollten.

2. Crawl-Priorisierung verbessern

Wenn Google deine Hauptnavigations-URLs als SiteNavigationElement markiert sieht, weiß Googlebot, dass diese URLs zu den wichtigsten deiner Website gehören — und priorisiert ihren Crawl entsprechend.

3. Knowledge Graph-Integration stärken

Für Marken und lokale Unternehmen mit Knowledge Panel: Wenn Google die Struktur deiner Website besser versteht, kann es relevantere Informationen aus deiner Website im Knowledge Graph zusammenführen.

4. Sitelinks Searchbox aktivieren

In Kombination mit dem WebSite-Schema und der SearchAction-Property kann SiteNavigationElement dazu beitragen, dass Google eine Sitelinks Searchbox für deine Markensuche anzeigt.

SiteNavigationElement implementieren: JSON-LD

Methode 1: Als eigenständiges Schema

{
  "@context": "https://schema.org",
  "@type": "SiteNavigationElement",
  "name": [
    "Startseite",
    "SEO-Analyse",
    "Blog",
    "Tools",
    "Preise",
    "Über uns",
    "Kontakt"
  ],
  "url": [
    "https://shift07.ai/",
    "https://shift07.ai/#analyse",
    "https://shift07.ai/blog",
    "https://shift07.ai/tools",
    "https://shift07.ai/#pricing",
    "https://shift07.ai/ueber-uns.html",
    "https://shift07.ai/kontakt.html"
  ]
}

Methode 2: Als ItemList mit gesetzter Reihenfolge

Diese Methode ist semantisch präziser und erlaubt es dir, die Priorität der Navigationspunkte explizit anzugeben:

{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "Hauptnavigation",
  "itemListElement": [
    {
      "@type": "SiteNavigationElement",
      "position": 1,
      "name": "Startseite",
      "url": "https://shift07.ai/"
    },
    {
      "@type": "SiteNavigationElement",
      "position": 2,
      "name": "SEO-Analyse",
      "description": "Kostenlose Website-Analyse auf 200+ SEO-Faktoren",
      "url": "https://shift07.ai/#analyse"
    },
    {
      "@type": "SiteNavigationElement",
      "position": 3,
      "name": "Blog",
      "description": "SEO-Anleitungen und Praxis-Tipps",
      "url": "https://shift07.ai/blog"
    },
    {
      "@type": "SiteNavigationElement",
      "position": 4,
      "name": "Tools",
      "description": "Kostenlose SEO-Tools",
      "url": "https://shift07.ai/tools"
    },
    {
      "@type": "SiteNavigationElement",
      "position": 5,
      "name": "Preise",
      "url": "https://shift07.ai/#pricing"
    },
    {
      "@type": "SiteNavigationElement",
      "position": 6,
      "name": "Kontakt",
      "url": "https://shift07.ai/kontakt.html"
    }
  ]
}

Methode 3: Eingebettet in WebPage Schema

Du kannst SiteNavigationElement auch direkt im WebPage-Schema referenzieren. Diese Methode ist besonders sauber für Einzelseiten oder SPAs:

{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Shift07 – Kostenlose SEO-Analyse",
  "url": "https://shift07.ai/",
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://shift07.ai/" }]
  },
  "hasPart": [
    {
      "@type": "SiteNavigationElement",
      "name": "SEO-Analyse",
      "url": "https://shift07.ai/#analyse"
    },
    {
      "@type": "SiteNavigationElement",
      "name": "Blog",
      "url": "https://shift07.ai/blog"
    },
    {
      "@type": "SiteNavigationElement",
      "name": "Tools",
      "url": "https://shift07.ai/tools"
    }
  ]
}

Wo gehört das Script-Tag hin?

Da die Navigation auf jeder Seite deiner Website erscheint, sollte auch das SiteNavigationElement-Schema auf jeder Seite eingebettet sein — idealerweise im <head>-Bereich:

<head>
  <!-- ... andere Meta-Tags ... -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SiteNavigationElement",
    "name": ["Startseite", "Blog", "Tools", "Kontakt"],
    "url": [
      "https://meinefirma.de/",
      "https://meinefirma.de/blog/",
      "https://meinefirma.de/tools/",
      "https://meinefirma.de/kontakt/"
    ]
  }
  </script>
</head>

SiteNavigationElement mit Untermenüs

Wenn deine Navigation mehrstufig ist (Hauptpunkte mit Untermenüs), kannst du dies mit hasPart abbilden:

{
  "@context": "https://schema.org",
  "@type": "SiteNavigationElement",
  "position": 3,
  "name": "Leistungen",
  "url": "https://meinefirma.de/leistungen/",
  "hasPart": [
    {
      "@type": "SiteNavigationElement",
      "name": "SEO-Beratung",
      "url": "https://meinefirma.de/leistungen/seo-beratung/"
    },
    {
      "@type": "SiteNavigationElement",
      "name": "Website-Analyse",
      "url": "https://meinefirma.de/leistungen/website-analyse/"
    },
    {
      "@type": "SiteNavigationElement",
      "name": "Content-Erstellung",
      "url": "https://meinefirma.de/leistungen/content/"
    }
  ]
}

Was du NICHT ins SiteNavigationElement aufnehmen solltest

Nicht alles, was in deiner Website-Navigation steht, gehört ins Schema. Beachte diese Prinzipien:

SiteNavigationElement und die WebSite-Schema-Verbindung

SiteNavigationElement funktioniert am besten, wenn es mit einem vollständigen WebSite-Schema kombiniert wird. Das WebSite-Schema beschreibt die gesamte Website als Einheit — SiteNavigationElement beschreibt die wichtigsten Einstiegspunkte darin.

{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://meinefirma.de/#website",
      "name": "Meine Firma",
      "url": "https://meinefirma.de/",
      "inLanguage": "de",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://meinefirma.de/suche?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "SiteNavigationElement",
      "isPartOf": { "@id": "https://meinefirma.de/#website" },
      "name": ["Startseite", "Leistungen", "Blog", "Kontakt"],
      "url": [
        "https://meinefirma.de/",
        "https://meinefirma.de/leistungen/",
        "https://meinefirma.de/blog/",
        "https://meinefirma.de/kontakt/"
      ]
    }
  ]
}

Häufige Fehler bei SiteNavigationElement

1. Zu viele Navigationspunkte: Das SiteNavigationElement dient dazu, die wichtigsten Seiten zu markieren. Wenn du 30+ URLs einfügst, verlierst du die Priorisierung. Beschränke dich auf 5–10 Hauptpunkte.
2. Relative URLs verwenden: Immer absolute URLs angeben (mit vollständigem Protokoll und Domain), niemals relative Pfade wie /blog.
3. Nicht indizierbare Seiten aufnehmen: Noindex-Seiten (wie die Login-Seite) sollten nicht im SiteNavigationElement erscheinen — Google würde diesen Widerspruch registrieren.
4. name- und url-Arrays unterschiedlich lang: Bei der Array-Methode müssen beide Arrays exakt gleich lang sein. Ungleiche Arrays führen zu Validierungsfehlern.
5. Schema nur auf der Startseite einbinden: Navigation ist seitenübergreifend — das Schema sollte auch überall vorhanden sein, wo die Navigation erscheint.

Schritt-für-Schritt: SiteNavigationElement implementieren

1. Hauptnavigation identifizieren: Schreibe alle Hauptnavigationspunkte auf — maximal 5–10 URLs, die wirklich wichtig sind.
2. JSON-LD schreiben: Nutze Methode 1 (einfache Arrays) oder Methode 2 (ItemList mit position) — je nach Komplexität deiner Navigation.
3. In den <head>-Bereich einbinden: Füge das Script-Tag in das Master-Layout ein, damit es auf jeder Seite erscheint.
4. Validieren: Teste mit dem JSON-LD Validator oder dem Google Rich Results Test.
5. Mit WebSite-Schema kombinieren: Ergänze das SiteNavigationElement um ein vollständiges WebSite-Schema mit SearchAction, falls du eine Suche anbietest.
6. Google Search Console prüfen: Nach dem Deployment in der Search Console unter "Sitelinks" beobachten, ob Google die Navigation korrekt erkennt.

SiteNavigationElement für lokale Unternehmen

Für kleine lokale Websites ist SiteNavigationElement besonders wertvoll: Da diese Websites selten genug Autorität für Google Sitelinks haben, hilft das Schema Google zumindest, die Struktur korrekt zu verstehen und schneller die relevantesten Seiten zu indexieren.

Für einen lokalen Betrieb könnte das Schema so aussehen:

{
  "@context": "https://schema.org",
  "@type": "SiteNavigationElement",
  "name": [
    "Startseite",
    "Leistungen",
    "Preise",
    "Über uns",
    "Kontakt"
  ],
  "url": [
    "https://maler-mustermann-berlin.de/",
    "https://maler-mustermann-berlin.de/leistungen/",
    "https://maler-mustermann-berlin.de/preise/",
    "https://maler-mustermann-berlin.de/ueber-uns/",
    "https://maler-mustermann-berlin.de/kontakt/"
  ]
}

Kombiniert mit einem vollständigen LocalBusiness-Schema und dem WebPage/WebSite-Schema ergibt sich ein vollständiges, maschinenlesbares Bild des Unternehmens und seiner Website.

Fazit: SiteNavigationElement als Teil des vollständigen Schema-Sets

SiteNavigationElement ist kein Einzelkämpfer — es entfaltet seine Wirkung im Zusammenspiel mit anderen Schema-Typen:

• WebSite-Schema: Definiert die Website als Ganzes mit SearchAction
• SiteNavigationElement: Markiert die wichtigsten Einstiegspunkte
• BreadcrumbList: Zeigt den Pfad innerhalb der Seitenstruktur
• WebPage-Schema: Beschreibt den Typ jeder einzelnen Seite
• LocalBusiness/Organization: Beschreibt das Unternehmen dahinter

Wer alle diese Typen korrekt implementiert hat, hat Google ein vollständiges, strukturiertes Bild seiner Website gegeben. Das ist technisches SEO auf dem höchsten Level — und genau das, was langfristig stabile Rankings aufbaut.

Im nächsten Artikel schauen wir uns das WebPage-Schema vertieft an — verschiedene Seitentypen (AboutPage, ContactPage, FAQPage als WebPage-Typ) und wie du den richtigen Typ für jede Seite wählst.