Schulungsübersicht

Sitzung 1: Die Renderingstrategie

  • Das Problem: Warum Googlebot oft "sehversagt" bei JavaScript-Inhalten.

  • 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 verifizierte krochbare Seite.

Sitzung 2: Metadaten und Sichtbarkeit

  • Das Problem: Einseitige Anwendungen (SPAs) teilen oft eine Titelmarke für die gesamte Seite.

  • Die Lösung: Implementieren von useSeoMeta und useServerSeoMeta, um dynamische Titel, Beschreibungen und Kanonische zu generieren.

  • Soziale Lösung: Debuggen von fehlerhaften Open Graph (OG)-Tags, damit Links auf WhatsApp/LinkedIn korrekt angezeigt werden.

Sitzung 3: Technische Grundlage und Indizierung

  • Das Problem: Verwaiste Seiten, die Suchmaschinen nicht finden.

  • Die Lösung: Installieren und Konfigurieren von @nuxtjs/sitemap, um XML-Sitemaps für dynamische Routen automatisch zu generieren.

  • Die Performance-Lösung: Implementieren von <NuxtImg> und Definieren expliziter Abmessungen, um das kumulative Layoutverschiebungsproblem (CLS) zu lösen und die Indizierung zu beschleunigen.

Sitzung 4: Auditing, Verteidigung und Hydratisierung

  • Der vertiefte Blick: Debuggen von "Hydratierungsfehlern" — dem #1 Fehler in Nuxt, der die Leistung tötet.

  • Das Auditing: Durchführen eines live Lighthouse-Audits auf dem reparierten Projekt.

  • Schema.org: Einbetten von JSON-LD-strukturierten Daten für "reiche Snippets" (Sterne/Rezensionen in Suchergebnissen).

Voraussetzungen

  • Teilnehmer müssen grundlegende Kenntnisse von Vue.js und Nuxt besitzen.

Zielgruppe

  • Entwickler
 7 Stunden

Teilnehmerzahl


Preis pro Teilnehmer

Erfahrungsberichte (5)

Kommende Kurse

Verwandte Kategorien