Vezměte si telefon a otevřete svůj web. Jak vypadá? Musíte přibližovat, abyste přečetli text? Tlačítka jsou příliš malá? Něco přesahuje přes край obrazovky? Pokud ano, právě jste zažili to, co každý den zažívá většina vašich zákazníků — a pak odchází.
Více než 60 % veškerého webového provozu dnes pochází z mobilních zařízení. Přesto spousta firemních webů vypadá na telefonu jako zmenšenina desktopové verze — nečitelná, těžkopádná a frustrující. Výsledek je jednoduchý: zákazník odejde ke konkurenci, která to má vyřešené.
Proč je mobilní verze tak důležitá?
Ještě před pěti lety byl mobilní web "bonus" — příjemné plus navíc. Dnes je to naprosto základní požadavek. A to hned ze dvou důvodů.
Za prvé — vaši zákazníci jsou na mobilu. Člověk, který hledá finančního poradce, řemeslníka nebo kavárnu, to velmi pravděpodobně dělá cestou v metru, v čekárně nebo na gauči. Ne u počítače.
Za druhé — Google hodnotí mobilní verzi jako primární. Tzv. mobile-first indexing znamená, že vyhledávač posuzuje váš web primárně podle toho, jak vypadá a funguje na telefonu. Špatný mobilní web = nižší pozice ve výsledcích vyhledávání.
💡 Jednoduchý test: Otevřete pagespeed.web.dev, zadejte adresu svého webu a přepněte na záložku Mobile. Skóre pod 70 znamená, že váš mobilní web má vážné problémy.
6 nejčastějších chyb mobilního webu
Prošli jsme stovky firemních webů malých podnikatelů. Tady jsou chyby, které se opakují nejčastěji:
Příliš malý text
Text pod 16px je na mobilu nečitelný bez přibližování. Zákazník to zkusí jednou, pak odejde.
Malá tlačítka a odkazy
Tlačítko menší než 44×44 px se na dotykovém displeji špatně trefuje. Frustrace zaručena.
Horizontální posuvník
Obsah přesahující šířku obrazovky je klasický příznak webu, který nebyl navržen pro mobil.
Pomalé načítání
Mobilní připojení je pomalejší než WiFi. Neoptimalizované obrázky a skripty web zpomalují dvoj- až trojnásobně.
Pop-upy blokující obsah
Google penalizuje weby, kde vyskakovací okna zakrývají obsah na mobilu. A zákazníci je nesnáší.
Formuláře nepřizpůsobené mobilu
Formulář bez správného type atributu nezobrazí číslovnici pro telefon ani email klávesnici. Zbytečné tření.
Co dělá mobilní web skutečně dobrým?
Dobrý mobilní web není jen "zmenšená desktopová verze". Je to jiná zkušenost navržená pro jiný kontext — rychlé rozhodování, dotykové ovládání, menší obrazovka.
Responzivní design
Web se automaticky přizpůsobuje velikosti obrazovky — ať jde o telefon, tablet nebo desktop. Obsah se přeskládá, nezmenší.
Rychlé načítání i na 4G
Optimalizované obrázky ve formátu WebP, minimální JavaScript, správné cachování. Cíl je načtení pod 2 sekundy.
Klikatelné telefonní číslo
Na mobilu by se každé telefonní číslo mělo dát zavolat jedním kliknutím. Základní věc, kterou polovina webů nemá.
Výzva k akci v dohledu
Tlačítko "Zavolat", "Nezávazně poptat" nebo "Napsat zprávu" musí být viditelné bez scrollování — hned po načtení stránky.
Čitelný text bez přibližování
Minimální velikost písma 16px, dostatečný kontrast, rozumné řádkování. Text musí být čitelný přímo, ne po přiblížení.
Jak rychle zjistit, zda váš web mobilem projde?
Nepotřebujete být technik. Stačí tři jednoduché kroky:
- Otevřete web v telefonu — ideálně na Androidu i iPhonu, případně požádejte kamaráda. Projděte ho jako zákazník: přečtěte hlavní stránku, zkuste vyplnit formulář nebo kliknout na telefonní číslo.
- Spusťte Google PageSpeed Insights — na pagespeed.web.dev zadejte adresu webu a zkontrolujte skóre pro mobilní verzi. Pod 70 = problém, nad 90 = výborně.
- Zkontrolujte Google Search Console — pokud máte web propojený, záložka "Mobilní použitelnost" ukáže přesně jaké chyby Google u vašeho webu eviduje.
Pozor: Testovat web v prohlížeči na desktopu přes "zmenšení okna" nestačí. To neodhalí problémy s rychlostí načítání ani s dotykovým ovládáním. Testujte vždy na skutečném telefonu nebo pomocí nástrojů výše.
Kdy je čas web předělat?
Pokud váš web vznikl před rokem 2020 nebo byl postaven na platformě, která mobilní verzi řeší jako vedlejší produkt, je velmi pravděpodobné, že mobilní zkušenost vašich zákazníků je problematická.
Nejde přitom jen o estetiku. Jde o to, kolik zákazníků vám web reálně přinese. Web, který na mobilu nefunguje správně, je jako prodejna, jejíž polovina dveří nejde otevřít — a vy o tom nevíte.
📊 Zajímavost: Google od roku 2021 používá "mobile-first indexing" pro všechny weby. To znamená, že pokud má váš web skvělou desktopovou verzi, ale špatnou mobilní, Google vás hodnotí právě podle té mobilní. Vaše pozice ve vyhledávání přímo závisí na kvalitě mobilního webu.
Jak vypadá váš web na mobilu?
Podívám se na váš web zdarma a řeknu vám, co konkrétně brání zákazníkům v telefonu dokončit akci.
Chci bezplatnou analýzu