Praktischer Leitfaden: So navigieren Sie einfach mit einem guten Website-Plan

Eine Sitemap erfüllt drei verschiedene Funktionen: sie orientiert einen menschlichen Besucher, bietet Google eine durchsuchbare Karte und widersteht den technischen Anforderungen moderner Anwendungen in JavaScript. Die meisten Online-Leitfäden behandeln eine dieser Dimensionen, selten alle drei zusammen. Der Vergleich dieser drei Anforderungen ermöglicht es, die tatsächlichen Kompromisse bei der Gestaltung einer Sitemap zu erkennen.

HTML-Sitemap, XML-Sitemap und JavaScript-Rendering: was jedes Format abdeckt

Die häufigste Verwirrung betrifft die Natur der Sitemap selbst. Eine HTML-Sitemap ist eine vom Benutzer sichtbare Seite, die die Kategorien und klickbaren Links auflistet. Eine XML-Sitemap ist eine technische Datei, die für Indexierungsroboter bestimmt ist. Beide können koexistieren, und in den meisten Fällen sollten sie das auch.

Kriterium HTML-Sitemap (Benutzerseite) XML-Sitemap (technische Datei)
Zielgruppe Menschliche Besucher Suchmaschinen-Roboter
Lesbarkeit Strukturierter Text, klickbare Links XML-Tags, ohne Werkzeug unlesbar
Seitenentdeckung Begrenzt auf angezeigte Links Kann Tausende von URLs auflisten
Direkter SEO-Einfluss Interne Verlinkung, Verteilung des PageRank URL-Benachrichtigung an Crawler
JavaScript-Rendering/SPA Abhängig vom Framework (Risiko leerer Links) Unabhängig vom Browser-Rendering

Auf einer Website, die mit einem JavaScript-Framework (React, Vue, Angular) erstellt wurde, könnten die Links der HTML-Sitemap im Quellcode nicht erscheinen. Der Crawler von Google verwendet eine Rendering-Engine, jedoch mit einer Verzögerung. Die XML-Sitemap überträgt die URLs direkt, ohne Abhängigkeit vom Client-Rendering.

Die Navigation auf der Sitemap von Bazaar & Compagnie veranschaulicht diese Logik gut: Jede Kategorie ist mit einem Klick von einer statischen HTML-Seite aus zugänglich, was sowohl die menschliche Lesbarkeit als auch die Erkundung durch Suchmaschinen gewährleistet.

Mann, der eine hierarchische Sitemap auf einem großen Bildschirm in einem Coworking-Space präsentiert

Benutzerlesbarkeit der Sitemap: Struktur und Navigation

Eine für den Benutzer gestaltete Sitemap sieht nicht aus wie ein Datenbankdump. Websites, die einfach alle ihre URLs auf einer einzigen Seite auflisten, erzeugen eine Wand von unbrauchbaren Links. Die Lesbarkeit basiert auf drei konkreten Mechanismen.

  • Eine visuelle Hierarchie, die die Struktur der Website wiedergibt: Die Hauptkategorien sind Titel, die Unterseiten sind darunter eingerückt. Der Besucher erkennt in wenigen Sekunden den Abschnitt, der ihn interessiert.
  • Eine thematische Gruppierung statt alphabetischer: Die Klassifizierung nach Inhaltsbereichen (Produkte, Leitfäden, rechtliche Hinweise) entspricht besser der Navigationslogik als eine Sortierung nach dem ersten Buchstaben.
  • Eine kontrollierte Anzahl von Links pro Ebene: Über dreißig sichtbare Links ohne Scrollen hinaus neutralisiert der Effekt der kognitiven Überlastung den Nutzen der Seite. Neuere Dokumentationsleitfäden empfehlen die “progressive Offenlegung”, die darin besteht, zunächst die Kategorien anzuzeigen und dann die Unterebenen auf Anfrage zu entfalten.

Eine lesbare Sitemap reduziert die Anzahl der Klicks, die erforderlich sind, um jede Seite zu erreichen. Sie ist ein Sicherheitsnetz für Besucher, die ihren Weg über das Hauptmenü oder die interne Suche nicht finden.

Indexierung und interne Verlinkung: die Sitemap als SEO-Tool

Aus Sicht der Suchmaschinenoptimierung spielen die HTML-Sitemap und die XML-Sitemap komplementäre Rollen. Die HTML-Sitemap verteilt “Link-Juice” (internen PageRank) zu tiefen Seiten. Die XML-Sitemap signalisiert den Crawlern die Existenz von Seiten, die sonst nicht entdeckt würden.

