Preskočiť na obsah

> Návod

Čo na mobile odháňa zákazníkov: lišty, bubliny a vyskakovacie okná

Aktualizované · Vassweb s. r. o.

Človek otvorí váš web na mobile, chce si prečítať, čo ponúkate, a namiesto toho zatvára okno s newsletterom, hľadá krížik na bubline chatu a text mu pod prstom uskočí. Každá z týchto vecí má svoje pravidlo v dokumentácii Google, Apple alebo W3C. Tu je, čo hovoria a ako to opraviť.

Ako zmerať rýchlosť webu a čo znamenajú čísla od Google, vysvetľuje návod Rýchlosť webu: ako ju zmerať a čo ju spomaľuje. Čo hrozí webu bez cookies lišty, je v návode Web bez SSL a cookies lišty: koľko vás to môže stáť. Tento článok rieši, čo na mobile prekáža pri čítaní.

Okno cez celú obrazovku

Google rozlišuje dve veci: okno cez celú stránku a dialóg, ktorý prekryje len jej časť. Oboje podľa neho bráni vo výhľade na obsah, rušivé okná môžu návštevníkov frustrovať a znižovať ich dôveru k webu a zároveň sťažujú vyhľadávaču pochopiť obsah, čo môže viesť k horším výsledkom vo vyhľadávaní (Google Search Central: rušivé vyskakovacie okná a dialógy).

  • Namiesto okna cez celú stránku Google odporúča malý pruh, ktorý zaberie len malú časť obrazovky. Platí to aj pre výzvy na inštaláciu aplikácie a prihlásenie na newsletter.
  • Nezakrývajte oknom celú stránku a neposielajte návštevníka kvôli súhlasu alebo údajom na samostatnú stránku.
  • Okná, ktoré vyžaduje zákon (napríklad overenie veku), Google z týchto odporúčaní vyníma. Aj pri nich však radí obsah len prekryť a návštevníka nepresmerovať na inú adresu.

Lišty a bubliny, ktoré zakryjú text

Prilepená hlavička, cookies lišta, bublina chatu, tlačidlo „Zavolajte nám“. Na veľkej obrazovke popri texte zostane dosť miesta, kým na mobile zaberú presne plochu, ktorú chce človek čítať. Medzinárodné pravidlá prístupnosti WCAG 2.2 v kritériu 2.4.11 (úroveň AA) vyžadujú, aby prvok, na ktorý sa človek dostane klávesnicou, nebol celý skrytý obsahom, ktorý na stránku dal autor. Ako príklad uvádzajú prilepené päty a hlavičky a výslovne píšu, že cookies lišta, ktorá taký prvok celý zakryje, kritérium nesplní (W3C: WCAG 2.2, kritérium 2.4.11).

Čo s tým: cookies lištu dajte k spodnému okraju alebo do rohu a nechajte ju zmiznúť hneď po voľbe. Bublinu chatu dajte do rohu, aby nezakrývala text ani tlačidlá. Kým človek číta, nič nové neotvárajte. Ak web meria návštevnosť alebo používa reklamné cookies, lištu so súhlasom potrebuje, a podľa stanoviska úradu musí byť odmietnutie rovnako jednoduché ako súhlas (stanovisko Úradu pre reguláciu elektronických komunikácií a poštových služieb, 12. 11. 2025).

Text, ktorý uskočí

Čítate, a zrazu sa text posunie o kus nižšie, pretože sa nad ním dotiahol obrázok alebo reklama. Google to meria ukazovateľom CLS (kumulatívny posun rozloženia). Podľa web.dev taký posun spôsobí, že človek stratí miesto v texte alebo klikne na iný odkaz či tlačidlo, než chcel. Príčinou bývajú obrázky alebo videá bez zadaných rozmerov, písma, ktoré sa po načítaní zobrazia väčšie či menšie, a reklamy alebo doplnky tretích strán, ktoré samy menia veľkosť. Dobrá hodnota je 0,1 a menej, nad 0,25 je zlá (web.dev: Cumulative Layout Shift).

Tlačidlá a krížiky pre palec

Pri malom krížiku v rohu okna je to vidno najviac, lebo kto ho netrafí, ťukne na to, čo leží pod ním.

Kontrola za päť minút na vlastnom mobile

  1. Otvorte web v anonymnom okne, ako by ste tam boli prvýkrát, a prejdite stránku až dole.
  2. Zakrýva vám niečo text, kým čítate? Viete to zavrieť jedným ťuknutím?
  3. Trafíte palcom krížik, menu a tlačidlo kontaktu bez priblíženia?
  4. V cookies lište kliknite „Odmietnuť“ a pozrite, či lišta zmizne.
  5. Adresu stránky dajte do PageSpeed Insights a pozrite hodnotu CLS pre mobil.

Ako to robíme u nás

Web Štart aj Web Firma majú v cene verziu pre mobil aj počítač a cookies lištu podľa zákona. Pred odovzdaním web prechádzame aj na šírke mobilu 390 pixelov a sledujeme, či prilepený prvok neprekrýva text. Ceny sú bez DPH; vedľa je suma s DPH 23 %.

PoložkaBez DPHS DPH
Web Štartmobil aj počítač, cookies lišta690 €848,70 €
Web Firmado 5 podstránok1 290 €1 586,70 €

Všetko je v cenníku. Ak chcete vedieť, ako je na tom váš web na mobile, napíšte nám — kontakt je nižšie.

Článok je všeobecná informácia, nie právne poradenstvo.

Časté otázky

Uškodí vyskakovacie okno webu vo vyhľadávaní Google?
Môže. Google píše, že rušivé okná a dialógy sťažujú vyhľadávaču pochopiť obsah, čo môže viesť k horším výsledkom, a ľudí odrádzajú od ďalšej návštevy. Odporúča namiesto okna cez celú stránku malý pruh. Okná, ktoré vyžaduje zákon, napríklad overenie veku, z odporúčaní vyníma.
Aké veľké má byť tlačidlo na mobile?
Apple uvádza oblasť dotyku aspoň 44 × 44 bodov, web.dev od Google odporúča okolo 48 pixelov s medzerou asi 8 pixelov a pravidlá prístupnosti WCAG 2.2 stanovujú minimum 24 × 24 pixelov. Ikona môže byť menšia, ak má okolo seba dotykovú plochu.
Môže cookies lišta zakrývať obsah webu?
Ak web používa analytické alebo reklamné cookies, lištu so súhlasom potrebuje, no nemá zakrývať text ani tlačidlá viac, než treba. Pravidlá prístupnosti WCAG 2.2 v kritériu 2.4.11 píšu, že cookies lišta, ktorá celý prvok v zameraní klávesnice zakryje, kritérium nesplní. Podľa stanoviska úradu musí byť odmietnutie rovnako jednoduché ako súhlas.

Zdroje

Overené k 24. 10. 2026.

  1. Google Search Central: rušivé vyskakovacie okná a dialógy (aktualizované 10. 12. 2025)
  2. web.dev: Cumulative Layout Shift (CLS)
  3. web.dev: Accessible tap targets
  4. Apple Human Interface Guidelines: Buttons
  5. Apple Human Interface Guidelines: Accessibility
  6. W3C: WCAG 2.2, kritérium 2.4.11 Focus Not Obscured (Minimum)
  7. W3C: WCAG 2.2, kritérium 2.5.8 Target Size (Minimum)
  8. Úrad pre reguláciu elektronických komunikácií a poštových služieb: stanovisko k získavaniu súhlasu s cookies (12. 11. 2025)
  9. Google: PageSpeed Insights
  10. Cenník Vassweb (stav k 24. 10. 2026)