TL;DR: Na slovenských firemných weboch sa opakuje päť chýb: (1) web sa načítava pomaly namiesto pod 2,5 s (prah LCP), (2) na mobile sa rozsýpa alebo má mikroskopický text, (3) neexistuje pre Google (žiadne meta tagy, sitemap, schema), (4) padá na WCAG (a pri vybraných službách, napríklad e-shopoch, to od 28. 6. 2025 rieši aj zákon) a (5) kontakt je skrytý hlboko pod foldom alebo formulár má priveľa polí. Ak nájdeš na svojom webe viac z týchto chýb, máš čo robiť. Nižšie je self-test za 5 minút a konkrétne fixy.

Aktualizované: 10/2026. Pozorovania z mojej praxe, nie reklamný blábol.

Prečo to píšem

Robím weby na Slovensku od roku 2008 a pri prechádzaní firemných stránok — niektorých ako audit pre klienta, iných len zo zvedavosti pri lokálnych dodávateľoch, reštauráciách, e-shopoch a B2B firmách — vidím stále to isté. Predpokladal som, že to bude pestré. V skutočnosti je to opakovaná rovnaká piesnička: rovnakých 5 chýb dookola.

Tento článok nie je o vyhováraní sa na predchádzajúcich dodávateľov. Skoro každú z týchto chýb si vieš ako majiteľ firmy odsledovať aj ty — bez toho, aby si rozumel kódu. A skoro každú vieš buď opraviť sám (DIY), alebo zaplatiť za fix, vďaka ktorému dnes nestrácaš zákazníkov.

Píšem v telegrafickom štýle, tykáme si — toto nie je dokument pre tendrovú dokumentáciu, ale praktický prehľad pre podnikateľa, ktorý má 15 minút medzi telefonátmi.

Chyba č. 1: Pomalý web (Core Web Vitals fail)

Symptóm

Otvoríš stránku na mobile, vidíš biele plátno 3 sekundy, potom sa preblikne loga a textu, potom „doskakujú” obrázky a tlačidlá ti utekajú spod prsta. Scroll laguje. Kliknutie tlačidla má pol-sekundový delay. Na desktopovom WiFi to ako-tak prejde, na 4G v aute je to katastrofa.

Dôvod

Skoro vždy ide o jednu z týchto troch vecí (typicky všetky tri naraz):

Príliš veľké obrázky. Hero foto je veľké JPG namiesto optimalizovaného WebP. Galéria to isté zopakuje pri každej fotke.
WordPress plugin masaker. Elementor + Slider Revolution + Yoast + WPBakery a ďalšie. Každý plugin pridá svoj CSS a JS bundle. Stránka potom načíta veľa requestov a veľa JavaScriptu.
Lacný shared hosting. Najlacnejší hosting, kde zdieľaš server s množstvom iných webov. TTFB (time to first byte) je potom dlhý.

Dopad

Google to zohľadňuje. Core Web Vitals sú súčasťou signálov Page Experience v Google Search od júna 2021. Prahy „dobrý” sú LCP do 2,5 s, INP do 200 ms a CLS do 0,1; je to jeden z mnohých signálov, nie záruka pozícií.
53 % návštev z mobilu sa opustí, ak sa stránka nenačíta do 3 sekúnd (Google research, Think with Google).
Pomalý web zvyšuje pravdepodobnosť, že návštevník odíde skôr, než niečo urobí (Google/SOASTA štúdia).

Fix

Konvertuj obrázky na WebP. Free toolu: Squoosh (web-based, od Google) alebo TinyPNG (drag&drop). Cieľ: každý obrázok pod 200 KB, hero max 400 KB.
Vyhoď nepoužívané pluginy. Pre každý plugin si polož otázku: „využívam ho aspoň raz mesačne?” Ak nie, deaktivuj a odinštaluj.
Pridaj loading="lazy" na obrázky pod foldom. V HTML <img loading="lazy" src="...">. WordPress to robí defaultne od 5.5, ale šablóny to často prepisujú.
Zváž moderný stack. Statický generátor ako Astro (na ktorom beží aj tento web) ti automaticky rieši veľkú časť týchto problémov — žiadne pluginy, žiadna PHP backend latencia, len pre-renderované HTML. Viac v článku Prečo je Astro rýchlejší ako WordPress.

