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 richten spezifische Routenregeln (ISR vs. SWR) ein, um sicherzustellen, dass Produktseiten als statisches HTML für Bot abgerufen werden.
  • Ergebnis: Eine durch Curl überprüfte crawlbare Quellcode-Ausgabe.

Sitzung 2: Metadaten & Sichtbarkeit

  • Das Problem: Single Page Applications (SPAs) weisen häufig einen einzigen Title-Tag für die gesamte Website auf.
  • Die Lösung: Implementierung von useSeoMeta und useServerSeoMeta zur programmatischen Generierung dynamischer Titel, Beschreibungen und Kanoniken.
  • Social-Lösung: 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 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-Lösung: Implementierung von <NuxtImg> und Definition expliziter Dimensionen, um Cumulative Layout Shift (CLS) zu beheben und die Indizierung zu beschleunigen.

Sitzung 4: Audit, Absicherung & Hydration

  • Die Vertiefung: Fehlersuche in «Hydration-Mismatches» – dem häufigsten Fehler in Nuxt, der die Leistung zunichtemacht.
  • Audit: Durchführung eines Live-Lighthouse-Audits am bereinigten Projekt.
  • Schema.org: Einfügen von JSON-LD-Strukturierten Daten für «Rich Snippets» (Sternbewertungen in Suchergebnissen).

Voraussetzungen

  • 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