Kursplan

Økt 1: Renderingsstrategi

  • Problem: Hvorfor Googlebot ofte feiler i å "se" JavaScript-innhold.
  • Løsning: Konfigurere nuxt.config.ts for Hybrid Rendering. Vi vil sette spesifikke ruter (ISR vs SWR) for å sikre at produkt sider serveres som statisk HTML for bots.
  • Resultat: En krypbar sidekilde verifisert ved Curl.

Økt 2: Metadata & Synlighet

  • Problem: Ensideapplikasjoner (SPAs) deler ofte én tittelfelt for hele nettstedet.
  • Løsning: Implementere useSeoMeta og useServerSeoMeta for å generere dynamiske tittler, beskrivelser og kanonikale lenker programmert.
  • Sosial løsning: Feilsøke feil Open Graph (OG)-merkede tags slik at linker ser korrekt ut på WhatsApp/LinkedIn.

Økt 3: Teknisk grunnlag & Indeksering

  • Problem: Uforankrede sider som søkemotorer ikke kan finne.
  • Løsning: Installere og konfigurere @nuxtjs/sitemap for å generere XML-sitemap automatisk for dynamiske ruter.
  • Ytelse-løsning: Implementering av <NuxtImg> og definisjon av eksplisitt størrelse for å løse kumulativ layoutforskyvning (CLS) og hastiggere indeksering.

Økt 4: Auditing, forsvar & Hydrering

  • Dybdeanalyse: Feilsøke "Hydreringsmismatch"—den #1 feilen i Nuxt som dreper ytelsen.
  • Auditing: Kjøre en live Lighthouse Auditing på det rettede prosjektet.
  • Schema.org: Injectere JSON-LD strukturert data for "Rich Snippets" (stjerner/anmeldelser i søkeresultater).

Krav

  • Deltakere skal ha arbeidskunnskap om Vue.js og Nuxt-grunnleggende.

Målgruppe

  • Utviklere
 7 Timer

Antall deltakere


Pris per deltaker

Referanser (5)

Kommende kurs

Relaterte kategorier