Chyba č. 2: Web nie je čitateľný na mobile

Symptóm

Otvoríš stránku na mobile a vidíš:

Text taký malý, že musíš zoomovať (a po zoome ti uteká horizontálne)
Tlačidlá tak blízko seba, že palcom trafíš tri naraz
Header preťahuje obsah a fixed menu zaberá tretinu obrazovky
Horizontálny scroll, lebo niečo (obrázok, tabuľka, embed) je širší ako viewport

Dôvod

Šablóna postavená desktop-first. Najprv sa robil veľký monitor a mobile sa „nejako prispôsobí”. V roku 2026 je to obrátene: mobile-first, desktop ako bonus.
Žiadny mobile testing. Vývojár otestoval iba Chrome DevTools (často nesprávne — DevTools nesimuluje skutočný touch a pamäťový stres telefónu). Skutočné Android Go zariadenie s 2 GB RAM nikto nemal v ruke.
Fixed pixel sizes namiesto rem/em. font-size: 12px namiesto 0.875rem. Užívateľ s veľkým systémovým fontom (starší ľudia, slabozrakí) si text nezvätší.

Dopad

Významná časť návštev prichádza z mobilu — pozri si to vo vlastnej analytike. Ak sa návštevník z mobilu nedokáže preklikať, strácaš potenciálneho zákazníka.
Google mobile-first indexing. Od roku 2019 Google indexuje primárne mobilnú verziu webu. Web, ktorý je na mobile slabý, to pocíti aj vo vyhľadávaní.
Bounce rate na mobile býva vyšší ako na desktope. Ak je mobil navyše nečitateľný, návštevníci odchádzajú ešte rýchlejšie.

Fix

Otestuj na reálnom telefóne, nie len v DevTools. Otvor stránku na svojom mobile, na mobile partnerky, na mobile mamy (iný OS, iný browser). Aký bol prvý reflex? Zoom? Klikneš a netrafíš?
Min font 16 px. Pod 16 px je text neprijateľný — a Safari iOS automaticky zoomuje formulárové polia s font-size pod 16 px (otravný UX bug).
Tap targets minimálne 44×44 px. Apple Human Interface Guidelines norma. Google odporúča 48 px. Medzi tlačidlami nechaj 8 px medzeru, aby palec netrafil dve naraz.
Otestuj na 360 px width. Najmenší bežný mobil (entry-level Android). V DevTools si nastav 360×640 px a prejdi všetky kľúčové stránky. Ak nikde nepreteká horizontálny scroll, si OK.
Responzívne grid. CSS Grid + flexbox + media queries. Žiadne tabuľky pre layout (vážne, v 2026 to ešte vidím).

Chyba č. 3: Žiadne SEO základy

Symptóm

Vyhľadáš site:tvojadomena.sk v Google a vidíš 0 výsledkov (alebo 3, hoci máš 40 stránok)
Otvoríš source kód (Ctrl+U) a všetky stránky majú rovnaký <title>Domov</title> a žiadny <meta description>
Neexistuje /sitemap.xml ani /robots.txt
Otvoríš link na sociálne siete a preview vyzerá ako prázdna karta bez obrázku

Dôvod

Developer postavil web bez SEO briefu. Klient nedostal otázku „aké kľúčové slová sú pre teba dôležité”, takže žiadne keywordy, žiadne H1 s týmito slovami, žiadny obsahový plán.
Šablóna nemá SEO settings. Lacný template z ThemeForest má len jeden globálny title a žiadne per-page nastavenia.
Klient si nedoplnil texty. Šablóna sa nainštalovala s lorem ipsum, klient doplnil 3 vety na homepage a o-nás stránku, zvyšok ostal prázdny.

Dopad

Web existuje, ale pre Google neexistuje. Výsledok:

Zero organic traffic. Nikto ťa nenájde, keď nehľadá presne tvoje meno.
Platená reklama ako jediná cesta. Aby si dostal aspoň nejaký traffic, musíš platiť za Google Ads, hoci časť návštev by mohla prísť zadarmo z vyhľadávania.
Strata kreditu pri klientovi. „Vygúglil som vás a nič som nenašiel” je častý feedback v sales calle, ktorý si nikdy nepočul.

