Prípadová štúdia
SEO-Led Platform Migration
Migrácia Vue SPA na Nuxt 3 s plným SSR — oprava indexovateľnosti, zníženie LCP zo 4,2s na 1,4s a obnova organickej návštevnosti.
Problém
Platforma bola klientom renderované Vue SPA. Google nedokázal spoľahlivo indexovať obsah, čo malo za následok takmer nulovú organickú návštevnosť napriek kvalitným obsahom. LCP prekročil 4s na mobile kvôli veľkým JS balíčkom blokujúcim prvý render. SEO problém bol čisto architektonický — žiadna obsahová práca by ho nevyriešila bez zmeny spôsobu renderovania stránky.
Prístup
Pred rozhodnutím som vyhodnotil SSR, SSG a ISR pre každý typ stránky. Zvolil som plné SSR pre dynamické produktové stránky a statickú generáciu pre marketingový obsah. Migroval som postupne — routing a layouty najprv, potom stránku po stránke — aby sme mohli začať doručovať skoro a zachytiť integračné problémy skôr, ako sa nahromadia.
Architektúra
- Framework: Nuxt 3 nahrádzajúci Vue CLI aplikáciu
- Rendering: SSR pre dynamické stránky, SSG pre statický marketingový obsah
- Meta: useHead a useSeoMeta composables na každej stránke
- Sitemap: Automaticky generovaná cez nuxt-simple-sitemap
- Obrázky: Optimalizované cez @nuxt/image
Kľúčové rozhodnutia
SSR namiesto pre-renderingu
Obsah bol používateľsky špecifický a často aktualizovaný. Pre-rendering by vyžadoval logiku invalidácie cache, ktorá pridávala zložitosť a riziko. SSR doručoval čerstvý obsah pri každej požiadavke s akceptovateľným TTFB pri tejto veľkosti.
Postupná migrácia
Prepísanie celej aplikácie v jednom šprinte prinieslo príliš veľké riziko. Migrácia po routách umožnila skoré odovzdanie a izolovanie integračných problémov skôr, ako sa zväčšili do väčšieho problému.
Štruktúrované dáta na každej kľúčovej stránke
Pridali sme JSON-LD schema markup pre typy product, article a breadcrumb. To priamo zlepšilo oprávnenosť na rich snippety a mieru preklikov vo výsledkoch vyhľadávania.
Výsledok
Organická návštevnosť vzrástla o 64% za 90 dní od spustenia. LCP kleslo zo 4,2s na 1,4s na mobile. Stránka dosiahla 91+ Lighthouse skóre vo všetkých štyroch kategóriách. Prvé stránky výsledkov sa objavili do 6 týždňov.
Tech stack
Čo by som zlepšil
- Implementovať partial hydration pre marketingové stránky na ďalšie zníženie JS payloadu
- Pridať server-side A/B testovanie na edge vrstve