Domov · Slovník pojmov · Čo je mobile first

Slovník pojmov

Čo je mobile first?

Mobile first je prístup, pri ktorom sa web navrhuje najprv pre malú obrazovku telefónu a až potom sa rozširuje na väčšie displeje. Rovnaký pojem sa používa aj pre spôsob, akým Google hodnotí weby: do indexu berie primárne mobilnú verziu stránky, nie tú počítačovú.

Vysvetlené po ľudsky.

Je to ako baliť sa na cestu do príručnej batožiny. Keď začnete veľkým kufrom a potom musíte veci preložiť do malej tašky, zistíte, že polovica sa nezmestí a vyhadzujete narýchlo. Keď začnete malou taškou, hneď zoberiete len to podstatné a do veľkého kufra už len pridávate. Web navrhnutý najprv pre mobil má prehľadnú štruktúru, lebo sa doň jednoducho nezmestí zbytočnosť.

Prečo to majiteľa firmy zaujíma.

Google od roku 2023 indexuje weby výhradne podľa mobilnej verzie. Ak sa na mobile skryje časť textu alebo sa nenačítajú fotografie, vyhľadávač o nich nevie, aj keď na počítači sú. To je najčastejší skrytý problém starších webov: na počítači vyzerajú dobre, na mobile im chýba polovica obsahu. Druhý dôvod je obchodný: pri lokálnych službách býva väčšina dopytov z telefónu, často priamo na cestách. Pre návštevníka musí byť do troch sekúnd jasné, čo robíte, kde pôsobíte a kam kliknúť, aby zavolal alebo napísal.

Príklad z praxe.

Pri kontrole staršieho webu sa ukázalo, že mobilná verzia skrývala celú sekciu s cenníkom, aby bola stránka kratšia. Na počítači bol cenník viditeľný, na telefóne nie. Keďže Google hodnotí mobilnú verziu, cenník pre vyhľadávanie neexistoval a stránka sa nezobrazovala na dopyty s cenou, ktoré patria k najčastejším. Po sprístupnení cenníka na mobile začala stránka získavať presne tie návštevy, ktoré firme chýbali. Ponaučenie je jednoduché: na mobile sa smie meniť rozloženie, poradie a veľkosť, ale nie množstvo obsahu. Ak je informácia natoľko nepodstatná, že sa na mobil nezmestí, nepatrí ani na počítačovú verziu.

Kedy sa tým zaoberať.

Prístup od malej obrazovky uplatnite pri každom novom webe, dnes to nie je otázka voľby. Pri existujúcom webe sa téma stáva aktuálnou vtedy, keď v analytike vidíte prevahu mobilných návštev a zároveň slabé výsledky. Prvá kontrola je porovnanie obsahu: musí byť na mobile aj na počítači rovnaký. Druhá je poradie informácií, teda čo vidí človek ako prvé bez posúvania. Tretia je dosah palca a veľkosť písma. Tieto tri veci vyriešia väčšinu problémov bez zásahu do dizajnu. Ak sa ukáže, že mobilná verzia vznikla ako doplnok k počítačovej a skrýva obsah, je namieste uvažovať o redizajne.

Ako to skontrolujem.

Mobilnú verziu si porovnajte s počítačovou obsahovo, nielen vizuálne.

1Otvorte tú istú stránku na počítači a na telefóne a porovnajte, či je na oboch rovnaký text.

2V Google Search Console použite kontrolu adresy a pozrite si vykreslený obsah tak, ako ho vidí mobilný robot.

3Skontrolujte, či sa dôležité informácie neskrývajú do rozbaľovacích blokov, ktoré sa na mobile nedajú otvoriť.

4Overte cez test rýchlosti mobilné hodnoty, nie počítačové.

Časté chyby.

×Skrytý obsah na mobile, ktorý potom pre vyhľadávač neexistuje.

×Iné texty a nadpisy v mobilnej verzii než v počítačovej.

×Kontaktné údaje umiestnené až na koniec stránky, kam sa na telefóne nikto nedoscrolluje.

×Testovanie len na najnovšom telefóne s rýchlym pripojením.

Časté otázky.

Znamená mobile first, že počítačová verzia je menej dôležitá?

Nie, znamená to len poradie návrhu a spôsob hodnotenia. Počítačová verzia zostáva dôležitá, hlavne pri službách pre firmy, kde ľudia riešia dopyty v práci.

Ako zistím, koľko mojich návštevníkov je z mobilu?

V Google Analytics v prehľade podľa zariadenia. Pri službách pre domácnosti to býva väčšina, pri technických riešeniach pre firmy býva pomer vyrovnanejší.

Musím kvôli tomu prerobiť celý web?

Nie vždy. Ak je web responzívny a na mobile má rovnaký obsah, stačí doladiť veľkosť písma, poradie sekcií a umiestnenie kontaktu.

Vadí, keď je obsah na mobile v rozbaľovacích blokoch?

Nevadí, ak je v kóde prítomný a dá sa otvoriť. Google takýto obsah zaraďuje. Problém vzniká, keď sa obsah načíta až po kliknutí zo servera.

Ako zistím, ako moju stránku vidí mobilný robot?

V Search Console cez kontrolu adresy a zobrazenie načítanej stránky. Uvidíte kód aj snímku toho, čo robot dostal.

Potrebujete to vyriešiť na svojom webe?

Robím weby na mieru od 250 €, redizajn od 250 € a e-shop od 590 €. Cenu poviem vopred podľa rozsahu.