Kursplan

Sesjon 1: Rendrestrategien

  • Problem: Hvorfor Googlebot ofte mislykkes med å «se» JavaScript-innhold.

  • Løsning: Konfigurering av nuxt.config.ts for Hybrid Rendering. Vi vil sette spesifikke rutereglar (ISR vs SWR) for å sikre at produkt-sider blir levert som statisk HTML for bots.

  • Resultat: En krypbar sidekilde bekreftet av Curl.

Sesjon 2: Metadata & Synlighet

  • Problem: Single Page Apps (SPAs) deler ofte én tittelmærke for hele siden.

  • Løsning: Implementering av useSeoMeta og useServerSeoMeta for å generere dynamiske tittler, beskrivelser og kanoniske linker programmatisk.

  • Sosial Løsning: Felsjukking av feilaktige Open Graph (OG)-mærker slik at lenker ser riktig ut på WhatsApp/LinkedIn.

Sesjon 3: Teknisk Grundlag & Indeksering

  • Problem: Isolerte sider som søkemotorer ikke kan finne.

  • Løsning: Installasjon og konfigurering av @nuxtjs/sitemap for å generere XML-sitemaps automatisk for dynamiske ruter.

  • Ytelse Løsning: Implementering av <NuxtImg> og definisjon av eksakte dimensjoner for å løse Cumulative Layout Shift (CLS) og hastiggere indeksering.

Sesjon 4: Auditing, Forespor & Hydrering

  • Deep Dive: Felsjukking av «Hydration Mismatches»—den #1 feilen i Nuxt som dreper ytelsen.

  • Audit: Kjøring av en live Lighthouse Audit på den rettede prosjektet.

  • Schema.org: Injeksjon av JSON-LD strukturert data for «Rich Snippets» (stjerner/omtaler i søkeresultater).

Krav

  • Deltakerne ha arbeidsteoretisk kunnskap om Vue.js og Nuxt-grunnleggende.

Målgruppe

  • Utviklere
 7 timer

Antall deltakere


Pris per deltaker

Referanser (5)

Kommende kurs

Relaterte kategorier