Redesign e-shopu s 10 000+ produkty bez propadu v organické návštěvnosti
Jeden z největších českých e-shopů specializující se na elektroniku a domácí spotřebiče se po pěti letech provozu rozhodl pro kompletní redesign své webové prezentace. E-shop nabízel více než 10 000 produktů v desítkách kategorií a podkategorií, měl stabilní organickou návštěvnost přesahující 250 000 uživatelů měsíčně a silné pozice na vysoce konkurenční klíčová slova. Hlavním cílem redesignu bylo zmodernizovat zastaralý vzhled, zlepšit uživatelskou zkušenost zejména na mobilních zařízeních a implementovat nové funkce pro zvýšení konverzního poměru. Zároveň bylo kritické zachovat nebo ideálně zlepšit stávající organickou viditelnost, která představovala 65 % celkové návštěvnosti a generovala přes 70 % tržeb.
Výchozí situace
E-shop fungoval na proprietárním řešení vyvinutém v roce 2014, které již nesplňovalo moderní standardy. Technický stav webu před redesignem byl značně problematický. Zastaralá responzivní implementace vykazovala mnoho nedostatků na mobilních zařízeních, kde docházelo k překrývání prvků a obtížné navigaci. Přitom mobilní návštěvnost tvořila již 58 % celkové návštěvnosti, což dále zdůrazňovalo potřebu optimalizace pro tato zařízení.
Dalším výrazným problémem bylo pomalé načítání stránek s průměrným Core Web Vitals skóre v červených hodnotách. Zejména LCP (Largest Contentful Paint) dosahoval průměrně 4,2 sekundy, což výrazně převyšovalo doporučenou hodnotu. CLS (Cumulative Layout Shift) byl na hodnotě 0,28, což způsobovalo nepříjemné poskakování obsahu během načítání stránky a frustraci uživatelů. Tyto technické nedostatky negativně ovlivňovaly nejen uživatelskou zkušenost, ale také hodnocení webu vyhledávači.
E-shop také trpěl komplexní URL strukturou s mnoha parametry, která komplikovala indexaci a crawlování. Některé produktové stránky byly dostupné přes 3-4 různé URL cesty, což vedlo k problémům s duplicitním obsahem a tříštěním tzv. link juice. Vyhledávače měly problém určit, která verze stránky je ta primární, což negativně ovlivňovalo pozice ve výsledcích vyhledávání.
Web obsahoval rozsáhlou síť interních odkazů s nekonzistentními anchor texty a nedostatečně strukturovanou navigací. To způsobovalo, že některé důležité stránky byly příliš hluboko v hierarchii webu a vyhledávače jim přikládaly menší význam. Zároveň to komplikovalo orientaci uživatelů, kteří často nemohli najít hledané produkty nebo kategorie.
Duplicitní obsah se vyskytoval na mnoha produktových stránkách, kde stejný produkt existoval v různých kategoriích s minimálními změnami v obsahu. Chyběly kanonické tagy, které by vyhledávačům jasně indikovaly preferovanou verzi stránky. To vedlo k zbytečnému plýtvání crawl budgetem a potenciálně k horším pozicím ve vyhledávačích.
Přes tyto technické nedostatky si e-shop udržoval silné organické pozice díky dlouhodobé historii domény, která byla na trhu již více než deset let. Kvalitní obsah produktových stránek s detailními specifikacemi a recenzemi také přispíval k dobré viditelnosti. E-shop měl navíc silný profil zpětných odkazů od renomovaných médií a partnerských webů, což pomáhalo udržovat dobré pozice i přes technické nedostatky.
Strategický přístup k redesignu
Vedení e-shopu si plně uvědomovalo rizika spojená s kompletním redesignem takto rozsáhlého webu. Z historických dat a zkušeností v oboru věděli, že mnoho e-shopů zaznamenalo po redesignu výrazný propad v organické návštěvnosti, který v některých případech trval i několik měsíců. Proto byl sestaven multidisciplinární tým zahrnující SEO specialisty, UX designéry, vývojáře a produktové manažery. Celý proces byl rozdělen do několika fází s důrazem na zachování SEO hodnoty.
Fáze 1: Analýza a plánování (3 měsíce)
V první fázi byl proveden komplexní audit stávajícího webu. SEO tým analyzoval všechny indexované URL, jejich strukturu, návštěvnost a konverzní poměr. Bylo identifikováno přes 15 000 indexovaných URL, z nichž 12 500 bylo produktových stránek, 450 kategorií a podkategorií, a zbytek tvořily informační stránky, blog a další podpůrný obsah.
Analýza zahrnovala detailní průzkum struktury URL a jejich parametrů. Bylo zjištěno, že mnoho URL obsahovalo zbytečné parametry, které nepřinášely žádnou hodnotu pro uživatele ani pro vyhledávače. Například parametry pro řazení produktů, filtry a session ID byly často indexovány, což vedlo k vytváření duplicitního obsahu. SEO tým vytvořil komplexní mapu všech URL vzorů a navrhl novou, čistší strukturu, která by eliminovala tyto problémy.
Zvláštní pozornost byla věnována analýze klíčových slov a mapování nejdůležitějších stránek z hlediska organické návštěvnosti. Tým provedl hloubkovou analýzu klíčových slov pomocí nástrojů jako Ahrefs, SEMrush a Google Search Console, aby identifikoval klíčová slova, která přiváděla nejvíce návštěvníků a generovala nejvíce konverzí. Bylo identifikováno 850 klíčových stránek, které generovaly 80 % organické návštěvnosti a byly označeny jako “kritické” pro zachování během migrace. Pro každou z těchto stránek byl vytvořen detailní plán, jak zachovat její SEO hodnotu během redesignu.
UX tým provedl rozsáhlé uživatelské testování s 25 reálnými zákazníky z různých demografických skupin a s různou úrovní technických znalostí. Testování odhalilo několik kritických problémů v nákupním procesu. Například uživatelé měli potíže s navigací v kategoriích, filtry produktů byly nepřehledné a proces dokončení objednávky obsahoval zbytečné kroky, které vedly k opuštění košíku. Na základě těchto poznatků byly vytvořeny wireframy a prototypy nového designu, které byly iterativně testovány a upravovány. UX tým provedl celkem pět kol testování a úprav, než byl finální design schválen.
Technický tým mezitím analyzoval stávající architekturu a navrhl novou platformu postavenou na moderním frameworku s důrazem na rychlost načítání a škálovatelnost. Po zvážení různých možností byla zvolena headless architektura s odděleným frontendem a backendem, která umožňovala lepší optimalizaci pro mobilní zařízení a flexibilnější správu obsahu. Frontend byl postaven na React.js, což umožnilo vytvořit responzivní a interaktivní uživatelské rozhraní. Backend využíval Node.js s GraphQL API, což zjednodušilo komunikaci mezi frontendem a databází a umožnilo efektivnější načítání dat.
Důležitou součástí plánování byla také strategie pro migraci obsahu. E-shop obsahoval tisíce produktových popisů, specifikací, recenzí a dalšího obsahu, který bylo třeba přenést do nové struktury. Byl vytvořen detailní plán migrace, který zahrnoval automatizované skripty pro přenos dat, ale také manuální kontrolu kritického obsahu. Zvláštní pozornost byla věnována zachování strukturovaných dat a schéma.org značení, které pomáhalo vytvářet bohaté výsledky ve vyhledávačích.
Fáze 2: Vývoj a testování (4 měsíce)
Během vývojové fáze byl kladen důraz na průběžné testování SEO aspektů nového designu. Vývojový tým pracoval v dvoutýdenních sprintech, přičemž na konci každého sprintu byla provedena SEO kontrola nově implementovaných funkcí. Tím se zajistilo, že SEO požadavky jsou zohledněny již během vývoje, nikoliv až jako dodatečná úprava.
Byl vytvořen komplexní plán přesměrování, který mapoval všechny stávající URL na jejich nové protějšky. Tento plán byl mnohem složitější, než se původně očekávalo, protože musel zohledňovat různé varianty URL s parametry, alternativní cesty ke stejným stránkám a historické URL, které již nebyly aktivně používány, ale stále mohly mít zpětné odkazy. Celkem bylo připraveno přes 18 000 přesměrovacích pravidel, která byla implementována pomocí regulárních výrazů v .htaccess souboru.
Pro každou kritickou stránku byl vytvořen detailní plán migrace obsahu, který zajišťoval zachování klíčových SEO prvků. Title tagy a meta description byly přeneseny s minimálními úpravami, aby se zachovala jejich efektivita z hlediska CTR ve výsledcích vyhledávání. Struktura nadpisů (H1-H6) byla zachována s důrazem na klíčová slova, přičemž byly provedeny pouze stylistické úpravy pro lepší čitelnost. Interní odkazování bylo optimalizováno, ale zachovávalo podobnou sémantickou strukturu, aby se nenarušil tok link juice v rámci webu.
Zvláštní pozornost byla věnována implementaci strukturovaných dat. Schéma.org značení bylo rozšířeno a vylepšeno, aby poskytovalo vyhledávačům více kontextu o obsahu stránek. Byly implementovány značky pro produkty, recenze, ceny, dostupnost a další relevantní informace. Toto značení bylo testováno pomocí nástroje Google Structured Data Testing Tool, aby se zajistila jeho správná implementace.
Pro řešení problému s duplicitním obsahem byly implementovány kanonické URL. Každý produkt měl nyní jednu primární URL, na kterou odkazovaly všechny alternativní verze pomocí kanonického tagu. Tím se zajistilo, že vyhledávače budou indexovat pouze jednu verzi každé stránky a přiřadí jí plnou SEO hodnotu.
Nová architektura webu byla navržena s důrazem na rychlost. Byl implementován systém lazy loadingu pro obrázky, který načítal obrázky až když se dostaly do viditelné části obrazovky. Kritické CSS bylo vloženo inline do HTML, aby se eliminovaly blokující požadavky na server. JavaScript byl optimalizován a rozdělen do menších balíčků, které se načítaly podle potřeby. Byl implementován také pokročilý systém cachování, který ukládal často používané části stránek do mezipaměti prohlížeče.
Díky těmto opatřením se podařilo dosáhnout výrazného zlepšení Core Web Vitals. LCP klesl z původních 4,2 sekundy na pouhých 1,8 sekundy, což je hluboko pod doporučenou hranicí 2,5 sekundy. CLS se zlepšil z 0,28 na 0,05, což eliminovalo nepříjemné poskakování obsahu během načítání. FID (First Input Delay) byl konzistentně pod 100 ms, což zajišťovalo okamžitou reakci na uživatelské interakce.
Zvláštní pozornost byla věnována mobilní verzi, která byla nyní vyvíjena s přístupem mobile-first. To znamená, že design byl nejprve optimalizován pro mobilní zařízení a teprve poté rozšířen pro větší obrazovky. Nová navigace byla intuitivnější, s jasně viditelnými kategoriemi a vyhledávacím polem. Filtry produktů byly přepracovány pro snadnější použití na dotykových zařízeních, s většími dotykovými plochami a přehlednějším zobrazením vybraných filtrů. Checkout proces byl zjednodušen z původních pěti kroků na pouhé tři, což vedlo k významnému snížení míry opuštění košíku.
Fáze 3: Příprava na spuštění (1 měsíc)
Měsíc před plánovaným spuštěním byla vytvořena kompletní staging verze nového webu, která byla důkladně testována z hlediska funkčnosti, výkonu a SEO. Byl proveden crawl obou verzí webu pomocí nástroje Screaming Frog a porovnány klíčové SEO prvky, aby se zajistilo, že nedošlo k žádným nechtěným změnám.
Tento crawl odhalil několik problémů, které bylo třeba řešit před spuštěním. Například některé produktové stránky měly nesprávné kanonické tagy, některé kategorie měly duplicitní meta popisky a několik důležitých stránek nebylo dostupných přes interní odkazy. Tyto problémy byly systematicky řešeny a opraveny.
Byl finalizován plán přesměrování a testován na vzorku URL. Pro každou kritickou stránku bylo ověřeno, že přesměrování funguje správně a že nová stránka obsahuje všechny klíčové SEO prvky. Testování odhalilo několik problémů s přesměrováním URL s nestandardními parametry, které byly opraveny úpravou regulárních výrazů v přesměrovacích pravidlech.
Byl vytvořen detailní plán monitoringu po spuštění, který zahrnoval sledování indexace, organické návštěvnosti, pozic klíčových slov a konverzního poměru. Pro každou z těchto metrik byly stanoveny prahové hodnoty, při jejichž překročení by byl aktivován krizový plán. Byly nastaveny automatické alerty, které by upozornily tým na jakékoliv neočekávané poklesy v těchto metrikách.
Součástí přípravy bylo také školení zaměstnanců, kteří by pracovali s novým administračním rozhraním. Bylo vytvořeno několik školících materiálů a provedeny workshopy pro produktové manažery, marketingový tým a zákaznickou podporu. Tím se zajistilo, že všichni relevantní zaměstnanci budou schopni efektivně pracovat s novým systémem ihned po jeho spuštění.
Byl připraven krizový plán pro případ závažných problémů, který zahrnoval možnost rychlého návratu ke staré verzi webu. Tento plán detailně popisoval kroky, které by bylo třeba podniknout v případě kritických problémů, jako je výrazný pokles konverzí, technické problémy s dostupností webu nebo významný propad v organických pozicích. Součástí plánu bylo také rozdělení odpovědností a komunikační strategie pro interní i externí komunikaci.
Fáze 4: Spuštění a monitoring (2 týdny)
Spuštění nového designu bylo naplánováno na úterý ve 2:00 ráno, kdy byla návštěvnost nejnižší. Tento čas byl zvolen na základě analýzy návštěvnosti v předchozích týdnech, která ukázala, že mezi 2:00 a 5:00 ráno je na webu nejméně uživatelů. Zároveň to poskytovalo dostatek času na řešení případných problémů před ranní špičkou.
Proces spuštění zahrnoval několik pečlivě naplánovaných kroků. Nejprve byl aktivován maintenance mód s informací o probíhající aktualizaci a předpokládaném času dokončení. Tato informace byla zobrazena všem uživatelům, kteří se pokusili přistoupit na web během migrace. Následně byla provedena kompletní záloha databáze a souborů stávajícího webu, aby bylo možné v případě potřeby rychle obnovit původní verzi.
Poté byla nasazena nová verze webu na produkční servery. Tento proces zahrnoval přenos všech souborů, aktualizaci databáze a konfiguraci serverů. Následně byla implementována 301 přesměrování ze starých URL na nové podle předem připraveného plánu. Tým provedl testování klíčových funkcí a nákupního procesu, aby se ujistil, že vše funguje správně. Byly otestovány různé scénáře, včetně vyhledávání produktů, filtrování, přidávání do košíku a dokončení objednávky.
Po úspěšném testování byl deaktivován maintenance mód a nový web byl zpřístupněn uživatelům. Celý proces trval přibližně 3 hodiny a proběhl bez větších komplikací. Ihned po spuštění začal intenzivní monitoring všech klíčových metrik.
Každou hodinu byla kontrolována dostupnost klíčových stránek pomocí automatizovaných skriptů, které simulovaly uživatelské interakce a ověřovaly, že stránky jsou dostupné a funkční. Každé 4 hodiny byl prováděn crawl vzorku kritických URL pro ověření správného přesměrování a indexace. Denně byla analyzována data z Google Analytics a Search Console, aby se identifikovaly jakékoliv anomálie v návštěvnosti, konverzích nebo uživatelském chování. Dvakrát denně byla kontrolována indexace nových URL v Google pomocí operátoru “site:” a sledování indexu v Search Console.
V prvních 48 hodinách po spuštění bylo identifikováno několik menších problémů, které byly okamžitě řešeny. Některá přesměrování nefungovala správně kvůli chybám v regulárních výrazech, což vedlo k tomu, že některé méně frekventované URL vracely chybu 404. Tyto problémy byly rychle identifikovány díky monitoringu a opraveny úpravou přesměrovacích pravidel.
Několik obrázků produktů se nenačítalo korektně kvůli problémům s CDN (Content Delivery Network). Tyto problémy byly způsobeny nesprávnou konfigurací cache na CDN serverech a byly vyřešeny aktualizací konfigurace a manuálním pročištěním cache.
Některé filtrované URL generovaly chybové stránky, když uživatelé kombinovali více filtrů najednou. Tento problém byl způsoben chybou v logice filtrování a byl opraven aktualizací kódu, který zpracovával kombinace filtrů.
Vyskytly se také problémy s načítáním recenzí produktů, které byly uloženy v externí databázi. Tyto problémy byly způsobeny změnami v API pro přístup k recenzím a byly vyřešeny aktualizací integračního kódu.
Všechny tyto problémy byly vyřešeny během prvních dvou dnů po spuštění, což minimalizovalo jejich dopad na uživatelskou zkušenost a SEO.
Výsledky redesignu
Krátkodobé výsledky (první měsíc)
V prvním týdnu po redesignu došlo k očekávanému mírnému poklesu organické návštěvnosti o přibližně 8 %. Tento pokles byl způsoben především přeindexací stránek a byl v souladu s predikcemi SEO týmu. Vyhledávače potřebovaly čas na crawlování a indexaci nových URL a na zpracování přesměrování ze starých URL.
Monitoring indexace v Google Search Console ukázal, že po dvou týdnech bylo indexováno již 75 % nových URL. Tento rychlý postup indexace byl přičítán dobře implementovanému přesměrování a novému sitemap.xml souboru, který byl pravidelně aktualizován a obsahoval všechny důležité URL s odpovídajícími prioritami a frekvencemi změn. Staré URL byly postupně odstraňovány z indexu díky správně implementovanému přesměrování, které jasně signalizovalo vyhledávačům, že došlo k trvalé změně adresy.
Průměrná pozice klíčových slov poklesla o 1,2 pozice, ale u 80 % sledovaných klíčových slov zůstala na první stránce výsledků vyhledávání. Tento mírný pokles byl očekávaný a byl způsoben především tím, že vyhledávače potřebovaly čas na vyhodnocení nové struktury webu a relevance obsahu. Pozitivní bylo, že žádné z klíčových konverzních klíčových slov nezaznamenalo dramatický propad.
Zatímco organická návštěvnost mírně poklesla, konverzní poměr vzrostl o impresivních 18 % díky vylepšenému uživatelskému rozhraní a zjednodušenému nákupnímu procesu. Uživatelé nyní mnohem snadněji nacházeli hledané produkty, měli k dispozici relevantnější informace a proces dokončení objednávky byl intuitivnější. Tento nárůst konverzního poměru částečně kompenzoval dočasný pokles návštěvnosti a vedl k tomu, že celkové tržby zůstaly stabilní i přes nižší návštěvnost.
Bounce rate klesl z původních 42 % na 36 %, což indikovalo lepší uživatelskou zkušenost a relevantnější obsah. Uživatelé nyní strávili na webu v průměru o 45 sekund déle než před redesignem a prohlédli si o 1,3 stránky více na jednu návštěvu. Tyto metriky naznačovaly, že nový design byl pro uživatele atraktivnější a poskytoval jim relevantnější obsah a navigaci.
Podíl mobilní návštěvnosti začal postupně růst a do konce prvního měsíce dosáhl 61 % oproti původním 58 %. Tento nárůst byl přičítán výrazně lepší mobilní zkušenosti, která nyní poskytovala uživatelům plnohodnotnou funkčnost bez kompromisů. Konverzní poměr na mobilních zařízeních vzrostl dokonce o 25 %, což bylo výrazně více než na desktopu.
Střednědobé výsledky (3 měsíce)
Po třech měsících se organická návštěvnost vrátila na původní hodnoty a začala postupně růst. V porovnání s obdobím před redesignem vzrostla o 5 %. Tento nárůst byl přičítán lepší technické optimalizaci webu, rychlejšímu načítání stránek a lepší struktuře obsahu, která byla nyní relevantnější pro vyhledávací dotazy uživatelů.
Průměrná pozice klíčových slov se zlepšila o 0,8 pozice oproti stavu před redesignem. U vysoce konkurenčních klíčových slov došlo k mírnému zlepšení, zatímco u long-tail klíčových slov byl zaznamenán výraznější nárůst. Některá dlouhodobě sledovaná klíčová slova se posunula z druhé stránky výsledků na první, což vedlo k výraznému nárůstu návštěvnosti z těchto dotazů.
Indexace v Google byla kompletní, všechny kritické stránky byly indexovány v nové podobě a staré URL byly z indexu odstraněny. Search Console již nehlásila žádné problémy s přesměrováním nebo duplicitním obsahem. Počet indexovaných stránek se stabilizoval na hodnotě přibližně 13 500, což bylo méně než původních 15 000, ale toto snížení bylo záměrné a bylo výsledkem konsolidace duplicitního obsahu a odstranění nepotřebných stránek.
Core Web Vitals skóre zůstalo stabilně v zelených hodnotách, což přispělo k lepším pozicím ve vyhledávačích. LCP se pohyboval kolem 1,7 sekundy, CLS byl stabilně pod 0,1 a FID byl konzistentně pod 100 ms. Tyto hodnoty byly výrazně lepší než průměr v odvětví a poskytovaly e-shopu konkurenční výhodu z hlediska uživatelské zkušenosti a SEO.
Konverzní poměr se stabilizoval na hodnotě o 22 % vyšší než před redesignem, což vedlo k významnému nárůstu tržeb. Průměrná hodnota objednávky vzrostla o 8 %, což bylo přičítáno lepší prezentaci souvisejících produktů a doplňkového zboží. Míra opuštění košíku klesla z původních 68 % na 54 %, což bylo výsledkem zjednodušeného procesu dokončení objednávky a implementace nových funkcí, jako je uložení košíku pro pozdější dokončení nákupu.
Uživatelská zpětná vazba byla převážně pozitivní. Zákazníci oceňovali zejména rychlejší načítání stránek, přehlednější navigaci a zjednodušený nákupní proces. Počet pozitivních recenzí na srovnávačích zboží vzrostl a průměrné hodnocení e-shopu se zlepšilo z 4,2 na 4,6 hvězdiček z 5 možných.
Dlouhodobé výsledky (6 měsíců)
Šest měsíců po redesignu byly výsledky ještě přesvědčivější. Organická návštěvnost vzrostla o 15 % oproti období před redesignem. Tento nárůst byl částečně přičítán lepší uživatelské zkušenosti, rychlejšímu načítání stránek a lepší indexaci obsahu. Významným faktorem bylo také zlepšení technických aspektů SEO, jako je struktura URL, interní odkazování a implementace strukturovaných dat.
Průměrná pozice klíčových slov se zlepšila o 1,5 pozice. E-shop získal první pozice pro několik vysoce konkurenčních klíčových slov, která dříve figurovala na druhé nebo třetí pozici. Například pro klíčové slovo “nejlepší pračka 2023” se e-shop posunul z třetí pozice na první, což vedlo k nárůstu návštěvnosti z tohoto dotazu o více než 200 %.
Podíl mobilní návštěvnosti vzrostl z 58 % na 64 %, což odráželo výrazně lepší uživatelskou zkušenost na mobilních zařízeních. Konverzní poměr na mobilních zařízeních byl nyní téměř identický s konverzním poměrem na desktopu, což bylo významné zlepšení oproti situaci před redesignem, kdy byl konverzní poměr na mobilech o 30 % nižší.
Průměrná doba strávená na webu se prodloužila o 35 sekund a počet zobrazených stránek na jednu návštěvu vzrostl o 1,2 stránky. Tyto metriky naznačovaly, že uživatelé byli více angažovaní a nacházeli na webu relevantnější obsah. Míra okamžitého opuštění klesla z původních 42 % na 32 %, což bylo výrazné zlepšení a indikovalo, že první dojem z webu byl nyní mnohem pozitivnější.
Konverzní poměr zůstal stabilně vyšší o 20 % oproti období před redesignem, což v kombinaci s vyšší návštěvností vedlo k nárůstu tržeb o 38 %. Tento nárůst byl částečně způsoben také implementací nových funkcí, jako je personalizované doporučování produktů na základě historie prohlížení a nákupů, které zvyšovalo průměrnou hodnotu objednávky.
E-shop také zaznamenal nárůst v počtu vracejících se zákazníků. Míra retence zákazníků vzrostla z 28 % na 36 %, což znamenalo, že více zákazníků se vracelo pro opakované nákupy. Toto zlepšení bylo přičítáno lepší uživatelské zkušenosti, ale také implementaci nových funkcí, jako je personalizovaný dashboard pro registrované uživatele, který zobrazoval historii objednávek, stav aktuálních objednávek a personalizovaná doporučení.
Klíčové faktory úspěchu
Několik faktorů přispělo k úspěšnému redesignu bez významného propadu v organické návštěvnosti:
Důkladná příprava a analýza
Detailní analýza stávajícího webu a identifikace kritických stránek umožnily týmu soustředit se na zachování SEO hodnoty u nejdůležitějších částí webu. Tým strávil téměř dva měsíce analýzou dat z Google Analytics, Search Console a dalších nástrojů, aby přesně pochopil, které stránky jsou nejdůležitější z hlediska organické návštěvnosti a konverzí.
Komplexní plán přesměrování zajistil, že žádná důležitá stránka nebyla ztracena během migrace. Každá URL byla mapována na odpovídající novou URL, přičemž byla zachována sémantická struktura a relevance pro vyhledávací dotazy. Tým také identifikoval a konsolidoval duplicitní obsah, což vedlo k čistší struktuře webu a efektivnějšímu využití crawl budgetu.
Analýza konkurence poskytla cenné poznatky o tom, co funguje v daném odvětví a jaké jsou aktuální trendy v designu e-shopů. Tým analyzoval přední konkurenty z hlediska designu, funkčnosti, rychlosti načítání a SEO faktorů. Tyto poznatky byly integrovány do nového designu, přičemž byly přidány unikátní prvky, které odlišovaly e-shop od konkurence.
Multidisciplinární přístup
Zapojení odborníků z různých oblastí (SEO, UX, vývoj, produktový management) zajistilo, že redesign zohledňoval všechny aspekty webové prezentace. SEO specialisté byli zapojeni od samého počátku projektu a jejich požadavky byly integrovány do designu a vývoje. Tím se předešlo situaci, kdy by SEO optimalizace byla prováděna až dodatečně, což by mohlo vést k kompromisům a suboptimálním řešením.
UX designéři pracovali úzce s marketingovým týmem, aby zajistili, že nový design nejen vypadá dobře, ale také efektivně plní obchodní cíle. Byly provedeny A/B testy různých verzí klíčových stránek, aby se určilo, která varianta vede k nejvyššímu konverznímu poměru. Tyto testy byly prováděny ještě před finálním redesignem a jejich výsledky byly integrovány do konečného návrhu.
Vývojový tým byl zapojen do diskusí o designu a UX, což umožnilo včas identifikovat potenciální technické problémy a navrhnout efektivnější řešení. Tento přístup vedl k lepší spolupráci mezi designéry a vývojáři a k realističtějším očekáváním ohledně toho, co je technicky proveditelné v daném časovém rámci.
Postupná implementace a testování
Místo jednorázové kompletní změny byly některé prvky nového designu testovány již na staré verzi webu. Například optimalizace obrázků a implementace lazy loadingu byly provedeny ještě před hlavním redesignem, což umožnilo izolovat jejich vliv na výkon webu a uživatelskou zkušenost.
Nový vyhledávací systém byl nejprve implementován jako alternativa ke stávajícímu vyhledávání, přičemž uživatelé měli možnost přepínat mezi starou a novou verzí. Tím se získala cenná zpětná vazba od reálných uživatelů, která byla použita k vylepšení nové verze před jejím plným nasazením.
Nový checkout proces byl testován na vzorku 10 % návštěvníků po dobu dvou týdnů před kompletním redesignem. Toto A/B testování ukázalo, že nový proces vedl k 28% nárůstu konverzního poměru, což potvrdilo správnost navrhovaných změn.
Důraz na technickou kvalitu
Nová architektura webu byla navržena s důrazem na rychlost, mobilní optimalizaci a čistotu kódu. Vývojový tým implementoval nejnovější technologie a postupy, jako je code splitting, tree shaking a server-side rendering, které významně přispěly k rychlejšímu načítání stránek.
Byl implementován pokročilý systém cachování, který ukládal často používané části stránek do mezipaměti prohlížeče a CDN. Tím se snížilo zatížení serverů a zrychlilo načítání stránek pro opakované návštěvníky. Systém byl navržen tak, aby automaticky invalidoval cache při změnách obsahu, což zajišťovalo, že uživatelé vždy vidí aktuální informace.
Kód byl průběžně revidován a optimalizován, aby se minimalizovaly chyby a maximalizovala výkonnost. Byly implementovány automatizované testy, které ověřovaly funkčnost klíčových částí webu po každé změně kódu. Tím se předešlo regresím a zajistila se stabilita webu i během aktivního vývoje.
Intenzivní monitoring a rychlá reakce
Pečlivé sledování všech klíčových metrik po spuštění a okamžité řešení identifikovaných problémů minimalizovalo potenciální negativní dopady. Tým byl připraven 24/7 v prvním týdnu po spuštění, aby mohl reagovat na jakékoliv problémy. Byly nastaveny automatické alerty, které upozorňovaly na jakékoliv anomálie v návštěvnosti, konverzích nebo technických metrikách.
Denní stand-up meetingy celého týmu zajišťovaly, že všichni členové byli informováni o aktuálním stavu a mohli rychle reagovat na nové problémy. Tyto meetingy také sloužily k prioritizaci úkolů a koordinaci práce mezi různými částmi týmu.
Zpětná vazba od zákazníků byla aktivně sbírána a analyzována. Na webu byl implementován widget pro sběr zpětné vazby, který umožňoval uživatelům rychle nahlásit problémy nebo poskytnout návrhy na zlepšení. Tato zpětná vazba byla denně analyzována a prioritizována pro implementaci.
Poučení a doporučení
Na základě této případové studie lze formulovat několik doporučení pro podobné projekty:
Investujte dostatek času do přípravné fáze. Důkladná analýza stávajícího webu a plánování migrace jsou klíčové pro úspěch. V tomto případě trvala přípravná fáze téměř tři měsíce, což se ukázalo jako dobře investovaný čas, který zabránil mnoha potenciálním problémům během a po migraci.
Identifikujte kritické stránky z hlediska organické návštěvnosti a věnujte jim zvláštní pozornost během migrace. Není nutné věnovat stejnou pozornost všem stránkám – soustřeďte se na ty, které generují nejvíce návštěvnosti a konverzí. V tomto případě bylo identifikováno 850 klíčových stránek, které byly prioritizovány během migrace.
Vytvořte detailní plán přesměrování a důkladně ho otestujte před spuštěním. Přesměrování je jedním z nejkritičtějších aspektů redesignu z hlediska SEO. Špatně implementované přesměrování může vést k významným ztrátám organické návštěvnosti. V tomto případě bylo vytvořeno přes 18 000 přesměrovacích pravidel, která byla důkladně testována před nasazením.
Zapojte SEO specialisty od samého počátku projektu, ne až ve fázi implementace. SEO by mělo být integrální součástí designu a vývoje, nikoliv dodatečnou úpravou. V tomto případě byli SEO specialisté součástí týmu od prvního dne a jejich požadavky byly zohledněny ve všech fázích projektu.
Plánujte spuštění na období s nižší návštěvností a mimo hlavní sezónu. Tím minimalizujete potenciální ztráty v případě problémů. V tomto případě bylo spuštění naplánováno na úterý ve 2:00 ráno, kdy byla návštěvnost nejnižší, a mimo hlavní prodejní sezónu.
Připravte se na dočasný pokles návštěvnosti v prvních týdnech po redesignu. Je normální, že dojde k mírnému poklesu, než se vyhledávače přizpůsobí novým URL a struktuře webu. V tomto případě došlo k 8% poklesu v prvním týdnu, ale návštěvnost se vrátila na původní hodnoty během tří měsíců a poté začala růst.
Implementujte důsledný monitoring a buďte připraveni rychle reagovat na jakékoliv problémy. Čím rychleji identifikujete a vyřešíte problémy, tím menší bude jejich dopad. V tomto případě byl tým připraven 24/7 v prvním týdnu po spuštění a byly nastaveny automatické alerty pro klíčové metriky.
Komunikujte změny s uživateli předem a poskytněte jim podporu během přechodu na nový design. Informujte uživatele o plánovaných změnách a vysvětlete jim výhody nového designu. V tomto případě byl na webu umístěn banner s informací o nadcházejícím redesignu a po spuštění byl implementován průvodce novými funkcemi.
Nezapomeňte na aktualizaci všech externích nástrojů (Google Analytics, Search Console, reklamní systémy) po migraci. Ujistěte se, že všechny nástroje jsou správně nakonfigurovány pro novou strukturu URL. V tomto případě byly všechny nástroje aktualizovány ihned po spuštění nového designu.
Dokumentujte celý proces a vytvořte znalostní bázi pro budoucí aktualizace a redesigny. Poučte se z úspěchů i chyb a využijte tyto poznatky pro budoucí projekty. V tomto případě byl vytvořen detailní dokument, který popisoval celý proces, identifikované problémy a jejich řešení, který sloužil jako reference pro budoucí projekty.
Redesign e-shopu s více než 10 000 produkty byl úspěšně dokončen bez dlouhodobého negativního dopadu na organickou návštěvnost. Díky důkladné přípravě, multidisciplinárnímu přístupu a intenzivnímu monitoringu se podařilo minimalizovat krátkodobý pokles návštěvnosti a dosáhnout významného zlepšení v dlouhodobém horizontu.
Nový design přinesl nejen lepší uživatelskou zkušenost a vyšší konverzní poměr, ale také zlepšil technické aspekty webu, což vedlo k lepším pozicím ve vyhledávačích. Kombinace těchto faktorů vedla k významnému nárůstu tržeb a posílení pozice e-shopu na vysoce konkurenčním trhu.
Tento projekt demonstruje, že s správným přístupem může být i rozsáhlý redesign proveden bez významných negativních dopadů na SEO a může naopak přispět k dlouhodobému růstu organické návštěvnosti a obchodních výsledků. Klíčem k úspěchu je důkladná příprava, zapojení odborníků z různých oblastí, postupná implementace a důsledný monitoring po spuštění
PLÁNUJETE REDESIGN A BOJÍTE SE ZTRÁTY POZIC?
KONTAKTUJTE NÁS A ZAJISTĚTE SI ÚVODNÍ KONZULTACI ZDARMA
© 2025 LAUFEY LTD