Neem contact met ons op

Cursusaanbod

Sessie 1: De renderingsstrategie

  • Het probleem: Waarom Googlebot JavaScript-content vaak niet "ziet".
  • De oplossing: nuxt.config.ts configureren voor Hybrid Rendering. We stellen specifieke routeregels in (ISR versus SWR) om te garanderen dat productpagina's als statische HTML aan crawlers worden aangeboden.
  • Resultaat: Een door Curl geverifieerde, crawlbare pagina-bron.

Sessie 2: Metadata & zichtbaarheid

  • Het probleem: Single Page Apps (SPA's) hebben vaak maar één titeltag voor de hele site.
  • De oplossing: useSeoMeta en useServerSeoMeta implementeren om dynamische titels, beschrijvingen en canonieke URLs programmatisch te genereren.
  • Sociale media-oplossing: Fouten in Open Graph (OG)-tags opsporen, zodat links er correct uitzien op WhatsApp en LinkedIn.

Sessie 3: Technische basis & indexering

  • Het probleem: Verweesde pagina's die zoekmachines niet kunnen vinden.
  • De oplossing: @nuxtjs/sitemap installeren en configureren om automatisch XML-sitemapbestanden te genereren voor dynamische routes.
  • Prestatie-oplossing: <NuxtImg> implementeren en expliciete afmetingen definiëren om Cumulative Layout Shift (CLS) op te lossen en de indexering te versnellen.

Sessie 4: Audit, verdediging & hydratatie

  • Diepgaande analyse: "Hydration Mismatches" opspenen—de nummer 1-fout in Nuxt die de prestaties doodt.
  • De audit: Een live Lighthouse-audit uitvoeren op de gecorrigeerde projectcode.
  • Schema.org: JSON-LD-structurele data injecteren voor "Rich Snippets" (sterren/beoordelingen in zoekresultaten).

Vereisten

  • Deelnemers morgen beschikken over basiskennis van Vue.js en Nuxt.

Doelgroep

  • Ontwikkelaars
 7 Uren

Aantal deelnemers


Prijs per deelnemer

Getuigenissen (2)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën