Jak vytvořit mobilní webové stránky

Jak vytvořit mobilní webové stránky

Mít webové stránky optimalizované pro mobilní zařízení se dříve považovalo za příjemnou výhodu webového designu, ale nyní je to nezbytné. Spotřebitelé jsou totiž natolik zvyklí na mobilní webové stránky (snadno ovladatelné na malé obrazovce a s rychlým načítáním), že webové stránky rychle opustí, pokud na mobilu nefungují dobře.

Pokud máte webové stránky pro svůj podnik, slyšeli jste znovu a znovu, jak důležití mohou být mobilní zákazníci. V tu chvíli si pravděpodobně kladete otázku: „A je můj web přátelský k mobilním zařízením?“

Pokud používáte nástroj Jimdo pro tvorbu mobilních webových stránek, máme pro vás dobrou zprávu. Vaše webové stránky budou automaticky mobilně responzivní, což je zlatý standard mobilně přívětivého webdesignu. Šablony mobilních webových stránek Jimdo se automaticky přizpůsobí jakékoli velikosti obrazovky, aniž byste museli dělat cokoli speciálního.

Přesto, pokud vás zajímá, co ještě můžete udělat pro vytvoření nejlepšího mobilního webu, nebo pokud vás zajímají především výhody mobilně přívětivého webového designu, přečtěte si, jak vás provedeme několika tipy pro mobilní zařízení.

Proč je mobilně přívětivý web tak důležitý?“

Mobilní web používá spousta lidí: Používání mobilních webových stránek (jinými slovy používání webových stránek na cestách ze smartphonu nebo tabletu) je již několik let na vzestupu. V roce 2015 společnost Google oznámila, že poprvé v historii vyhledává více lidí z mobilních zařízení než ze stolních počítačů nebo notebooků.

Přizpůsobení mobilním zařízením pomáhá vašemu hodnocení v Googlu: Optimalizace webových stránek pro mobilní zařízení je jasným přínosem pro SEO, protože Google upřednostňuje webové stránky optimalizované pro mobilní zařízení ve výsledcích vyhledávání na chytrých telefonech. To znamená, že pokud někdo hledá z mobilního telefonu slovo „pizza“, Google mu ve výsledcích vyhledávání s větší pravděpodobností zobrazí webové stránky optimalizované pro mobilní zařízení v jeho blízkosti.

Mobilní zákazníci jsou obvykle místní a připraveni nakupovat: Lidé, kteří navštíví vaše webové stránky prostřednictvím mobilního zařízení, jsou často více místní a je u nich větší pravděpodobnost, že nakoupí, protože jsou na cestách. Pokud z mobilního telefonu hledáte „pizza“, je to pravděpodobně proto, že chcete pizzu právě teď a chcete pizzu, která je právě ve vaší blízkosti. I když je stále běžné, že zákazníci používají stolní počítač k průzkumu, čtení recenzí a rozhodování o velkých nákupech, mobilní zákazníci se více zaměřují na navázání kontaktu a provedení akce právě v tomto okamžiku, což je důvod, proč je optimalizace místního vyhledávání tak důležitá. Mobilně přívětivý web jim v tom může pomoci, což se promítne do většího počtu místních obchodů pro vás.

Co je to responzivní web?

Pokud jste někdy navštívili web na mobilním telefonu a zjistili, že mžouráte, abyste přečetli text, nebo neustále přibližujete a oddalujete, abyste vše viděli, pak jistě víte, jak vypadá návštěva mobilně „nepřátelského“ webu. Frustrující.

Proto doporučujeme používat responzivní design. Responzivní web se automaticky přizpůsobí typu zařízení, které vaši návštěvníci používají, a to tak, že změní rozlišení, velikost obrázků, nabídky a další prvky tak, aby dávaly smysl na různých velikostech obrazovky.

S responzivním webem nemusíte vytvářet samostatný web pouze pro mobilní zařízení nebo samostatnou mobilní vstupní stránku – všichni vaši uživatelé mohou spokojeně koexistovat pomocí stejného responzivního webu.

Jak udělat web přívětivý pro mobilní zařízení

Existuje několik dalších jednoduchých kroků, kterými můžete svůj web vylepšit pro mobilní telefony a tablety.

Tipy pro nejlepší mobilní webové stránky:

