Technisches SEO für React-Websites: Canonical, Sitemap und strukturierte Daten

Eine Single-Page-App kann eine hochwertige Oberfläche liefern und dennoch unklare Signale an Suchmaschinen senden. Häufig liegt das Problem an uneinheitlichen URLs, fehlenden Metadaten oder einer Sitemap, die nicht zum tatsächlich erreichbaren Inhalt passt.

1. Für jede indexierbare Seite eine klare URL

Entscheide, welche URL die maßgebliche Version jeder Seite ist. Groß-/Kleinschreibung, Trailing Slashes, alte Domains und Trackingparameter sollten nicht mehrere gleichwertige Varianten erzeugen. Ein Canonical-Link weist Suchmaschinen auf die bevorzugte URL hin, ist aber keine Garantie für deren Auswahl.

2. Alte Domains dauerhaft weiterleiten

Bei einem Website-Umzug ist eine permanente HTTP-Weiterleitung sinnvoller als nur ein Link auf der alten Startseite. Weiterleitungen sollten zur neuen URL führen, relevante Pfade und Queryparameter nachvollziehbar behandeln und keine Schleifen bilden. DNS und Hosting der alten Domain müssen dafür auf den Redirect zeigen.

3. Titel und Beschreibungen pro Seite setzen

Jede wichtige Seite braucht einen eindeutigen Titel und eine kurze, passende Beschreibung. Der Name einer Person oder Marke gehört an sinnvolle Stellen, aber Keyword-Stuffing ist zu vermeiden. Google kann Titel und Snippet abhängig von Suchanfrage und Seiteninhalt umschreiben.

Bei Blogartikeln sollten Titel, Beschreibung, Veröffentlichungsdatum, Autor und Titelbild wirklich zum jeweiligen Artikel gehören – nicht pauschal zur Website-Startseite.

4. Strukturierte Daten passend zum Inhalt

Schema.org-Markup kann Inhalte maschinenlesbarer beschreiben. Für eine persönliche Website kommen etwa `Person`, `ProfilePage` und `WebSite` infrage; für Artikel `BlogPosting`. Verwende nur Angaben, die im sichtbaren Inhalt gestützt werden, und halte Autor, Bild, Datum und URL konsistent.

Strukturierte Daten garantieren keine besondere Darstellung in Suchergebnissen. Sie helfen jedoch, die Bedeutung von Inhalten klarer zu vermitteln.

5. Sitemap und interne Links synchron halten

Eine XML-Sitemap sollte kanonische, erreichbare und indexierbare URLs enthalten. Neue Blogartikel gehören mit ihrer Detail-URL hinein; entferne veraltete Einträge und verweise in `robots.txt` auf die Sitemap. Verlinke Artikel außerdem aus der Blogübersicht und aus thematisch passenden Beiträgen.

6. SPA-Routing bewusst behandeln

Metadaten, die erst nach dem Laden von JavaScript gesetzt werden, können schwerer zu prüfen sein als direkt ausgeliefertes HTML. Für wichtige Landingpages kann serverseitiges Rendering oder Prerendering sinnvoll sein. Interne Links müssen echte Links bleiben, und Fehlerseiten sollten korrekt behandelt werden.

7. Änderungen prüfen statt Rankings versprechen

Teste nach Änderungen Weiterleitungen, Canonicals, Sitemap und strukturierte Daten. Nutze anschließend die URL-Prüfung und Leistungsberichte der Google Search Console. Crawling und Neuberechnung brauchen Zeit; technische Sauberkeit führt nicht automatisch zu einer bestimmten Position.

**Über den Autor:** Casian Blanaru entwickelt mit PixelCoda Webanwendungen und technische Website-Optimierungen mit Fokus auf Performance, SEO und Barrierefreiheit.