Čo je responzívny web?

Prečo je to dnes nutnosť

Väčšina ľudí dnes prezerá weby na mobile. Ak sa vaša stránka na telefóne zle číta, treba ju zväčšovať prstami alebo sa tlačidlá prekrývajú, návštevník odíde. Google navyše hodnotí weby primárne podľa mobilnej verzie, takže nemobilný web stráca aj v pozíciách.

Responzívny web v praxi

• Text sa prispôsobí, aby bol čitateľný bez zväčšovania.
• Menu sa na mobile poskladá do prehľadnej podoby.
• Obrázky a tlačidlá majú veľkosť vhodnú pre prst, nie pre myš.
• Rovnaký obsah funguje všade, netreba spravovať dve verzie.

Prečo to majiteľa firmy zaujíma

Ak väčšina vašich návštevníkov prichádza z mobilu (a to je dnes bežné), zlá mobilná verzia priamo odháňa zákazníkov. Responzívny web je preto základ, nie nadštandard. My každý web staviame mobile-first, teda najprv pre telefón.

Na čo si dať pozor

Responzívny neznamená len zmenšený. Zlé je, keď sa web na mobile síce prispôsobí, ale tlačidlá sú malé, text nečitateľný alebo sa niečo dôležité skryje. Testujte web na reálnom telefóne, nielen zmenšením okna na počítači, na skutočnom zariadení odhalíte problémy, ktoré inak prehliadnete. Technicky sa responzívnosť rieši cez media queries a flexibilné rozloženie, podrobnosti sú v dokumentácii MDN.

Responzívny neznamená len zmenšený. Na mobile sa mení aj to, čo je dôležité: prsty potrebujú väčšie tlačidlá, telefónne číslo má byť klikateľné a dlhé tabuľky sa musia dať posúvať samostatne, nie roztiahnuť celú stránku do strán. Preto sa web na mobile navrhuje ako vlastná verzia toho istého obsahu, nie ako pomenšená plocha z počítača.

Časté otázky

Ako zistím, či je môj web responzívny?

Otvorte si ho na mobile. Ak musíte text zväčšovať prstami alebo sa prvky prekrývajú, responzívny nie je. Dá sa to overiť aj nástrojmi od Googlu.

Je responzívny web to isté ako mobilná aplikácia?

Nie. Aplikácia sa inštaluje z obchodu, responzívny web je bežná stránka, ktorá sa len prispôsobí obrazovke. Pre väčšinu firiem stačí kvalitný responzívny web.

Stačí, keď web funguje na mojom telefóne?

Nie celkom. Zariadení a veľkostí obrazoviek je veľa, preto sa web testuje na viacerých. To, že vám funguje na vašom mobile, neznamená, že rovnako vyzerá u každého zákazníka.