Responzivita je v současné době nutnost, bez kterého se žádný web neobejde a nemůže dlouhodobě fungovat – ať už jde o osobní blog, e-shop, nebo webové stránky pro podnikání. Pokud plánujete web nebo už ho máte, ale nevíte, jestli je responzivní, pak je tento článek právě pro vás.
Někdy se stává, že klienti řeší hlavně to, aby byl web pěkný na desktopu, ale neuvědomují si, že v současné době musí dobře vypadat a fungovat především na mobilu.
Co přesně responzivní web znamená a proč je v dnešní době naprosto nezbytný? Jak poznáte, zda váš web tuto podmínku splňuje? Podíváme se také na to, co by měl responzivní web zvládnout a kdy je lepší udělat nový web než opravovat starý.
Co je responzivní web: jednoduše a srozumitelně
Stručná definice
Responzivní web je takový web, který se dokáže automaticky přizpůsobit zařízení, na kterém si ho právě prohlížíte. Ať už se jedná o mobilní telefon, tablet, notebook nebo stolní počítač, obsah webu se upraví tak, aby byl dobře čitelný, přehledný a snadno ovladatelný.
Rozdíl mezi klasickým a responzivním webem
Starší weby byly často navržené jen pro obrazovky počítačů. Na mobilních zařízeních pak působí neohrabaně – text je malý, některé prvky nejsou klikatelné, a uživatel se musí „proklikávat“ složitým způsobem. Oproti tomu moderní responzivní webdesign počítá se všemi typy zařízení a umožňuje pohodlné prohlížení odkudkoli. Mrkněte na příklad neresponzivniho vs. responzivniho webu níže:
Proč je responzivita webu absolutní nutnost? Statistiky mluví jasně!
Níže vidíte reálný graf rozdělení přístupu uživatelů na web podle typu zařízení, který je výstupem z měřícího nástroje Google Analytics. Tento graf se váže k webu www.obytnakzplzne.cz, ale podle dalších statistik odpovídá obecnému trendu: Z mobilního telefonu přistupuje více než 50% uživatelů internetu. V některých segmentech je tento podíl ještě vyšší. Pokud váš web nefunguje dobře na mobilu, ztrácíte velkou část potenciálních zákazníků.
Graf přístupu uživatelů webu podle typu zařízení
Co se stane, když web není responzivní ?
- Lidé odchází během několika sekund (tzv. vysoká míra okamžitého opuštění).
- Některé prvky na mobilu nemusí fungovat (např. kontaktní formulář, tlačítko pro objednávku)
- Web se načítá pomalu a působí zastarale.
- Google jej zařazuje níže ve výsledcích.
- Působíte méně důvěryhodně – což je zásadní zvláště u začínajících podnikatelů, kteří si teprve budují značku.
Jak poznáte, že váš web není responzivní?
Zkuste si otevřít svůj web na telefonu a všímejte si následujících věcí:
- Je text malý a musíte si ho přibližovat nebo se na stránce rolovat horizontálně?
- Tlačítka a odkazy jsou malá a prsty hůře ovladatelná?
- Obrázky jsou oříznuté nebo rozbité?
Pokud jste si na všechny otázky odpověděli ano, pak je velmi pravděpodobné, že váš web responzivní není. Další možností je využít jednoduchý online nástroj Am I Responsive?, který vám během pár vteřin ukáže, jak váš web vypadá na různých typech zařízení – od mobilu až po stolní počítač.
Co všechno by měl responzivní web umět
Přizpůsobení rozmanitým zařízením
Kvalitní responzivní web musí zvládat zobrazování na celé škále zařízení – od malých starších mobilů po velké displeje stolních počítačů. V praxi to znamená například:
- Přeskládání sloupců pod sebe
- Zvětšení písma a ovládacích prvků
- Skrytí zbytečných prvků a grafiky na mobilu
Na co si dát pozor při tvorbě webu
- Šablona, kterou používáte, by měla být označena jako „mobile-friendly“ nebo „responsive“.
- Při testování webu zkoušejte různá zařízení, operační systémy a prohlížeče.
- Dejte pozor na velikost obrázků – na mobilu se musí načítat rychle a bez ztráty kvality. Vždy si ověřte, že jsou obrázky dobře zkomprimované. Ideální velikost obrázků, které se zobrazují na celou šířku obrazovky je do 200 kB.
Chcete mít responzivní web? Takto můžete začít
Kdy je čas na nový web
Pokud je váš web starší než pět let a nebyl nikdy upravován s ohledem na mobilní zařízení, je velmi pravděpodobné, že nesplňuje dnešní standardy. V takovém případě se často nevyplatí dělat pouze dílčí úpravy. Nový web s moderní šablonou a dobře zvolenou strukturou bude lepší investice.
Co dělat se starým webem
Pokud používáte WordPress, může být řešením změna šablony na moderní responzivní variantu. Někdy stačí několik grafických úprav a testování. Pokud však máte web vytvořený na míru nebo pomocí starších nástrojů, doporučuji konzultaci s webdesignerkou – často se ukáže, že cesta vpřed vede přes kompletní redesign.
Jak vám mohu pomoci já?
Pomáhám začínajícím podnikatelkám a malým firmám vytvořit web, který:
- je 100% responzivní a přístupný na všech zařízeních,
- mají klienti plně pod kontrolou: je plně ve jejich vlastnictví, mohou si sami upravovat texty, vkládat články, dělat drobné úpravy
- má správně nastavené základy SEO
Komu jsem již pomohla k responzivnímu webu?
Tvorba responzivního webu pro finanční specialistku Veroniku Brožkovou:
Veronika za mnou přišla s požadavkem na jednoduchý prezentační web, který by podpořil její podnikání, klientům stručně představil její portfolio služeb a byl pěkný jak na mobilu, tak desktopu. S Veronikou jsem konzultovala několik návrhů, které jsem jí předložila a postupně jsem se dostaly k finálnímu vizuálu webu, který je mimo jiné responzivní a vypadá dobře na všech zařízeních.
Závěr: Responzivní web není „nice to have“, ale nutnost
Responzivní web je dnes základem online podnikání. Nejde jen o „moderní vzhled“, ale o to, jak pohodlně se návštěvník na webu pohybuje, jak snadno najde to, co hledá, a jestli se promění v zákazníka.
Pokud váš web ještě není responzivní, je teď ten správný čas to změnit. A pokud si nejste jistí, kde začít, klidně mi napište. Ráda vám poradím nebo se na váš web podívám.
