Kursplan

Session 1: Renderingsstrategin

  • Problemet: Varför Googlebot ofta misslyckas med att "se" JavaScript-innehåll.
  • Lösningen: Konfigurera nuxt.config.ts för Hybrid Rendering. Vi kommer att sätta specifika ruttningsregler (ISR vs SWR) för att säkerställa att produkt sidor levereras som statisk HTML för bots.
  • Resultat: En krympbar sidkälla verifierad av Curl.

Session 2: Metadata & Synlighet

  • Problemet: Single Page Apps (SPAs) delar ofta en titeltag för hela webbplatsen.
  • Lösningen: Implementera useSeoMeta och useServerSeoMeta för att generera dynamiska titlar, beskrivningar och kanoniska länkar programmatiskt.
  • Sociala Lösning: Felsöka brokna Open Graph (OG) taggar så att länkar ser korrekta på WhatsApp/LinkedIn.

Session 3: Teknisk Grund och Indexering

  • Problemet: Oanvändbara sidor som sökmotorer inte kan hitta.
  • Lösningen: Installera och konfigurera @nuxtjs/sitemap för att automatiskt generera XML-sitemap för dynamiska rutter.
  • Prestandalösning: Implementera <NuxtImg> och definiera explicita dimensioner för att lösa Cumulative Layout Shift (CLS) och öka indexeringens hastighet.

Session 4: Granskning, Defensivt Arbete & Hydration

  • Djupdykning: Felsöka "Hydration Mismatches"—den #1 fel i Nuxt som dödar prestanda.
  • Granskning: Kör en live Lighthouse Granskning på det åtgärdade projektet.
  • Schema.org: Infoga JSON-LD-strukturerat data för "Rich Snippets" (stjärnor/recensioner i sökresultaten).

Krav

  • Deltagare måste ha fungerande kunskap om Vue.js och Nuxt-grundläggande.

Målgrupp

  • Utvecklare
 7 Timmar

Antal deltagare


Pris per deltagare

Vittnesmål (5)

Kommande Kurser

Relaterade Kategorier