Lépjen kapcsolatba velünk

Kurzusleírás

1. ülésszak: A renderelési stratégia

  • A probléma: Miért gyakran nem látja a Googlebot a JavaScript tartalmat.
  • A megoldás: A nuxt.config.ts konfigurálása Hybrid renderelés érdekében. Különleges útvonal-szabályokat állítunk be (ISR vs SWR), hogy a termékválasztékot statikus HTML-ként szolgáljuk ki a botok számára.
  • Eredmény: Egy CURL segítségével ellenőrzhető, kereshető oldalforrás.

2. ülésszak: Metaadatok és láthatóság

  • A probléma: A Single Page Applications (SPA) gyakran csak egy címkét osztanak meg az egész oldalon.
  • A megoldás: A useSeoMeta és a useServerSeoMeta implementálása dinamikus címek, leírások és kanonikus URL-ek programozott generálásához.
  • Sociális javítás: Hibás Open Graph (OG) tagek hibakeresése, hogy a linkek helyesen jelenjenek meg WhatsApp/LinkedIn felületeken.

3. ülésszak: Technikai alapok és indexelés

  • A probléma: Elveszett oldal (orphaned pages), amelyeket a keresőmotorok nem találnak meg.
  • A megoldás: A @nuxtjs/sitemap telepítése és konfigurálása dinamikus útvonalakhoz automatikusan XML oldaltérképek generálásához.
  • Teljesítmény javítás: Az <NuxtImg> implementálása és explicit dimenziók meghatározása a Cumulative Layout Shift (CLS) problémák megoldására, ezáltal felgyorsítva az indexelést.

4. ülésszak: Ellenőrzés, védelem és hidratálás

  • A mély betekintés: A „Hidratálási eltérések” hibakeresése – a Nuxtban előforduló #1 teljesítményölő hiba.
  • Az ellenőrzés: Élő Lighthouse-ellenőrzés futtatása a javított projekten.
  • Schema.org: JSON-LD strukturált adatok injektálása „Rich Snippets” (csillagok/értékelések) megjelenítéséhez a keresési eredményekben.

Követelmények

  • A résztvevőknek mindenképpen rendelkezniük kell Vue.js és Nuxt alapjainak gyakorlati ismeretével.

Célközönség

  • Fejlesztők
 7 Órák

Résztvevők száma


Ár per résztvevő

Vélemények (2)

Közelgő kurzusok

Rokon kategóriák