Kontakt aufnehmen

Schulungsübersicht

Sitzung 1: Die Rendering-Strategie

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

Sitzung 2: Metadaten & Sichtbarkeit

  • Das Problem: Single-Page-Applikationen (SPAs) teilen sich häufig einen einzigen Titel-Tags für die gesamte Site.
  • Die Lösung: Implementierung von useSeoMeta und useServerSeoMeta zur programmgesteuerten Generierung dynamischer Titel, Beschreibungen und Canonical-Tags.
  • Soziale Optimierung: Debugging fehlerhafter Open-Graph-Tags (OG-Tags), damit Links auf WhatsApp / LinkedIn korrekt aussehen.

Sitzung 3: Technische Grundlagen & Indexierung

  • 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.
  • Die Performance-Verbesserung: Implementierung von <NuxtImg> und Festlegung expliziter Abmessungen, um Cumulative Layout Shift (CLS) zu lösen und die Indexierung zu beschleunigen.

Sitzung 4: Audit, Absicherung & Hydration

  • Der Tiefgang: Debugging von „Hydration-Mismatches“ – der Nummer-1-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“ (Sternbewertungen in Suchergebnissen).

Voraussetzungen

  • Teilnehmer müssen über praktische Kenntnisse in Vue.js und Nuxt-Grundlagen verfügen.

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (2)

Kommende Kurse

Verwandte Kategorien