Wann die HTML-Sitemap den Unterschied macht

Auf einer Website mit einigen Dutzend Seiten reicht oft eine gut strukturierte HTML-Sitemap aus, um sicherzustellen, dass jede Seite mindestens einen internen Link von einer Navigationsseite erhält. Orphan-Seiten, also Seiten ohne eingehende Links, bleiben für Suchmaschinen unsichtbar. Ein regelmäßiges Crawlen der Website ermöglicht es, diese Seiten zu erkennen und wieder in die Sitemap zu integrieren.

Wann die XML-Sitemap unerlässlich wird

Über einige Hundert Seiten hinaus oder wenn der Inhalt dynamisch generiert wird (E-Commerce-Filter, personalisierte Ergebnisseiten), übernimmt die XML-Sitemap. Sie ermöglicht es, URLs zu signalisieren, die der Crawler nicht entdecken würde, indem er den internen Links folgt, und das Datum der letzten Änderung anzugeben, um das erneute Crawlen zu priorisieren.

Die Kombination von HTML-Sitemap und XML-Sitemap deckt zwei komplementäre Aspekte ab: die interne Verlinkung zur Verteilung von Autorität und die technische Signalgebung zur Abdeckung der Indexierung.

Junge Person, die auf einem interaktiven Sitemap auf einem Tablet in einem gemütlichen Wohnzimmer navigiert

Sitemap und JavaScript-Anwendungen: die Falle des Client-Renderings

Websites, die im SPA-Modus (Single Page Application) erstellt werden, stellen ein spezifisches Problem dar. Der Inhalt wird dynamisch über JavaScript nach der anfänglichen Anzeige der Seite geladen. Der rohe HTML-Code, der an den Browser (und den Crawler) gesendet wird, könnte nur eine leere Hülle enthalten.

Für eine Sitemap ist die Konsequenz direkt: Wenn die Navigationslinks von JavaScript generiert werden und das serverseitige Rendering (SSR) nicht aktiviert ist, sieht der Crawler keine Links im rohen HTML der Seite. Google rendert schließlich das JavaScript, jedoch mit einer Verzögerung, die mehrere Tage für Websites mit geringer Autorität betragen kann.

Drei Ansätze ermöglichen es, dieses Problem zu umgehen:

  • Serverseitiges Rendering (SSR) oder statisches Vor-Rendering (SSG): Der vollständige HTML-Code wird generiert, bevor er an den Browser gesendet wird. Die Links der Sitemap sind im Quellcode bereits beim ersten Laden vorhanden.
  • Die serverseitig generierte XML-Sitemap: Auch wenn die sichtbare HTML-Sitemap von JavaScript abhängt, bleibt die XML-Datei für Roboter ohne Rendering zugänglich.
  • Regelmäßige Prüfung des rohen HTML über einen konfigurierten Crawler ohne JavaScript: Dies zeigt genau, was die Roboter bei ihrem ersten Durchlauf sehen, bevor das verzögerte Rendering erfolgt.

Im Gegensatz dazu birgt die ausschließliche Abhängigkeit vom JavaScript-Rendering ohne technisches Sicherheitsnetz das Risiko von Indexierungslücken, die nur durch ein Crawl-Audit erkannt werden können.

Seine Sitemap mit realen Nutzungsdaten auditieren

Neueste Navigationsaudits beschränken sich nicht mehr darauf, die Struktur der Links zu überprüfen. Die Analyse der Benutzerpfade über Analysetools, kombiniert mit Crawldaten, ermöglicht es, ignorierte Seiten, Abbrüche und Reibungspunkte zu erkennen.

Eine Sitemap, die niemand besucht, ist keine nützliche Sitemap. Die Kombination von Crawldaten und Nutzungsdaten offenbart die tatsächlichen blinden Flecken. Eine Seite, die in der Sitemap aufgeführt, aber nie angeklickt wird, weist entweder auf ein Sichtbarkeitsproblem auf der Seite oder auf Inhalte hin, die keinem echten Bedarf entsprechen.

Die Robustheit einer Sitemap wird daher an drei gleichzeitigen Achsen gemessen: der Anteil der Seiten, die durch mindestens einen internen Link abgedeckt sind, der Anteil der Seiten, die tatsächlich in Google indexiert sind, und die tatsächliche Klickrate auf der Sitemap-Seite. Keiner dieser drei Indikatoren allein reicht aus.

Praktischer Leitfaden: So navigieren Sie einfach mit einem guten Website-Plan