Fix

Per-page <title> a <meta description>. Krátke a výstižné, na každej stránke unikátne. Príklad: <title>Inštalatér Bratislava — pohotovosť 24/7 | Firma XY</title>.
Heading hierarchia. Jeden <h1> na stránku (hlavný topic), <h2> pre sekcie, <h3> pre podsekcie. Žiadne preskakovanie z H1 na H4.
Schema.org structured data. Aspoň Organization alebo LocalBusiness v JSON-LD. Validuj cez Schema Markup Validator. Web tým splní podmienku pre rich results v Google (otváracie hodiny, telefón priamo vo výsledkoch); či ich Google zobrazí, je na ňom.
/sitemap.xml + /robots.txt. WordPress to robí Yoast/RankMath. Statické weby ako Astro generujú sitemap automaticky cez @astrojs/sitemap.
Google Search Console. Bezplatný nástroj od Google. Registruj doménu, submitni sitemap, sleduj Index Coverage (koľko stránok je v indexe) a Performance (na ktoré keywordy sa zobrazuješ).
Open Graph tagy. <meta property="og:title">, og:description, og:image (1200×630 px). Bez toho je preview na Facebooku, LinkedIne a Slacku prázdne.

Chyba č. 4: Neprístupný web (WCAG fail)

Toto je v 2026 najdôležitejšia sekcia. Od 28. júna 2025 je v SR účinný zákon č. 351/2022 Z. z. transponujúci European Accessibility Act. Týka sa vymenovaných služieb poskytovaných spotrebiteľom (napríklad e-shopov); na služby poskytované mikropodnikom sa nevzťahuje (§ 2 ods. 3). Výšku pokút a ďalšie podrobnosti nájdeš v článku EAA pokuta — čo hrozí slovenským firmám.

Symptóm

Svetlosivý text na bielom pozadí (kontrast 2,5:1 namiesto minima 4,5:1)
Cenník alebo otváracie hodiny ako obrázok (čítačka obrazovky to neprečíta, Google to neindexuje)
Produktové fotky a ikony bez alt atribútu
Formuláre, kde input má len placeholder, žiadny <label> — slabozraký užívateľ nevie, do čoho píše
Web sa nedá ovládať klávesnicou (Tab nikde neukazuje, kde si)

Dôvod

Developer nevie o WCAG. Vyštudoval frontend, ale accessibility nebola v sylabuse. Nikdy nepoužil čítačku obrazovky.
Šablóna ignoruje accessibility. Pekný dizajn na Dribbble má kontrast 2:1, lebo „šedý text je elegantnejší”.
Nikto netestuje. Klient nemá zrakovo postihnutých zákazníkov v okolí, nepríde mu to ako problém.

Dopad

Zákon o prístupnosti je účinný od 28. júna 2025. Dohľad vykonáva Slovenská obchodná inšpekcia (SOI) a môže uložiť pokutu; sumy sú v článku o EAA.
Značná časť ľudí má nejakú formu zdravotného znevýhodnenia — zrakové, sluchové, motorické, kognitívne. Plus seniori s vekom strácajú zrak a jemnú motoriku. Toto sú zákazníci, ktorí dnes nenakúpia, lebo to fyzicky nezvládnu.
Prístupný web býva technicky čistejší. Sémantické HTML, popisné alt texty a logická hierarchia nadpisov pomáhajú čítačkám obrazovky aj vyhľadávačom.

Fix

