This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
SEO
Proč se můj web na chytrém telefonu zobrazuje tak malý?
Drobně zobrazený web na chytrém telefonu má většinou jedinou příčinu: ve zdrojovém kódu chybí údaj viewport. Tento jeden řádek sděluje zařízení, že se má stránka nastavit podle šířky obrazovky telefonu. Chybí-li, zařízení zobrazí širokou verzi pro počítač zmenšenou — čitelnou jen tehdy, když návštěvník neustále přibližuje a posouvá do strany.
Údaj viewport nastavuje stránku podle obrazovky
Obrazovka chytrého telefonu je mnohem užší než monitor. Aby na ní byl web dobře čitelný, musí zařízení vědět: zobrazení nastav podle skutečné šířky obrazovky. Přesně to říká údaj viewport — jediný řádek ve zdrojovém kódu, který by měla mít každá stránka. S ním se obsah přizpůsobí úzké šířce: texty se zalamují, sloupce se řadí pod sebe, tlačítka zůstávají dost velká na ťuknutí. Bez tohoto řádku zařízení předpokládá, že má zobrazit širokou stránku pro počítač, a všechno zmenší tak, aby se plná šířka vešla na obrazovku.
Bez tohoto údaje přicházíte o mobilní návštěvníky
Velká část vyhledávacích dotazů na regionální firmu přichází z chytrého telefonu — třeba když někdo za pohybu hledá řemeslníka, podnik nebo otevírací hodiny. Narazí-li tento návštěvník na zobrazení velikosti poštovní známky, musí přibližovat, posouvat do strany a mířit palcem na drobounké položky menu. Většina to po pár vteřinách vzdá a zvolí další výsledek. I Google dbá na mobilní vhodnost stránek; chybějící údaj viewport stránce tento základní signál bere. Naše kontrola proto hlásí chybějící údaj jako středně závažný nedostatek — odstranitelný jediným řádkem.
- Otevřete svůj web na vlastním chytrém telefonu a zkontrolujte, zda je text čitelný bez přibližování.
- Všímejte si, zda musíte posouvat do strany, abyste viděli obsah — je to jasné varovné znamení.
- Požádejte svou agenturu, aby doplnila údaj viewport na všech stránkách, pokud chybí.
- Po opravě znovu otestujte na chytrém telefonu, zda se texty zalamují a tlačítka se dobře ťukají.
FAQ
Co je údaj viewport?
Jeden řádek ve zdrojovém kódu každé stránky, který mobilním zařízením sděluje, že se má zobrazení nastavit podle skutečné šířky obrazovky. S ním se texty na chytrém telefonu správně zalamují a tlačítka zůstávají ťuknutelná. Bez něj zařízení zobrazí širokou verzi pro počítač zmenšenou. Naše kontrola tento údaj ověřuje na každé zkoumané stránce.
Proč musím na svém webu na mobilu pořád přibližovat?
Velmi pravděpodobně ve zdrojovém kódu chybí údaj viewport. Chytrý telefon pak zobrazí stránku v plné šířce pro počítač a zmenší ji, dokud se všechno nevejde na obrazovku — písmo se tím zdrobní. Vaše agentura může údaj doplnit jedním řádkem; poté se obsah přizpůsobí šířce obrazovky.
Má chybějící mobilní vhodnost dopad na Google?
Ano, Google hodnotí stránky i podle toho, jak dobře se dají používat na mobilních zařízeních, a weby přednostně načítá v mobilní verzi. Údaj viewport je pro to základním signálem. Ještě důležitější je dopad na návštěvníky: kdo musí na chytrém telefonu přibližovat a posouvat, obvykle rychle přejde na další výsledek — škoda tedy vzniká dvojitě.