SEONOOBS.DE · Nuxt-SEO

Jede Route verdientihre eigene Rendering-Strategie.

Nuxt macht mit Nitro und routeRules möglich, was starre SSR-only-Setups nicht können: Produktseiten per ISR, Blogartikel statisch, Dashboards serverseitig — alles im selben Projekt. Wir konfigurieren das sauber und SEO-gerecht.

Kostenlosen Nuxt-Check anfragen Leistungen entdecken ↓
Nuxt 3 SEO Dashboard: SSR/SSG-Rendering, Meta-Vorschau mit Title/Description/Canonical/Open-Graph und PageSpeed-Score 98/100
Ablauf

So läuft ein Nuxt-SEO-Projekt bei uns ab.

Vier Schritte, von der Rendering-Analyse bis zur automatisierten Sitemap.

1

Rendering-Audit je Route

Wir prüfen, welche Routen aktuell SSR, SSG, ISR oder SWR nutzen — und wo das nicht zum tatsächlichen Aktualisierungsbedarf passt.

2

useSeoMeta- & Meta-Tag-Struktur

Wir vereinheitlichen Title, Description und Open-Graph-Daten über useSeoMeta statt verstreuter, uneinheitlicher Head-Aufrufe.

3

Nitro-Route-Rules-Konfiguration

Wir setzen routeRules gezielt pro Seitentyp — statisch für Landingpages, ISR für Produktseiten, SSR nur wo wirklich nötig.

4

Sitemap-, Robots- & JSON-LD-Automatisierung

Wir richten @nuxtjs/sitemap und passende JSON-LD-Generierung ein, damit neue Routen automatisch korrekt erfasst werden.

Die 4 Nuxt-SEO-Kernleistungen

Von useSeoMeta bis zur automatisierten Sitemap.

Speziell auf Nitro und die Hybrid-Rendering-Fähigkeiten von Nuxt 3 zugeschnitten.

01

useSeoMeta- & useHead-Implementierung

Wir verwalten Meta-Tags zentral und typsicher über useSeoMeta, statt sie uneinheitlich in einzelnen Komponenten zu pflegen.

02

Nitro-Route-Rules für Hybrid-Rendering

Wir legen pro Route gezielt SSR, SSG, ISR oder SWR fest, statt einer starren, app-weiten Rendering-Strategie.

03

@nuxtjs/sitemap- & Robots-Modul-Konfiguration

Wir richten automatisch aktuelle Sitemaps und robots.txt-Regeln ein, die auch dynamische, zur Build-Zeit unbekannte Routen korrekt erfassen.

04

Nuxt-Content- & Struktur-Daten-Integration

Wir generieren JSON-LD und semantische Struktur direkt aus Markdown- bzw. Content-Quellen, statt sie manuell doppelt zu pflegen.

Worauf es bei Nuxt-SEO ankommt

Empfohlen vs. vermieden — kurz zusammengefasst.

Die häufigsten Stellschrauben, die über sauberes SEO oder stille Performance-Verluste entscheiden.

Empfohlen

  • ✓routeRules gezielt pro Seitentyp setzen (SSG für statisch, ISR für Produktseiten)
  • ✓useSeoMeta für typsichere, zentrale Meta-Tags nutzen
  • ✓@nuxtjs/sitemap automatisch aus dynamischen Routen generieren lassen
  • ✓Nitro-Caching-Header bewusst konfigurieren statt Standardwerte zu übernehmen

Vermieden

  • ✕Alle Routen pauschal auf SSR setzen, ohne Caching-Vorteile zu nutzen
  • ✕Meta-Tags manuell und uneinheitlich in einzelnen Komponenten pflegen
  • ✕Sitemap manuell pflegen, die bei neuen Routen sofort veraltet
  • ✕Client-only-Komponenten für Kerninhalte ohne serverseitiges Fallback
useSeoMeta & useHead Nitro-Route-Rules @nuxtjs/sitemap Nuxt-Content-Integration
Häufig gestellte Fragen

Nuxt-SEO — kurz & verständlich beantwortet.

Die Fragen, die uns zu Nuxt und SEO am häufigsten gestellt werden.

Reines Vue rendert standardmäßig komplett im Browser (Client-Side Rendering), was für Crawler dieselben Probleme wie bei React ohne Framework mit sich bringt. Nuxt ist ein Meta-Framework auf Vue-Basis, das serverseitiges Rendering, statische Generierung und hybrides Rendering pro Route nativ mitbringt.
Nitro ist die Server-Engine, auf der Nuxt seit Version 3 aufbaut. Über routeRules lässt sich pro Route festlegen, ob sie serverseitig gerendert, statisch generiert oder mit ISR/SWR-Caching ausgeliefert wird — eine feingranulare Kontrolle, die direkt Ladezeit und Aktualität beeinflusst.
useHead ist die generische Composable für beliebige Head-Elemente. useSeoMeta ist eine speziell auf SEO zugeschnittene, typsichere Variante mit klaren Feldern für Title, Description, Open-Graph- und Twitter-Card-Daten, die Tippfehler und inkonsistente Tag-Namen vermeidet.
Nicht ohne Weiteres — dafür wird das Community-Modul @nuxtjs/sitemap eingesetzt, das automatisch aktuelle Sitemaps auch aus dynamischen, zur Build-Zeit unbekannten Routen erzeugt, etwa bei Produkt- oder Blogseiten aus einem CMS.
Durchgängiges SSR funktioniert, verschenkt aber Performance-Potenzial bei Seiten, die sich selten ändern. Hybrid-Rendering über routeRules erlaubt es, jede Route nach ihrem tatsächlichen Aktualisierungsbedarf zu behandeln — statische Seiten so schnell wie möglich, dynamische Seiten so aktuell wie nötig.
Bereit für Rendering pro Route statt Einheitslösung?

Fordern Sie Ihren kostenlosen Nuxt-Check an.

Wir prüfen kostenlos Ihre Route-Rules, Meta-Tag-Struktur und Sitemap-Automatisierung — und wo Nitro heute noch ungenutztes Potenzial hat.

Jetzt Nuxt-Check anfragen →