Prípadová štúdia: e-shop, ktorého produkty Google nevidel

VytlačFoto.sk je e-shop s tlačou fotografií na plátno a fotoobrazy — beží naostro na adrese vytlacfoto.sk. Je to typ obchodu, kde všetko stojí na obrázkoch: zákazník nahráva vlastné fotky a kupuje niečo, čo si musí vedieť predstaviť. To prináša dva problémy naraz — výkon a viditeľnosť v Google. Toto je prehľad toho, čo sme riešili, s číslami, ktoré si viete overiť sami.

Problém 1: produkty pre Google neexistovali

E-shop mal 48 produktov a 6 produktových kategórií. Všetky boli nastavené na indexovanie, technicky v poriadku — ale ani jeden z nich nebol v XML sitemape. Sitemap obsahovala len články, stránky a bežné kategórie.

Znamená to, že Google nedostával žiadny signál, že tie produkty vôbec existujú. Musel ich objaviť sám cez interné odkazy, čo pri e-shope trvá dlho a časť produktov sa jednoducho nedostane do indexu.

Príčina bola v nastavení SEO pluginu: do sitemapy sa zaraďujú len tie typy obsahu, ktoré sú v konfigurácii zapnuté — a product ani product_cat tam zapnuté nikdy neboli.

Ako si to overíte

Otvorte si vytlacfoto.sk/wp-sitemap.xml. Dnes tam nájdete aj wp-sitemap-posts-product-1.xml so 48 produktmi a wp-sitemap-taxonomies-product_cat-1.xml so 6 kategóriami. Predtým tam neboli.

Problém 2: košík pri väčšej objednávke

Pri fotoslužbe nie je nezvyčajné, že si zákazník objedná štyridsať fotografií naraz. Presne v tom bode sa košík stával nepoužiteľne pomalým — a to je najhoršie možné miesto, kde web spomaliť, pretože zákazník už bol rozhodnutý nakúpiť.

Riešenie bolo v spôsobe, akým sa spracúvali náhľady nahraných fotiek. Namiesto toho, aby sa pri každom prekreslení košíka pracovalo so všetkými obrázkami naraz, sa spracovanie rozdelilo a náhľady sa načítavajú až keď sú reálne potrebné.

Problém 3: obrázky ako hlavná záťaž

Na fotoobchode tvoria obrázky drvivú väčšinu prenesených dát. Riešili sme to dvoma vecami, ktoré sú na webe dodnes vidieť v zdrojovom kóde:

• Formát WebP — moderný formát, ktorý pri rovnakej kvalite prenesie výrazne menej dát než klasické JPEG.
• Odložené načítanie (lazy loading) — obrázky mimo obrazovky sa načítajú až keď na ne používateľ doscrolluje, nie všetky naraz pri otvorení stránky.

Domovská stránka sa dnes načíta za necelú sekundu (0,95 s pri našom meraní), pri veľkosti 57 kB HTML.

Čo si z toho odniesť, ak máte e-shop

Dve veci, ktoré stoja za kontrolu na vlastnom obchode ešte dnes:

1. Otvorte si vlastnú sitemapu (obvykle vasadomena.sk/wp-sitemap.xml alebo /sitemap.xml) a pozrite sa, či sú v nej produkty. Ak nie sú, Google ich hľadá naslepo.
2. Skúste si urobiť veľkú objednávku — nie jednu položku, ale desať alebo štyridsať. Väčšina e-shopov je testovaná len na malom košíku a problém sa ukáže presne tam, kde už ide o peniaze.

Máte e-shop, ktorý brzdí?

Ak riešite podobné veci — pomalý košík, produkty, ktoré Google nevidí, alebo e-shop, ktorý vyzerá staro — tvorbe a úprave e-shopov sa venujeme dlhodobo. Redizajn e-shopu začína od 850 €, nový e-shop od 800 €. Ceny sú konečné, nie sme platca DPH.

Ako prvý krok pripravíme návrh prvej obrazovky zadarmo — ešte pred rozhodnutím. A ak vás zaujíma, ako sme redizajnom zrýchlili iný web, prečítajte si prípadovú štúdiu o redizajne webu pre fitness trénera.