Vytvorenie webovej stránky že to funguje dobre na mobile nie je ľahké, ale je to možná úloha. Ak svoje stránky pred odoslaním overíte, neexistuje dôvod, prečo by používatelia mobilných zariadení nemali mať skvelý dojem. Možno sa však pýtate, ktoré prvky si vyžadujú vašu pozornosť najviac.
V tomto výučbe vám poskytneme jednoduchý zoznam kritérií, ktoré by mala vaša stránka spĺňať. Ak je to tak, vaši používatelia budú mať pravdepodobne vynikajúci mobilný zážitok, a ak nie, povieme vám, ako veci zmeniť. Začnime bodom číslo jeden!
1 - Otestujte svoj web vo viacerých rozlíšeniach
Jednou z najdôležitejších vecí, pokiaľ ide o mobilné weby, je to, že by sa váš web nemal javiť ako zmenšená verzia pre stolné počítače. To znamená, že každý z vašich prvkov by mal hľadať viacnásobné rozlíšenia.
Ak sa na druhej strane žiadny z vašich prvkov nezobrazuje dobre na mobilných zariadeniach, môže to negatívne ovplyvniť vašu mieru odchodov. Najmúdrejšie je otestovať svoje webové stránky vopred na niekoľkých rozlíšeniach a skontrolujte, či sa všetko zobrazuje správne.
Našťastie tento proces nie je taký zložitý, ako sa zdá, a nepotrebujete na to vlastniť viacero zariadení. Existuje veľa služieb, ktoré vám umožnia všetko rýchlo otestovať webové stránky v rôznych rozlíšeniach, ako napríklad:
Chrome Vývojové nástroje : Táto vstavaná funkcia prehliadača Chrome obsahuje panel s nástrojmi zariadenia, pomocou ktorého môžete testovať svoje stránky vo viacerých rozlíšeniach.
Služby, ako sú Screenfly et BrowserStack : Tieto služby tretích strán vám umožňujú testovať vaše stránky na omnoho širšej škále riešení.
Všetky nástroje, ktoré sme spomenuli, sú bezplatné, takže by to nemal byť problém s rozpočtom a neexistuje žiadny dôvod na preskočenie tohto kroku!
2 - Skontrolujte, či sú vaše ponuky a navigácia zobrazené na menších obrazovkách
Vo väčšine prípadov sú ponuky hlavným prostriedkom navigácie pre vás Návštevníci. Ak sa vaše odkazy ťažko klikajú alebo čítajú pri menšom rozlíšení, ovplyvní to použiteľnosť. Okrem toho tiež chcete, aby boli všetky položky ponuky ľahko dostupné bez ohľadu na zariadenie, ktoré používate na navigáciu.
Z tohto dôvodu urobme niekoľko krokov, aby ste si boli istí, že vám nič neunikne, keď je čas vyskúšať svoje mobilné ponuky:
- Skontrolujte, či sú viditeľné všetky položky ponuky.
- Uistite sa, že každý odkaz je zarovnaný a podponuky sú vnorené.
- Skontrolujte, či si môžete prečítať každú položku ponuky a kliknúť na ňu.
Najmodernejšie témy WordPress pre vás automaticky vytvárajú responzívne ponuky. Ak máte na svojom webe problémy s týmto aspektom, mali by ste zvážiť zmenu témy.
3 - Skontrolujte, či sú vaše obrázky dobré pri malom rozlíšení
Obrázky sú kľúčovou súčasťou všetkého webové stránky, ale niekedy vaša grafika nemusí mať najlepšie rozlíšenie. Napríklad, ak vaše logo nie je čitateľné, keď niekto pristúpi na vašu stránku cez mobil, bude to mať jasný vplyv na imidž vašej značky.
Vo väčšine prípadov sa ľudia viac obávajú „skreslenia“ svojich obrázkov, ale problémom môže byť aj zmena mierky. Nie všetky obrázky môžu byť upravené tak, aby boli ideálne pre každé rozlíšenie, existujú však kroky, ktoré môžete urobiť, aby ste nerobili problém:
Zamerať svoje úsilie na dôležitých záberov do vašej značky.
Hľadajte škálovateľné alternatívy k populárnym typom obrázkov, napríklad SVG.
Ak je to možné, rozhodnite sa pre lepšie orezané obrázky, aby sa lepšie zmestili do menších veľkostí.
Pokiaľ budete mať tieto tipy na pamäti, mali by ste ísť do toho. Pamätajte, že pokiaľ ide o veľmi zložité obrázky, ako je počítačová grafika, je možné, že ich nebudete môcť úplne zmeniť pri nízkom rozlíšení.
4 - Vyskúšajte čitateľnosť svojho obsahu
Jeden aspekt, ktorý najviac ovplyvňuje použiteľnosť mobilných zariadení, je čitateľnosť. Ak pracujete s menším tvarovým faktorom, musíte to kompenzovať tým, že namiesto zmenšenia písma zaistíte, aby sa váš text zobrazoval aj napriek malým rozmerom obrazoviek. Cieľ je tu jednoduchý: vaši používatelia by nemali mať na zväčšenie, aby mohli čítať váš obsah. Je to koniec koncov dokonalý recept na otravovanie používateľa.
Našťastie je čitateľnosť aspektom, ktorý je relatívne jednoduchý:
- Vyberte základné písmo, ktoré je pre obsah veľmi dobre čitateľné.
- Ak je to možné, použite titulky na rozdelenie obsahu na ľahko čitateľné časti.
- Choďte na tému, ktorá vám dáva väčšiu kontrolu nad tým, ako sa zobrazuje váš text.
Pokiaľ ide o náš posledný bod, veľa moderných tém by vám malo ponúknuť možnosť, ktorú hľadáte.
To je všetko pre tieto tipy. Dúfam, že vám pomôžu lepšie optimalizovať vaše blogy pre mobilné zariadenia. Ak máte akékoľvek otázky, neváhajte sa ich spýtať.