1. Ujistěte se, že se vaše stránky načítají rychle: Mobilní uživatelé pravděpodobně používají pomalejší internetové připojení, takže je o to důležitější, aby se vaše stránky načítaly rychle a nezatěžovaly jejich datový tarif. Existují bezplatné nástroje, pomocí kterých můžete otestovat rychlost svých stránek a které vám poskytnou doporučení, co můžete udělat pro jejich zrychlení. Můžete například zmenšit velmi velké obrázky (viz níže), odstranit nepotřebné pluginy nebo vyskakovací okna, které zpomalují práci, a snížit počet používaných přesměrování URL.
2. Změňte velikost a optimalizujte obrázky a logo: Jsou obrázky a logo na vašich webových stránkách mnohem větší, než skutečně potřebujete? Například fotografie ze stránek se stock fotografiemi a dokonce i fotografie pořízené dobrým digitálním fotoaparátem mohou mít obrovskou velikost souborů (jako například více než 1 MB) – a to může zpomalit váš web. Dobrou zprávou je, že je můžete „zkomprimovat“ bez ztráty kvality pomocí bezplatného nástroje, jako je TinyPNG nebo TinyJPG. Můžete také změnit rozměry fotografie, aby byla menší (například tak, že bude mít šířku 800 pixelů místo 2000 pixelů). Další tipy a návody týkající se obrázků najdete v našem příspěvku Jak optimalizovat obrázky webových stránek pro lepší design a SEO.
3. Použijte jednoduché, krátké navigační menu: Pokud má váš web složité navigační menu se spoustou stránek a podstránek, bude pro mobilní návštěvníky těžší rychle najít to, co potřebují. V ještě praktičtější rovině pro ně bude obtížné zaměřit a úspěšně prstem vyťukat správný odkaz. Zkrácení a zjednodušení navigačního menu vám pomůže (a jako bonus usnadní váš web i návštěvníkům z počítačů!).
4. Vytvořte přehledné kontaktní informace: Vzhledem k tomu, že zákazníci z mobilních telefonů se s vámi pravděpodobně chtějí spojit, ujistěte se, že vaše domovská stránka nevyžaduje mnoho a mnoho rolování, abyste se dostali ke kontaktním informacím. Také nezapomeňte uvést telefonní číslo a e-mailovou adresu, na které by někdo mohl kliknout, protože vyplňování kontaktního formuláře na mobilním telefonu může být zdlouhavé a otravné.
5. Nejdříve zobrazte nejdůležitější obsah: Návštěvníci webu chtějí rychle najít informace, které potřebují, a to platí ještě více, když jsou na cestách.
6. Používejte velké texty a tlačítka: Lidé používající mobilní zařízení potřebují ještě větší text a tlačítka s výzvou k akci, než byste možná čekali, aby mohli webové stránky pohodlně používat. Nejlepším způsobem, jak to otestovat, je podívat se na své webové stránky v různých režimech zobrazení. Ukáže vám to, jak se váš web zobrazuje na různých obrazovkách, a vy se můžete sami přesvědčit, jak vše vypadá. A ještě lépe, požádejte přítele nebo příbuzného (nebo někoho, kdo nosí brýle), aby pro vás web otestoval a dal vám vědět, co si o něm myslí.
7. Nepoužívejte animace Flash: Na telefonech iPhone a iPadech nefungují efekty nebo animace ve formátu Flash, takže velká část vašeho publika neuvidí, co se na vašich stránkách nachází. Pokud používáte Jimdo, máte štěstí: všechny naše webové stránky používají modernější jazyk HTML5, který je přístupný pro všechny typy chytrých telefonů a tabletů.

Časté chyby mobilních webových stránek

• Zapomínáte se dívat na vlastní webové stránky z mobilního zařízení: Pokud na svých webových stránkách obvykle pracujete z počítače, může být těžké nezapomenout jednou za čas zkontrolovat zobrazení na mobilním zařízení. Přitom vám ale může pomoci odhalit drobné nepříjemnosti, kterých byste si z notebooku nikdy nevšimli.

• Nekonečné rolování: Ulehčete lidem práci s palci! Snažte se, aby vaše webové stránky byly krátké a výstižné, aby mobilní návštěvníci nemuseli rolovat a posouvat.
• Superpodrobné infografiky: Infografiky jsou pro webové stránky skvělé – ale když se infografika zmenší, aby se vešla na menší obrazovku, může se stát, že ji nebude možné přečíst. Určitě si to sami vyzkoušejte. Možná zjistíte, že nejlepší bude rozdělit jednu velkou infografiku na menší samostatné grafiky.
• Příliš mnoho textu: Odstavec textu, který na obrazovce počítače vypadá normálně, může na displeji mobilu působit jako Vojna a mír. Udržujte odstavce krátké a velké bloky textu rozdělte odrážkami, nadpisy a obrázky. Zde jsou další tipy na čitelný text webových stránek:
• Dotýkejte se prvků příliš blízko u sebe:
• Používání Flashe: Efekty nebo animace Flashe na iPhonu nebo iPadu nefungují, takže velká část vašeho publika neuvidí, co se na webu nachází. Pokud používáte Jimdo, máte štěstí: všechny naše weby používají modernější jazyk HTML5, který je přístupný pro všechny typy chytrých telefonů a tabletů.
• Vyžadování vyplňování formulářů: Buďme upřímní: nikdo nechce vyplňovat webový formulář z mobilního telefonu. Pokud potřebujete formulář, udělejte ho co nejkratší. Nebo ještě lépe, nechte lidi, ať vám informace odešlou jiným způsobem, například e-mailem nebo prostě zavolají na vaše telefonní číslo.

Jimdo: Nejlepší nástroj pro tvorbu mobilních webových stránek

Jimdo je nejjednodušší způsob, jak vytvořit webovou stránku nebo vstupní stránku pro mobilní zařízení. Díky snadným stavebním blokům, automatické mobilní odezvě a dokonce možnosti upravovat web na cestách sami, si můžete být jisti, že váš web je mobilně přívětivý a dokonalý pro všechny vaše zákazníky.