Tvorba webových stránek a internetových obchodů / Responzivní web

Responzivní web: na telefonu stejně dobře jako na počítači

Většina návštěvníků malé firmy dorazí na web z telefonu, ne od počítače. Proto stavím web tak, aby se na mobilu dobře četl, rychle načetl a formulář šel vyplnit i palcem. Vzhled zkontroluji na několika telefonech i tabletech, ne jen na tom svém.

Poptat

Stručně

Responzivní web se přizpůsobí telefonu, tabletu i počítači a na mobilu se dobře čte i vyplňuje. Každý web stavím responzivně a před spuštěním ho zkouším na několika zařízeních.

Jak responzivní web stavím

01

Navrhnu mobilní verzi jako první

Rozvržení stavím od telefonu k počítači, ne naopak, protože odtud přijde většina Vašich zákazníků.
02

Zkrátím, co se na mobilu ztrácí

Dlouhé texty a velké obrázky upravím tak, aby se na malé obrazovce daly rychle přečíst.
03

Otestuji na reálných telefonech

Web projdu na několika velikostech obrazovek, ne jen v prohlížeči na počítači.
04

Zrychlím načítání

Fotky i kód optimalizuji, ať web na mobilním připojení nečeká na sebe.
05

Spustím a zkontroluji naostro

Po spuštění projdu web na Vašem i na svém telefonu, ať vím, že funguje všude.

Web, který nezlobí v ruce zákazníka

Pomalý nebo špatně čitelný web na mobilu zákazník zavře dřív, než si najde telefon nebo cenu. Proto rozvržení, rychlost i formulář ladím podle toho, jak se web opravdu drží a čte v ruce, ne podle toho, jak vypadá na velkém monitoru v kanceláři. Stejně pečlivě hlídám i tablet, protože leckdo si Váš web otevře právě na něm, u snídaně nebo cestou autobusem.

Rozvržení navrhuji od telefonu, ne od počítače
Telefon na jeden dotyk a formulář, který jde vyplnit i palcem
Fotky i kód zrychlím, ať web na mobilu nečeká
Testuji na reálných telefonech, ne jen v prohlížeči
Na telefonu, tabletu i počítači vypadá web stejně dobře
Cenu znáte předem, po prvním hovoru, zdarma a nezávazně

Takhle weby vypadají na telefonu

Web Juráň Fasády na telefonu: úvod s tlačítkem Zavolat

Web BY technology na telefonu: úvod s nezávaznou poptávkou

Web Včelí farmy Padělkovi na telefonu: úvod s tlačítky Objednat a Zavolat

Časté dotazy

Bude web na mobilu vypadat jinak než na počítači?

Ano, rozvržení se přizpůsobí velikosti obrazovky, obsah zůstává stejný. Menu, texty i tlačítka jen jinak poskládám, ať se dají pohodlně použít prstem.

Otestujete web na skutečném telefonu?

Ano, kromě simulace v prohlížeči projdu web i na reálných zařízeních, včetně toho Vašeho. Zkontroluji menu, formulář i rychlost načítání na běžném mobilním připojení, ne jen na rychlé wifi v kanceláři.

Pomůže responzivní web i ve vyhledávání?

Ano. Google hodnotí hlavně mobilní verzi webu, takže rychlý a čitelný mobilní web pomáhá i v SEO, tedy v optimalizaci pro vyhledávače.

Můj starý web na mobilu nefunguje, dá se to opravit?

Někdy ano úpravou, u starších šablon je ale rychlejší a levnější postavit nový responzivní web od základu. Po prohlédnutí Vám řeknu, která cesta se vyplatí.

Zbývá už jen