Návrh Školení

Sessions 1: Strategie renderování

  • Problém: Proč Googlebot často selhává při "vidění" JavaScriptového obsahu.

  • Rozřešení: Konfigurace nuxt.config.ts pro Hybridní renderování. Nastavíme specifická pravidla trasy (ISR vs SWR), aby byly produkční stránky poskytovány jako statický HTML pro boty.

  • Výsledek: Zahrnutelná zdrojová stránka ověřená pomocí Curl.

Sessions 2: Metadata a viditelnost

  • Problém: Single Page Apps (SPAs) často sdílejí jeden titulový tag pro celou stránku.

  • Rozřešení: Implementace useSeoMeta a useServerSeoMeta pro programové generování dynamických titulů, popisů a kanonických odkazů.

  • Sociální rozřešení: Ladění porouchaných Open Graph (OG) tagů, aby odkazy vypadaly správně na WhatsAppu a LinkedIn.

Sessions 3: Technické základy a indexace

  • Problém: Osamocené stránky, které vyhledávače nemohou najít.

  • Rozřešení: Instalace a konfigurace @nuxtjs/sitemap pro automatické generování XML sitemapů pro dynamické trasy.

  • Rozřešení výkonu: Implementace <NuxtImg> a definování explicitních rozměrů pro řešení kumulativního posunu rozložení (CLS) a zrychlení indexace.

Sessions 4: Audit, obrana a hydratace

  • Hluboká analýza: Ladění "hydratačních neshod"—nejčastější chyby v Nuxt, která zničí výkon.

  • Audit: Spuštění živého Lighthouse Auditu na opraveném projektu.

  • Schema.org: Vložení JSON-LD strukturovaných dat pro "bohaté úryvky" (hvězdičky a recenze v výsledcích vyhledávání).

Požadavky

  • Účastníci musejí mít pracovní znalosti z Vue.js a základů Nuxt.

Cílová skupina

  • Vývojáři
 7 hodiny

Počet účastníků


Cena za účastníka

Reference (5)

Nadcházející kurzy

Související kategorie