Ta kontakt

Kursplan

Økt 1: Leveringsstrategi

  • Problemstillinga: Kvifor Googlebot ofte ikkje klarer å «sjå» JavaScript-innhald.
  • Løsninga: Konfigurere nuxt.config.ts for Hybrid-leverering. Vi vil stille spesifikke rutesetingsreglar (ISR vs. SWR) for å sikre at productsider vert levert som statisk HTML til nettleserbottar.
  • Resultat: Ein crawlbart sida-kjeldekode verifisert med Curl.

Økt 2: Metadata og synlighet

  • Problemstillinga:: Enkle sider-applikasjonar (SPApplikasjonar) deler ofte ein enkelt titteltag for heile nettverket.
  • Løsninga:: Implementere useSeoMeta og useServerSeoMeta for programmestyrt generering av dynamiske titlar, skildringar og kanoniske lenker.
  • Sosial løysing:: Feilsøke brotne Open Graph (OG)-taggar slik at lenkene ser rette ut på WhatsApp/LinkedIn.

Økt 3: Teknisk fundament og indeksivering

  • Problemstillinga:: Orphaned sider som søkemotorar ikkje finn.
  • Løsninga:: Installere og konfigurere @nuxtjs/sitemap for å automatisk generere XML-sitemap for dynamiske ruter.
  • Ytelse løysing:: Implementere <NuxtImg> og definere eksplisitte dimensjoner for å løyse Cumulative Layout Shift (CLS) og akselerere indeksivering.

Økt 4: Revisjon, forsvar og hydrering

  • Djupgåande gjennomgang:: Feilsøke «hydrerings-mismatch» – den #1-feilen i Nuxt som dreper ytelsen.
  • Revisjon:: Køre ein levande Lighthouse-revisjon på det fiksa prosjektet.
  • Schema.org:: Injectere JSON-LD-strukturert data for «Rik Snippets» (stjerner/gjensyn i søkeresultat).

Krav

  • Deltakarane ha praktisk kunnskap om grunnleggjande Vue.js og Nuxt.

Målgruppe

  • Utviklarar
 7 Timer

Antall deltakere


Pris per deltaker

Referanser (2)

Kommende kurs

Relaterte kategorier