Kom i kontakt

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 ställa in specifika ruttregler (ISR respektive SWR) för att säkerställa att produktsidor levereras som statisk HTML till botar.
  • Resultat: En sidhänvisning verifierad med Curl.

Session 2: Metadata och synlighet

  • Problemet: Single Page Applications (SPAs) delar ofta en enda titeltagg för hela webbplatsen.
  • Lösningen: Implementera useSeoMeta och useServerSeoMeta för att programmatiskt generera dynamiska titlar, beskrivningar och kanoniska länkar.
  • Social lösning: Felsök trasiga Open Graph (OG)-taggar så att länkar ser korrekta ut på WhatsApp/LinkedIn.

Session 3: Teknisk grund och indexering

  • Problemet: Föräldralösa sidor som sökmotorer inte hittar.
  • Lösningen: Installera och konfigurera @nuxtjs/sitemap för att automatiskt generera XML-sitemap för dynamiska rutter.
  • Prestandalösningen: Implementera <NuxtImg> och definiera explicita dimensioner för att lösa Cumulative Layout Shift (CLS) och snabba på indexeringen.

Session 4: Granskning, försvar och hydration

  • Djupdykning: Felsök "hydreringsavvikelser" – det vanligaste felet i Nuxt som förstör prestandan.
  • Granskning: Kör en live Lighthouse-granskning på den åtgärdade projektet.
  • Schema.org: Infoga JSON-LD-strukturerad data för "Rika snippetar" (Stjärnor/recensioner i sökresultaten).

Krav

  • Deltagarna måste ha praktisk kunskap om Vue.js och grunderna i Nuxt.

Målgrupp

  • Utvecklare
 7 Timmar

Antal deltagare


Pris per deltagare

Vittnesmål (2)

Kommande Kurser

Relaterade Kategorier