Kontakt aufnehmen

Schulungsübersicht

Session 1: Die Render-Strategie

  • Das Problem: Warum Googlebot Javascript-Inhalte oft nicht "sieht".
  • Die Lösung: Konfiguration von nuxt.config.ts für Hybrid-Rendering. Wir richten spezifische Routenregeln (ISR vs. SWR) ein, um sicherzustellen, dass Produktseiten als statisches HTML für Bots ausgeliefert werden.
  • Ergebnis: Eine durch Curl überprüfbare, crawlbare Quellcode-Seite.

Session 2: Metadaten & Sichtbarkeit

  • Das Problem: Single-Page-Anwendungen (SPAs) verwenden häufig einen einzigen Title-Tag für die gesamte Website.
  • Die Lösung: Implementierung von useSeoMeta und useServerSeoMeta zur programmatischen Generierung dynamischer Titel, Beschreibungen und canonical URLs.
  • Social-Fix: Debugging defekter Open Graph (OG)-Tags, damit Links auf WhatsApp/LinkedIn korrekt dargestellt werden.

Session 3: Technische Grundlage & Indizierung

  • Das Problem: Verwaiste Seiten, die Suchmaschinen nicht finden können.
  • Die Lösung: Installation und Konfiguration von @nuxtjs/sitemap zur automatischen Generierung von XML-Sitemaps für dynamische Routen.
  • Performance-Fix: Implementierung von <NuxtImg> und Definition expliziter Abmessungen zur Lösung von Cumulative Layout Shift (CLS) und Beschleunigung der Indizierung.

Session 4: Audit, Verteidigung & Hydration

  • Tiefgang: Debugging von "Hydration-Mismatches" – dem #1-Fehler in Nuxt, der die Leistung zum Erliegen bringt.
  • Audit: Durchführung eines Live-Lighthouse-Audits am korrigierten Projekt.
  • Schema.org: Einfügen von JSON-LD-strukturierten Daten für "Rich Snippets" (Sternbewertungen/Bewertungen in Suchergebnissen).

Voraussetzungen

  • Die Teilnehmer müssen über grundlegende Kenntnisse in Vue.js und Nuxt verfügen.

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (2)

Kommende Kurse

Verwandte Kategorien