Kontakt aufnehmen

Schulungsübersicht

Sitzung 1: Die Renderingsstrategie

  • Das Problem: Warum Googlebot JavaScript-Inhalte oft nicht „sehen“ kann.
  • Die Lösung: Konfiguration von nuxt.config.ts für Hybrid-Rendering. Wir legen spezifische Routenregeln fest (ISR vs. SWR), um sicherzustellen, dass Produktseiten als statisches HTML für Bots ausgeliefert werden.
  • Ergbnis: Eine durch Curl überprüfbare durchsuchbare Quellseite.

Sitzung 2: Metadaten & Sichtbarkeit

  • Das Problem: Single-Page-Applications (SPAs) teilen sich oft ein einziges Titel-Tags für die gesamte Website.
  • Die Lösung: Implementierung von useSeoMeta und useServerSeoMeta zur programmatischen Generierung dynamischer Titel, Beschreibungen und Kanoniken.
  • Soziale Optimierung: Fehlersuche in defekten Open Graph (OG)-Tags, damit Links auf WhatsApp/LinkedIn korrekt dargestellt werden.

Sitzung 3: Technische Grundlagen & Indizierung

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

Sitzung 4: Audit, Defense & Hydration

  • Der Tiefgang: Debugging von „Hydrations-Mismatches“ – dem häufigsten Fehler in Nuxt, der die Leistung zerstört.
  • Das Audit: Durchführung eines Live-Lighthouse-Audits auf dem reparierten Projekt.
  • Schema.org: Einfügen von JSON-LD-Strukturierten Daten für „Rich Snippets“ (Sterne/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