Kursplan

Session 1: Renderstrategin

  • 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 routeregler (ISR vs SWR) för att säkerställa att produkt sidor serveras som statisk HTML för botar.

  • Resultat: En krympbar sidkälla verifierad av Curl.

Session 2: Metadata & Synlighet

  • Problemet: Ensidiga appar (SPAs) delar ofta en titeltag för hela sidan.

  • Lösningen: Implementera useSeoMeta och useServerSeoMeta för att dynamiskt generera titlar, beskrivningar och canonicals programmässigt.

  • Social lösning: Felsöka brokna Open Graph (OG) taggar så att länkar ser korrekta på WhatsApp/LinkedIn.

Session 3: Teknisk grund & Indexering

  • Problemet: Förlorade sidor som sökmotorer inte kan hitta.

  • Lösningen: Installera och konfigurera @nuxtjs/sitemap för att automatiskt generera XML-sitemaps för dynamiska routar.

  • Prestandalösningen: Implementera <NuxtImg> och definiera explicita dimensioner för att lösa Cumulative Layout Shift (CLS) och öka indexeringstiden.

Session 4: Granskning, försvar & Hydration

  • Djupdykning: Felsöka "Hydration Mismatches"—det #1 felet i Nuxt som dödar prestanda.

  • Granskningen: Kör en live Lighthouse-granskning på det åtgärda projektet.

  • Schema.org: Infoga JSON-LD-strukturerat data för "Rika Snippetar" (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