Cursusaanbod

Sessie 1: De renderingstrategie

  • Het probleem: Waarom Googlebot vaak faalt om "te zien" wat JavaScript-inhoud betreft.

  • Het oplossing: Configureren van nuxt.config.ts voor Hybride Rendering. We stellen specifieke routeregel (ISR vs SWR) in om ervoor te zorgen dat productpagina's als statische HTML voor bots worden geleverd.

  • Uitkomst: Een crawlbare paginasource die door Curl is geverifieerd.

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 programmatisch te genereren.

  • Sociale oplossing: Fouten in Open Graph (OG) tags debuggen zodat links correct eruitzien op WhatsApp/LinkedIn.

Sessie 3: Technische basis & Indexering

  • Het probleem: Geïsoleerde pagina's die door zoekmachines niet kunnen worden gevonden.

  • 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 indexering te versnellen.

Sessie 4: Audit, Verdediging & Hydratie

  • Diepgaande analyse: Fouten in "Hydration Mismatches" debuggen—de #1 fout in Nuxt die prestaties vermoordt.

  • Het audit: Uitvoeren van een live Lighthouse Audit op het gefixte project.

  • Schema.org: Injecteren van JSON-LD gestructureerde gegevens voor "Rich Snippets" (Sterren/Beoordelingen in zoekresultaten).

Vereisten

  • Deelnemers mogen werkende kennis hebben van Vue.js en Nuxt basisprincipes.

Publiek

  • Ontwikkelaars
 7 Uren

Aantal deelnemers


Prijs Per Deelnemer

Getuigenissen (5)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën