Případová studie: z e-shopové šablony rychlý web optiky s 98/100

Malá oční optika ze Stříbra měla na internetu jen e-shop z hotové šablony a SEOHlídač mu dával 59 bodů ze 100. Nový web na adrese optikakacerova.cz, spuštěný v září 2026, dostal při říjnovém měření hodnocení 98/100. V této případové studii rozebíráme technické SEO malého webu krok za krokem: co se změnilo, proč to mělo smysl a co si z toho můžete vzít vy.

Výchozí stav: e-shop, který nikomu neřekl, co optika dělá

Původní web běžel na adrese optika-stribro.cz v systému PrestaShop. Jako obchod fungoval, jako vizitka služeb ale ne. Při testu v SEOHlídači vyskočilo několik chyb, které jsou u e-shopů z krabice typické:

• meta popis úvodní stránky zněl „Obchod vytvořen v PrestaShop“ – tedy výchozí text, který nikdo nepřepsal,
• hlavní nadpis H1 byl „Oblíbené produkty“, takže stránka neříkala, o jakou firmu jde a kde sídlí,
• chyběly značky Open Graph, v oblasti sociálních sítí web získal 0 z 12 bodů,
• chyběl soubor robots.txt i mapa stránek (sitemap),
• prohlížeč musel kvůli jedné stránce stáhnout 44 souborů.

E-shop zůstal na své vlastní adrese a vedle něj vznikl samostatný web o službách. Fungující obchod se tak nemusel bourat a nový web mohl začít s čistým štítem.

Před a po v číslech

Aktuální výsledek si může kdokoli ověřit ve veřejném výsledku SEO testu optikakacerova.cz.

Sedm kroků, které posunuly technické SEO malého webu

1. Vlastní lehká šablona místo page builderu

Web stojí na WordPressu, ale bez vizuálního stavitele stránek. Page buildery jsou pohodlné, jenže s sebou tahají desítky stylů a skriptů pro prvky, které stránka vůbec nepoužívá. Vlastní šablona obsahuje jen to, co web skutečně potřebuje. Právě odtud pochází největší část úspory: z 44 požadavků zbylo 16. Každý soubor navíc znamená další cestu na server a na pomalejším mobilním připojení se to sčítá.

2. Styly, písma a obrázky bez zbytečné váhy

Styly i deklarace písem jsou vložené přímo do hlavičky stránky a písma se načítají z vlastního serveru, ne od cizí služby. Prohlížeč tak nemusí čekat na samostatný soubor se styly ani navazovat spojení s další doménou, než začne stránku vykreslovat. Obrázky jsou ve formátu WebP a mají v kódu uvedené rozměry. WebP bývá při stejné kvalitě menší než JPEG a zadané rozměry dovolí prohlížeči vyhradit místo dopředu, takže obsah při načítání neposkakuje. Podrobněji o tom píšeme v článku o alt textech, WebP a rychlosti obrázků.

3. Cizí služby až ve chvíli, kdy jsou opravdu potřeba

Optika má dvě provozovny a u obou je na webu mapa. Vložená interaktivní mapa ale znamená další skripty, písma a obrázky z cizího serveru, a to i u návštěvníka, který se na mapu vůbec nepodívá. Proto jsou mapy poboček na webu jako statické obrázky. Web navíc nenačítá žádné měřicí ani reklamní skripty; kód pro Google Analytics je připravený, ale zapne se, až ho majitelka bude chtít, a i pak jen po souhlasu s cookies. Stránka se tak načte rychleji a nesleduje nikoho, kdo o to nestojí. Jak výkon měřit a které ukazatele sledovat, shrnuje náš přehled Core Web Vitals.

4. Titulek, popis a náhled pro každou stránku

Každá stránka dostala vlastní meta titulek a popis. Výchozí věta „Obchod vytvořen v PrestaShop“ ve výsledcích vyhledávání nic neprodá, kdežto popis, který řekne, co na stránce čtenář najde, má šanci získat kliknutí. K tomu přibyly značky Open Graph s obrázky. Když někdo pošle odkaz přes Facebook nebo komunikátor, objeví se úhledný náhled s fotkou místo holé adresy. Za tuhle oblast měl starý web nulu.

