Kurzusleírás

Munkamenet 1: A renderelési stratégia

  • A probléma: Miért sikerül ritkán a Googlebotnak „látványos” JavaScript tartalmat észlelni.

  • A megoldás: A nuxt.config.ts konfigurálása a Hibrid Renderelés-hez. Beállítunk konkrét útvonal-szabályokat (ISR vs SWR) azért, hogy a termékoldalak statikus HTML-ként legyenek elérhetők a botok számára.

  • Eredmény: Egy meghatározható oldalforrás, amelyet a Curl ellenőriz.

Munkamenet 2: Metaadatok és láthatóság

  • A probléma: Az egyoldalas alkalmazások (SPA) gyakran egyszeri címkét használnak az egész webhelyhez.

  • A megoldás: A useSeoMeta és a useServerSeoMeta implementálása programozottan generált dinamikus címek, leírások és kanonikus hivatkozások létrehozásához.

  • Szociális megoldás: A tönkretett Open Graph (OG) címkék hibaelhárítása, hogy a linkek helyesen jelenjenek meg a WhatsApp/LinkedIn-on.

Munkamenet 3: Technikai alapok és indexelés

  • A probléma: Az a weboldalak, amelyeket a keresőmotorok nem találhatnak meg.

  • A megoldás: Az @nuxtjs/sitemap telepítése és konfigurálása a dinamikus útvonalak XML site map-jeinek automatikus generálásához.

  • A teljesítmény megoldása: A <NuxtImg> implementálása és a pontos méretek meghatározása a Cumulative Layout Shift (CLS) probléma megoldásához és az indexelés gyorsításához.

Munkamenet 4: Felülvizsgáló, védő mechanizmusok és hidratálás

  • A mély gondolkozás: A „Hydration Mismatches” hibaelhárítása, a Nuxt-ban leggyakrabban előforduló hiba, amely megsemmisíti a teljesítményt.

  • A felülvizsgáló: Az eljárási projekten egy élő Lighthouse felülvizsgáló futtatása.

  • Schema.org: A JSON-LD strukturált adatok beágyazása a „Rich Snippets” (Csillagok/Értékelések a keresési eredményekben) számára.

Követelmények

  • A résztvevőknek elősegíteni kell, hogy működési ismeretük legyen a Vue.js-król és a Nuxt alapjairól.

Célcsoport

  • Fejlesztők
 7 Órák

Résztvevők száma


Ár résztvevőnként

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák