Cursusaanbod

Sessie 1: De Rendering Strategie

  • Het Probleem: Waarom Googlebot vaak faalt om "te zien" JavaScript-inhoud.
  • Het Oplossing: Configureren van nuxt.config.ts voor Hybrid Rendering. We zullen specifieke route regels (ISR vs SWR) instellen om ervoor te zorgen dat productpagina's worden geleverd als statische HTML voor bots.
  • Het Resultaat: Een krabbelbare paginasource geverifieerd door Curl.

Sessie 2: Metadata & Zichtbaarheid

  • Het Probleem: Single Page Apps (SPAs) delen vaak één titel-tag voor de hele site.
  • Het Oplossing: Implementeren van useSeoMeta en useServerSeoMeta om dynamische titels, beschrijvingen en canonicals programmeringsmatig te genereren.
  • Sociale Fix: Foutopsporing van kapotte Open Graph (OG) tags zodat links correct op WhatsApp/LinkedIn worden weergegeven.

Sessie 3: Technische Basis & Indexing

  • Het Probleem: Weespagina's die zoekmachines niet kunnen vinden.
  • Het Oplossing: Installeren en configureren van @nuxtjs/sitemap om XML-sitemaps voor dynamische routes automatisch te genereren.
  • Het Prestatieoplossing: Implementeren van <NuxtImg> en expliciete afmetingen definiëren om Cumulative Layout Shift (CLS) op te lossen en het indexeren te versnellen.

Sessie 4: Audit, Verdediging & Hydratie

  • Het Diepe Inzicht: Foutopsporing van "Hydration Mismatches"—de #1 fout in Nuxt die prestaties doodt.
  • Het Audit: Uitvoeren van een live Lighthouse-audit op het gerepareerde project.
  • Schema.org: Injecteren van JSON-LD gestructureerde data voor "Rich Snippets" (Sterren/Beoordelingen in zoekresultaten).

Vereisten

  • Deelnemers moeten werkend kennis hebben van Vue.js en Nuxt-basis.

Doelgroep

  • Ontwikkelaars
 7 Uren

Aantal deelnemers


Prijs per deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën