Co znamená responzivní web a proč na tom záleží

Responzivní web je takový, který se sám přizpůsobí velikosti obrazovky. Na počítači se rozloží do sloupců, na telefonu se poskládá pod sebe. Zní to samozřejmě, ale weby, které to neumí, pořád existují — a poznáte je snadno.

Jak vypadá nepřizpůsobený web

Načte se zmenšený, jako by někdo vzal počítačovou verzi a smrskl ji. Text musíte přibližovat prsty, tlačítka jsou tak malá, že se do nich netrefíte, a stránka jde posouvat do stran. Návštěvník to vydrží deset sekund a odejde.

Přizpůsobit neznamená jen zmenšit

Dobrý mobilní web není jen užší verze toho počítačového. Mění se pořadí obsahu, tlačítka jsou širší, aby se do nich dalo trefit palcem, a menu se schová do rozbalovacího tlačítka. Někdy se části obsahu na mobilu skryjí úplně, protože tam nedávají smysl.

Konkrétní příklad: rozsáhlá tabulka s parametry funguje na monitoru dobře, na telefonu je nečitelná. Na mobilu z ní má být rozbalovací seznam, ne zmenšená tabulka. Nebo galerie o dvanácti fotkách — na počítači mřížka, na telefonu posuvný pás, kterým se dá projet prstem.

Stejně tak se liší, co má být nahoře. Na počítači si člověk prohlédne celou obrazovku naráz, na telefonu vidí prvních pár centimetrů. Telefon a tlačítko k poptávce proto patří výš než na počítači.

Proč to zajímá Google

Google hodnotí weby podle mobilní verze, ne podle počítačové. Když je mobilní verze horší, projeví se to na pozicích, i kdyby počítačová verze byla bezchybná. Není to trest, jen odraz toho, odkud lidé chodí.

Jak si to ověřit

Otevřete si web na svém telefonu. Ne v kanceláři na wi-fi, ale venku na datech. Zkuste projít cestu, kterou má projít zákazník — najít službu, přečíst si ji, kliknout na poptávku, vyplnit formulář, odeslat.

Když někde zaváháte vy, kdo web zná, zákazník na tom místě odejde. To je jediný test, který potřebujete.

A zkuste to i jednou rukou, v tramvaji, s rukavicí. Tak totiž váš web většina lidí opravdu používá.