Návrh Školení

Sedmice 1: Strategie vykreslování

  • Problém: Proč Googlebot často selhává při „vidění“ JavaScriptového obsahu.
  • Rozřešení: Konfigurace nuxt.config.ts pro Hybridní vykreslování. Nastavíme specifická pravidla tras (ISR vs SWR), aby byly produktní stránky poskytovány jako statické HTML pro boty.
  • Výsledek: Prozkoumatelná zdrojová stránka ověřená pomocí Curlu.

Sedmice 2: Metadata a viditelnost

  • Problém: Aplikace s jednou stránkou (SPA) často sdílejí jeden titulový tag pro celou webstránku.
  • Rozřešení: Implementace useSeoMeta a useServerSeoMeta k programovému generování dynamických titulků, popisů a kanonických adres.
  • Sociální oprava: ladění poškozených otevřených grafických (OG) tagů tak, aby se odkazy správně zobrazovaly na WhatsAppu a LinkedIn.

Sedmice 3: Technické základy a indexace

  • Problém: Samostatné stránky, které vyhledávače nejsou schopny najít.
  • Rozřešení: Instalace a konfigurace @nuxtjs/sitemap pro automatické generování XML sitemapů pro dynamické trasy.
  • Vyřešení výkonu: Implementace <NuxtImg> a definování explicitních rozměrů, aby se vyřešilo kumulativní posunování rozvržení (CLS) a urychlilo indexaci.

Sedmice 4: Audit, obrana a hydrace

  • Podrobný pohled: ladění „hydračních neshod“ – hlavní chyby v Nuxt, která zabíjí výkon.
  • Audit: Spuštění živého auditu Lighthouse na opraveném projektu.
  • Schema.org: Injektování strukturovaných dat JSON-LD pro „bohatá odkazy“ (hvězdičky a recenze v výsledcích vyhledávání).

Požadavky

  • Účastníci musejí mít praktické 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