5. Strukturovaná data, která popíšou firmu i poradnu

Úvodní stránka a kontakt nesou strukturovanou vizitku podniku typu LocalBusiness, konkrétně jeho podtyp Optician ze slovníku schema.org. Google ve své dokumentaci o strukturovaných datech pro místní firmy doporučuje používat co nejkonkrétnější podtyp a jako povinné uvádí název a adresu; mezi doporučenými údaji jsou například telefon, otevírací doba nebo webová adresa. U optiky se dvěma pobočkami to dává smysl, protože vyhledávač dostane údaje v jednoznačné podobě. Poradna má vlastní sadu značek: Blog, BreadcrumbList pro drobečkovou navigaci a ItemList pro seznam článků. Pokud se strukturovanými daty začínáte, projděte si základy schema.org.

6. Soubory pro roboty a rozumná cache

Na web přibyly soubory robots.txt a sitemap, které starému e-shopu chyběly. Robots.txt říká prohledávačům, kam smějí, a sitemap jim podá seznam stránek, které stojí za indexaci. K nim se přidal llms.txt se stručným popisem webu pro jazykové modely a security.txt s kontaktem pro hlášení bezpečnostních problémů. V souboru .htaccess je nastavená cache, takže vracející se návštěvník nestahuje styly a obrázky znovu. Žádná z těchto věcí sama o sobě pozice nevystřelí nahoru, ale jejich absence se v testech projeví a zbytečně ztěžuje práci vyhledávačům.

7. Obsah, který odpovídá na skutečné otázky

Technika je jen polovina. Druhou tvoří poradna optiky s více než pětadvaceti odbornými články, které se navzájem propojují vnitřními odkazy a obsahují sekce častých otázek. Vnitřní odkazy pomáhají vyhledávači pochopit, které stránky spolu souvisejí, a čtenáři nabídnou další krok. Místo fotek z fotobanky web používá skutečné fotografie provozovny. Pro malou místní firmu je to důležitý signál důvěry: zákazník vidí, kam přijde, a ne obecnou modelku s brýlemi.

Co z toho plyne pro váš web

Případ optiky nestojí na žádné exotické technologii. Většina kroků je hlavně o tom podívat se, co web zbytečně načítá a co mu chybí. Pokud spravujete menší firemní web, zkuste si projít tento seznam:

1. Spočítejte požadavky. Pokud jich úvodní stránka potřebuje přes čtyřicet, hledejte, který plugin nebo stavitel je přidává.
2. Zkontrolujte výchozí texty. Meta popisy typu „Vytvořeno v…“ nebo nadpisy „Oblíbené produkty“ jsou častější, než by se zdálo.
3. Doplňte Open Graph. Bez něj vypadá každé sdílení odkazu amatérsky.
4. Odložte cizí skripty. Mapy, videa a měřicí kódy načítejte až ve chvíli, kdy jsou potřeba nebo kdy návštěvník souhlasí.
5. Popište firmu strukturovanými daty a vyberte co nejpřesnější typ podniku.
6. Nezapomeňte na robots.txt a sitemap. Jde o pár minut práce.
7. Pište pro zákazníky. Odborné články s vnitřními odkazy dělají z vizitky místo, kam se lidé vracejí.

A jedno rozhodnutí stojí za zvážení zvlášť: e-shop a web o službách nemusí být jedno a totéž. Optika si obchod ponechala na samostatné adrese a nový web mohl být lehký, rychlý a zaměřený na to, co dělá ve své provozovně. Jestli vás zajímá, kde stojí váš web, pusťte si na něj stejný test a porovnejte výsledky s tabulkou výše.

Obsah vytvořený s pomocí AI. Při přípravě článku jsme využili umělou inteligenci (AI) a před zveřejněním prošel redakční kontrolou. Za obsah odpovídá provozovatel SEOHlídače. Jak používáme AI