Schulungsübersicht

Sitzung 1: Die Rendering-Strategie

  • Das Problem: Warum Googlebot JavaScript-Inhalte oft nicht „sieht“.
  • Die Lösung: Konfigurieren von nuxt.config.ts für Hybrid-Rendering. Wir werden spezifische Routenregeln (ISR vs. SWR) festlegen, um sicherzustellen, dass Produktseiten als statisches HTML für Bots bereitgestellt werden.
  • Das Ergebnis: Eine durch Curl verifizierbare kriechbare Seitencode.

Sitzung 2: Metadaten und Sichtbarkeit

  • Das Problem: Einseitige Anwendungen (SPAs) verwenden oft eine einzige Titelmarke für die gesamte Website.
  • Die Lösung: Implementieren von useSeoMeta und useServerSeoMeta zur programmatischen Generierung dynamischer Titel, Beschreibungen und Kanonischen Links.
  • Social Fix: Debuggen von fehlerhaften Open-Graph (OG)-Tags, damit Links korrekt in WhatsApp/LinkedIn erscheinen.

Sitzung 3: Technische Grundlage und Indizierung

  • Das Problem: Verwaiste Seiten, die Suchmaschinen nicht finden können.
  • Die Lösung: Installieren und Konfigurieren von @nuxtjs/sitemap zur automatischen Generierung von XML-Sitemaps für dynamische Routen.
  • Performance Fix: Implementieren von <NuxtImg> und Definieren expliziter Dimensionen, um den kumulativen Layoutversatz (CLS) zu beheben und die Indizierung zu beschleunigen.

Sitzung 4: Audit, Verteidigung und Hydratisierung

  • Die Tiefenanalyse: Debuggen von „Hydratisierungsfehlern“ – dem #1-Fehler in Nuxt, der die Leistung vernichtet.
  • Das Audit: Durchführen eines Live-Lighthouse-Audits des reparierten Projekts.
  • Schema.org: Einbetten von JSON-LD-Strukturdaten für „Rich Snippets“ (Sterne/Rezensionen in Suchergebnissen).

Voraussetzungen

  • Teilnehmer müssen grundlegende Kenntnisse von Vue.js und Nuxt-Grundlagen haben.

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (5)

Kommende Kurse

Verwandte Kategorien