Kontrast minimálne 4,5:1. Test cez WebAIM Contrast Checker alebo browser extension WCAG Color Contrast Checker. Zadáš farbu textu a pozadia, dostaneš číslo.
alt atribút na všetkých obrázkoch. Obsahové: alt="Pizza Margherita s bazalkou". Dekoratívne: alt="" (prázdny string — čítačka ho preskočí).
Form labels. <label for="email">E-mail</label><input id="email" type="email">. NIE iba placeholder.
Klávesová navigácia. Schovaj myš a prejdi celý web iba klávesnicou (Tab, Shift+Tab, Enter, Esc). Ak sa zasekneš alebo nevidíš focus indikátor, máš problém. Fix: :focus { outline: 3px solid #...; outline-offset: 2px; } v CSS.
Profesionálny audit. Ak máš e-shop, finančné služby, dopravu, vzdelávanie alebo telekomunikácie — odporúčam WCAG audit — robím ho ako doplnkovú službu za príplatok po dohode (cena podľa rozsahu).

Chyba č. 5: Skrytý kontakt + slabé CTA

Symptóm

Kontakt na webe nájdeš až po dlhom scrollovaní (v päte)
Telefónne číslo je ako obrázok — nedá sa kliknúť, nedá sa skopírovať
Žiadne CTA tlačidlo v hero (above the fold), iba „Vitajte na našej stránke”
Kontaktný formulár má kopu polí vrátane „IČO”, „DIČ”, „odkiaľ ste sa o nás dozvedeli”
Po odoslaní formulára sa zobrazí prázdna stránka alebo cryptic „Form submitted”

Dôvod

Designer chcel „čistý look”. Kontaktné CTA „rušilo” estetiku, tak skončilo dole.
Marketing chce čo najviac dát. Každé pole vo formulári má svojho obhajcu na meetingu — IČO chce účtovníctvo, „odkiaľ ste sa o nás dozvedeli” chce marketing, „výška rozpočtu” chce sales. Výsledok: formulár s kopou polí, ktorý nikto nevyplní.
Business owner zabúda na conversion goal. Web má vyzerať „profesionálne” namiesto generovať leady.

Dopad

Web má traffic, ale žiadne leady. Zákazník otvorí stránku, chce zavolať alebo napísať, hľadá kontakt, nenájde, a klikne späť do Google. Konkurencia s viditeľným telefónom v header-i ho dostane.

Presun telefónu do sticky header-u a skrátenie formulára na pár polí patrí medzi najlacnejšie úpravy, ktoré môžu zvýšiť počet leadov bez jedného eura na marketing.

Fix

Telefón ako klikací link. <a href="tel:+421900123456">+421 900 123 456</a>. Na mobile sa otvorí volanie jedným tapom. Email rovnako: <a href="mailto:info@firma.sk">info@firma.sk</a>.
Sticky header s kontaktom. Telefón + CTA tlačidlo („Napíšte nám”) fixne v hornom paneli, aby boli viditeľné z každej obrazovky.
CTA v hero (above the fold). Konkrétne: „Získaj cenovú ponuku do 24 hodín” alebo „Zavolaj nám: +421 900 123 456”. Nie „Vitajte” a fotka stock-handshaku.
Formulár max 3–5 polí. Meno, e-mail, správa. Voliteľne telefón. Voliteľne dropdown „čo riešite” (3–5 možností). Všetko ostatné rieš v reply mail-i.
Jasná thank-you stránka. Po odoslaní formulára /dakujeme stránka s vetou „Odpovieme do 24 hodín v pracovných dňoch” + linky na ďalšie sekcie. Plus tracking konverzie v Google Analytics / Search Console.

Ako rýchlo otestuješ vlastný web (5 testov, každý za 1 minútu)

Otvor svoj web a urob týchto 5 testov:

Test 1: Google PageSpeed Insights (60 s)

Choď na PageSpeed Insights. Zadaj URL homepage. Čakaj 30–60 sekúnd. Pozri mobile score (nie desktop — to je easy mód).

90–100: Dobrý výsledok.
50–89: Priestor na zlepšenie. Často stačí WebP konverzia obrázkov a deaktivácia nepoužívaných pluginov.
0–49: Vážny problém. Toto stráca zákazníkov denne.

Test 2: Mobile view (45 s)

Otvor stránku na svojom mobile (skutočnom, nie DevTools). Skús:

Prečítať hlavnú vetu bez zoomovania
Trafiť hlavné CTA tlačidlo palcom (bez priblížienia)
Scrollovať bez horizontálneho pretekania

Ak niektorý z týchto bodov fail-uje, máš problém s responzivitou.

Test 3: Site search v Google (30 s)

V Google zadaj site:tvojadomena.sk. Pozri počet výsledkov.

Mali by si vidieť všetky tvoje stránky. Ak máš 40 podstránok a Google ukáže 3, niečo blokuje indexáciu (chýbajúca sitemap, noindex v <meta> tagoch, robots.txt blok).
Žiadne výsledky = web nie je v Google indexe vôbec. Kritický problém.

Test 4: Rýchla kontrola WCAG cez WAVE (90 s)

Nainštaluj WAVE Browser Extension (Chrome/Firefox, free). Otvor svoju stránku, klikni WAVE ikonu.

Errors (červené): kritické WCAG porušenia. Musíš ihneď opraviť.
Contrast Errors: nízky kontrast. Fix CSS farby.
Alerts (žlté): potenciálne problémy. Pozri si, prečo.

Ak WAVE hlási viacero errorov, audit od profíka sa oplatí.

Test 5: Kontakt test (30 s)

Predstav si, že si návštevník, ktorý chce zavolať alebo napísať. Stopni si čas:

Otvor homepage
Nájdi telefón alebo e-mail
Klikni na ne (musí sa otvoriť volanie/mail klient)

Cieľ: pod 5 sekúnd. Ak ti to trvá viac, kontakt je príliš schovaný.

Čo robiť ďalej

Po self-teste máš pravdepodobne predstavu, kde sú tvoje slabiny. Tri možnosti:

DIY fix (zadarmo, za cenu tvojho času)

Ak máš WordPress a vieš s ním pracovať:

Obrázky: TinyPNG, Squoosh
WCAG: WAVE, WebAIM Contrast Checker, Lighthouse (Chrome DevTools)
SEO: Google Search Console, Yoast/RankMath plugin
Performance: PageSpeed Insights, GTmetrix

Tieto opravy zvládneš sám, ak máš večer-dva a si technicky zdatný.

WCAG audit od profíka

Ak nevieš odkiaľ začať, alebo si v rizikovej kategórii (e-shop, finančné služby, doprava), WCAG audit ti dá konkrétny zoznam najpálčivejších problémov + odporúčania ako ich opraviť. Robím ho za príplatok po dohode.

Nový web (od 299 €)

Ak máš na webe väčšinu z týchto chýb zároveň, oprava starého webu môže byť drahšia ako nový. V cenníku nájdeš jednoduchý web od 299 €, prezentačný web od 599 € a aplikácie či weby na mieru s cenou po krátkej analýze. Detail o cenách webov na SK trhu je v článku Cena webu na Slovensku 2026. Ak premýšľaš nad moderným stackom, prečítaj si Prečo je Astro rýchlejší ako WordPress.

Záver

Žiadny web nie je perfektný. Ani tento, ktorý práve čítaš, nemá 100/100 na všetkých metrikách (a viem o tom). Ale rozdiel medzi dobrým a zlým slovenským webom v 2026 nie je v tom, či má všetko vyriešené — je v tom, či vôbec vie, čo má vyriešiť, a či postupne napreduje.

5 chýb v tomto článku nie je rocket science. Sú to základy, ktoré by mali byť default v každej šablóne, v každej agentúre, v každom freelance kontrakte. Že nie sú, je systémové zlyhanie slovenského web trhu — a zároveň príležitosť pre teba ako majiteľa firmy spraviť jeden konkrétny krok tento týždeň.

Vyber si jednu chybu (najlepšie #4 — WCAG, kvôli EAA). Sprav self-test za 5 minút. Ak nájdeš problém, sprav DIY fix alebo si objednaj audit. Stačí jeden krok. Postupné zlepšovanie je viac než nerobiť nič.

Súvisiace zdroje

Externé nástroje:

Google PageSpeed Insights — performance audit
WAVE — WCAG accessibility checker
WebAIM Contrast Checker — kontrastový pomer
Squoosh / TinyPNG — kompresia obrázkov
Google Search Console — SEO monitoring

Pre konkrétne otázky k tvojmu webu mi napíš na web@syxii.com. Prvý rozhovor je zdarma. WCAG audit robím za príplatok po dohode, viac na /wcag-audit/.