Zkuste nás kontaktovat

Návrh Školení

Zasedání 1: Renderovací strategie

  • Problém: Proč se Googlebotovi často nedaří „vidět“ obsah generovaný JavaScriptem.
  • Oprava: Konfigurace souboru nuxt.config.ts pro Hybridní renderování. Nastavíme specifická pravidla pro jednotlivé trasy (ISR oproti SWR), aby byly produkty servírovány jako statické HTML pro vyhledávače.
  • Výsledek: Zdrojový kód stránky, který lze indexovat, ověřený pomocí nástroje Curl.

Zasedání 2: Metadata & Viditelnost

  • Problém: Jednostránkové aplikace (SPA) často sdílejí pro celý web pouze jeden nadpis.
  • Oprava: Implementace komponent useSeoMeta a useServerSeoMeta k programové generaci dynamických titulků, popisů a kanonických URL.
  • Sociální oprava: Ladění nefunkčních Open Graph (OG) značek, aby vypadaly správně na WhatsAppu nebo LinkedInu.

Zasedání 3: Technický základ & Indexování

  • Problém: Stránky izolované od ostatních, které vyhledávače nenajdou.
  • Oprava: Instalace a konfigurace @nuxtjs/sitemap pro automatické generování XML karet stránek pro dynamické trasy.
  • Oprava výkonu: Implementace <NuxtImg> a zadání explicitních rozměrů k řešení posunu rozvržení (CLS) a zrychlení indexování.

Zasedání 4: Audit, obrana & hydratace

  • Hlubší pohled: Debugging „nesouladů při hydrataci" – chyby č. 1 v aplikacích Nuxt, která ničí výkon.
  • Audit: Spuštění živého auditu Lighthouse na opraveném projektu.
  • Schema.org: Vložení strukturovaných dat JSON-LD pro „Rychlé náhledy“ (hvězdičky a recenze) ve výsledcích vyhledávání.

Požadavky

  • Účastníci musí mít základní znalost Vue.js a Nuxt.

Cílová skupina

  • Vývojáři
 7 Hodiny

Počet účastníků


Cena za účastníka

Reference (2)

Nadcházející kurzy

Související kategorie