Kurzusleírás

1. munkamenet: A Renderelési Stratégia

  • A probléma: Miért nem látja a Googlebot gyakran a JavaScript tartalmat.
  • A javítás: A nuxt.config.ts konfigurálása Hybrid Rendereléshez. Meghatározott útvonalszabályokat (ISR vs SWR) állítunk be, hogy a termékoldalak statikus HTML-ként szolgáljanak ki a botok számára.
  • Eredmény: Egy crawlezhető oldalforrás, amelyet a Curl ellenőriz.

2. munkamenet: Metaadatok & Láthatóság

  • A probléma: Az egylapos alkalmazások (SPA-k) gyakran egyetlen címkét használnak a teljes oldalhoz.
  • A javítás: A useSeoMeta és useServerSeoMeta implementálása dinamikus címek, leírások és kanonikus URL-ek programozott generálásához.
  • Közösségi javítás: Hibás Open Graph (OG) címkék hibakeresése, hogy a linkek helyesen jelenjenek meg a WhatsApp/LinkedIn-en.

3. munkamenet: Technikai Alapok & Indexelés

  • A probléma: Árva oldalak, amelyeket a keresőmotorok nem találnak meg.
  • A javítás: A @nuxtjs/sitemap telepítése és konfigurálása dinamikus útvonalakhoz automatikusan generált XML oldaltérképek létrehozásához.
  • A teljesítményjavítás: A <NuxtImg> implementálása és explicit méretek meghatározása a Cumulative Layout Shift (CLS) megoldásához és az indexelés felgyorsításához.

4. munkamenet: Audit, Védelem & Hidratálás

  • A mély merülés: A „Hidratálási eltérések” hibakeresése – a Nuxt #1 hibája, amely tönkreteszi a teljesítményt.
  • Az audit: Egy élő Lighthouse Audit futtatása a javított projekten.
  • Schema.org: JSON-LD strukturált adatok injektálása „Rich Snippets” (Csillagok/Értékelések a keresési eredményekben) számára.

Követelmények

  • A résztvevőknek muszáj rendelkezniük a Vue.js és a Nuxt alapjaival kapcsolatos gyakorlati ismeretekkel.

Célközönség

  • Fejlesztők
 7 Órák

Résztvevők száma


Ár per résztvevő

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák