5 najčastejších chýb na webových stránkach slovenských firiem
Pozrel som si za posledný rok 50+ slovenských webov. Toto je 5 chýb, ktoré som videl skoro na každom druhom. Plus rýchly self-test za 5 minút a konkrétne fixy.
TL;DR: Pozrel som si za posledný rok 50+ slovenských firemných webov. Päť chýb sa opakuje skoro na každom druhom: (1) web sa načítava 5–8 sekúnd namiesto pod 2,5 s, (2) na mobile sa rozsýpa alebo má microscopický text, (3) neexistuje pre Google (žiadne meta tagy, sitemap, schema), (4) padá na WCAG (a od 28. 6. 2025 je to už zákonom postihnuteľné) a (5) kontakt je skrytý 5 obrazoviek pod foldom alebo formulár má 12 polí. Ak nájdeš na vašom webe 2+ z týchto chýb, máš čo robiť. Nižšie je self-test za 5 minút a konkrétne fixy.
Aktualizované: 05/2026. Pozorovania z auditov, nie reklamný blábol.
Prečo to píšem
Robím weby na Slovensku od roku 2008 a posledný rok som otvoril cez 50 firemných stránok — niektoré ako audit pre klienta, iné len zo zvedavosti pri prechádzaní lokálnych dodávateľov, reštaurácií, e-shopov a B2B firiem. Predpokladal som, že to bude pestré. V skutočnosti to bola 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ť pár stoviek za fix, ktorý ti vráti zákazníkov, ktorých dnes strácaš.
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 má 3,2 MB ako JPG namiesto 180 KB ako WebP. Galéria má 20× to isté.
- WordPress plugin masaker. Elementor + Slider Revolution + Yoast + WPBakery + 12 ďalších. Každý plugin pridá svoj CSS a JS bundle. Stránka načíta 400+ requestov a 4 MB JavaScriptu.
- Lacný shared hosting. 1,99 € mesačne na hostingu, kde sedíš na serveri so 600 inými webmi. TTFB (time to first byte) 1,2 sekundy namiesto pod 200 ms.
Dopad
- Google ti znižuje ranking. Core Web Vitals sú ranking factor od júna 2021. Ak máš LCP nad 2,5 s, FID/INP nad 200 ms a CLS nad 0,1, padáš v SERP-e.
- 53 % užívateľov opustí stránku, ak sa nenačíta do 3 sekúnd (Google research, Think with Google). Na mobile je to brutálnejšie.
- Bounce rate +90 % pri zhoršení load time z 1 s na 3 s (Google/SOASTA štúdia). Z každých 10 návštevníkov ti odíde 9.
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 80 % 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: 12pxnamiesto0.875rem. Užívateľ s veľkým systémovým fontom (starší ľudia, slabozrakí) si text nezvätší.
Dopad
- 60–70 % traffic z mobile (slovenské dáta 2025, najmä B2C a lokálne služby). Ak máš 1 000 návštevníkov mesačne a 650 z nich sa nedokáže preklikať, strácaš 65 % potenciálnych zákazníkov.
- Google mobile-first indexing. Od roku 2019 Google indexuje primárne mobilnú verziu webu. Desktop-only weby majú v SERP-e penalty.
- Bounce rate na mobile je obvykle 2× vyšší ako na desktope (HubSpot). Ak je mobil naviac nečitateľný, padáš na 70–80 %.
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.skv 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.xmlani/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.
- Pay-per-click jediná opcia. Aby si dostal aspoň nejaký traffic, musíš pumpovať Google Ads. Lokálna firma minie 200–800 € mesačne na Ads, ktoré by mohla získať zadarmo cez SEO.
- 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>. Title 50–60 znakov, description 150–160 znakov. Každá stránka unikátne. Príklad:<title>Inštalatér Bratislava — pohotovosť 24/7 | Firma XY</title>. - Heading hierarchia. 1×
<h1>na stránku (hlavný topic), 2–5×<h2>(sekcie),<h3>pre podsekcie. Žiadne preskakovanie z H1 na H4. - Schema.org structured data. Aspoň
OrganizationaleboLocalBusinessv JSON-LD. Validuj cez Schema Markup Validator. Dá ti to rich results v Google (otváracie hodiny, hodnotenia, telefón priamo v SERP-e). /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) aPerformance(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. Pokuty 200–30 000 €. Detail 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
altatribú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
- EAA od 28. júna 2025 už PLATÍ. Slovenský obchodný inšpektorát (SOI) kontroluje a pokutuje 200–30 000 €, pri závažných porušeniach až 3 % obratu.
- 15–20 % populácie SR 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.
- Google používa accessibility ako ranking signal. Lighthouse Accessibility score je súčasťou ranking algoritmu. Nízky score = nižší rank.
- Vylúčenie z verejných tendrov. Verejní obstarávatelia musia zohľadňovať prístupnosť. Nesúlad = diskvalifikácia.
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.
altatribú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 zaseknete alebo nevidíte 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 Quick Scan za 199 € (kritické nálezy + TOP 5 problémov do 5 pracovných dní). Pri väčšej firme Express audit 990 € alebo Full audit 1 490 €.
Chyba č. 5: Skrytý kontakt + slabé CTA
Symptóm
- Kontakt na webe nájdeš až po 5 obrazovkách scrollu (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á 12 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: 12-polový formulár, 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 5 sekúnd, nenájde, a klikne späť do Google. Konkurencia s viditeľným telefónom v header-i ho dostane.
Praktický príklad z auditu (jar 2025): lokálna firma mala 850 návštevníkov mesačne, ale len 4 leady. Po presune telefónu do sticky header-u a skrátení formulára na 4 polia: 23 leadov mesačne pri rovnakom traffic-u. 5,7× viac 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
/dakujemestrá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: Si pred 95 % SK webov. Dobrý job.
- 50–89: Priestor na zlepšenie. Obvykle stačí WebP konverzia obrázkov a deaktivácia 5–10 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,
noindexv<meta>tagoch, robots.txt blok). - Žiadne výsledky = web nie je v Google indexe vôbec. Kritický problém.
Test 4: WCAG Quick Scan 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 máš viac ako 5 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, 5–20 hodín 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 Quick Scan (199 €, do 5 pracovných dní)
Ak nevieš odkiaľ začať, alebo si v rizikovej kategórii (e-shop, finančné služby, doprava), Quick Scan audit za 199 € ti dá konkrétny zoznam TOP 5 najpálčivejších problémov + odporúčania ako ich opraviť. Najlacnejšia poistka proti EAA pokutám.
Nový web (299–4 500 €, 2–10 týždňov)
Ak máš na webe viac ako 3 z 5 chýb zároveň, oprava starého webu môže byť drahšia ako nový. V cenníku nájdeš tri tier-y: BASIC 299 € (jednostránkovka), STANDARD 599 € (5–8 stránok) a custom riešenia na mieru. 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, ako tých 80 % firiem, ktoré nerobia nič.
Súvisiace zdroje
- EAA pokuta — čo hrozí slovenským firmám od 28. júna 2025
- Cena webu na Slovensku 2026 — od šablóny po custom riešenie
- Prečo je Astro rýchlejší ako WordPress
- WCAG audit služby — Quick Scan 199 €, Express 990 €, Full 1 490 €
- Cenník webov — BASIC 299 €, STANDARD 599 €
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 vášmu webu nás kontaktujte na web@syxii.com — odpoveď do 24 hodín v pracovných dňoch. Alebo si objednaj WCAG Quick Scan za 199 € a maj jasno v 5 dňoch.