Kontakt aufnehmen

Schulungsübersicht

Sitzung 1: Die Render-Strategie

  • 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 Route-Regeln (ISR vs. SWR) fest, um sicherzustellen, dass Produktseiten als statisches HTML für Suchmaschinen bereitgestellt werden.
  • Ergebnis: Eine von Curl überprüfbare durchsuchbare Quellcode-Ausgabe.

Sitzung 2: Metadaten & Sichtbarkeit

  • Das Problem: Single-Page-Applikationen (SPAs) nutzen oft ein einziges Title-Tag für die gesamte Site.
  • Die Lösung: Implementierung von useSeoMeta und useServerSeoMeta zur programmgesteuerten Generierung dynamischer Titel, Beschreibungen und Kanoniken.
  • Lösung für soziale Netzwerke: Fehlersuche in defekten Open-Graph-Tags (OG), damit Links auf WhatsApp oder LinkedIn korrekt angezeigt werden.

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 Definition expliziter Abmessungen zur Behebung von Cumulative Layout Shift (CLS) und zur Beschleunigung der Indexierung.

Sitzung 4: Audit, Absicherung & Hydratation

  • Die Detailanalyse: Fehlersuche bei „Hydration Mismatches“ – der Nummer-1-Fehler in Nuxt, der die Leistung zunichtemacht.
  • Das Audit: Durchführung eines Live-Lighthouse-Audits für das korrigierte Projekt.
  • Schchema.org: Einfügen von JSON-LD-Strukturierten Daten für „Rich Snippets“ (Sterne/Bewertungen in den Suchergebnissen).

Voraussetzungen

  • Die Teilnehmer müssen über fundierte 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