Je váš blog "mobile-friendly"?

20. ledna 2017 v 15:00 | Standa |  Tipy
Počet lidí, kteří přistupují k internetovému obsahu z mobilních zařízení (smartphony, tablety), prudce stoupá. Z toho důvodu je pro každou webovou stránku důležité, aby se správně zobrazovala i na malém displeji mobilních zařízení. Víte o tom, že si můžete ověřit, jak na tom je váš blog?


K tomuto účelu můžete využít skvělý nástroj, na který jsem nedávno narazil. Jmenuje se Nástroj na testování použitelnosti v mobilech. Jednoduše si otevřete stránku testu a vyplníte adresu svého blogu.




Nástroj následně podrobí váš blog rychlé analýze, která trvá jen pár vteřin.




Po chvíli vám test vyjede výsledek (celá stránka je v angličtině). Výsledky testu zahrnují snímek obrazovky, který ukazuje, jak se stránka Googlu jeví na mobilním zařízení, a také seznam případných zjištěných problémů s použitelností. Problémy s použitelností v mobilech jsou problémy, které mohou mít dopad na uživatele, kteří stránku navštíví na mobilním zařízení (tedy na zařízení s malou obrazovkou). Může se jednat například o malé písmo (které je na malé obrazovce obtížně čitelné) nebo o použití technologie Flash (která na většině mobilních zařízení není podporována).




Jak můžete vidět výše, podrobil jsem testu tento blog - a výsledek není příliš povzbudivý. Aktuální design Srdce Blogu pro mobilní zařízení optimalizovaný není a test odhalil několik konkrétních chyb:

- dotykové prvky jsou moc blízko (uživatel v mobilním zařízení nemůže prstem snadno klepnout na požadovaný prvek, aniž by klepl také na sousední prvek)

- malá velikost písma (písmo je příliš malé (tedy nečitelné) a návštěvníci by ho v mobilních zařízeních mohli přečíst až po přiblížení zobrazení roztažením prstů)

- není nakonfigurována oblast zobrazení (tato značka prohlížečům sděluje, jak mají upravit rozměry a měřítko stránky, aby vyhovovala konkrétnímu zařízení)

- velikost obsahu není přizpůsobena oblasti zobrazení (některá slova a obrázky lze zobrazit až po přejetí prstem doprava či doleva)

Test obsahuje i stránku s tipy, jak nalezené chyby opravit, aby byl web lépe optimalizovaný pro mobilní zařízení. Zjištěné nedostatky lze tedy vyřešit, aby se blog nově na mobilních zařízeních zobrazoval správně.

Dejte vědět, jak jste v testu se svým blogem dopadli vy, a zda podniknete konkrétní kroky, abyste vylepšili zobrazování svého blogu na mobilních zařízeních.

--

Čtěte také:
 

26 lidí ohodnotilo tento článek.

Komentáře

1 Baruschka Baruschka | E-mail | Web | 20. ledna 2017 v 15:22

Hmmm a není jednodušší si ten blog rovnou otevřít v mobilu a podívat se?

2 Markii Reed Markii Reed | Web | 20. ledna 2017 v 15:47

Zajímavý nástroj...
Díky němu jsem právě teď zjistil, že mám svůj blog nakonfigurován trochu chybně a jinak než jsem chtěl. Děkuji za tip :)

3 Hrobárova Dcéra Hrobárova Dcéra | Web | 20. ledna 2017 v 15:54

Nestačí si to pozrieť na mobile? :-D

4 BarbaraJane BarbaraJane | Web | 20. ledna 2017 v 16:31

Až na poslední bod, který se mě netýká, jsem dopadla stejně jako Srdce blogu. Je to prima nástroj, ale myslí, že zrovna tady se mine účinkem, protože některé věci (třeba blízkost klikatelných prvků) z většiny samotní blogeři na blog.cz neovlivní.

5 M. M. | E-mail | Web | 20. ledna 2017 v 16:39

Test mám hotový a dopadl přesně jak jsem očekával - problémy s mým blogem jsou takřka stejné jako se Srdcem Blogu. Zamyslím se nad tím a uvidím, zda provedu několik úprav. Díky za tip!

6 Standa Standa | Web | 20. ledna 2017 v 17:11

[1]: + [3]: Pokud uživatel neví nic o použitelnosti ani optimalizaci, z pouhé vizuální kontroly blogu na svém mobilu konkrétní chyby pravděpodobně neodhalí. S tím pomáhá právě tento nástroj.

7 Standa Standa | Web | 20. ledna 2017 v 17:21

[4]: Je pravda, že některé věci uživatelé Blog.cz změnit nemohou, protože nemají přístup do kódu blogu (např. podobu formuláře pro přidání komentáře pod článek). Je ale spousta věcí, které vylepšit jde (velikost písma na stránce apod.), a cílem článku bylo v první řadě uživatelům připomenout, aby si uvědomili, že čím dál víc lidí jejich blog navštěvuje z mobilu, a proto by měli vzhled blogu tomuto trendu přizpůsobit a více se zajímat o to, co mohou v tomto směru zlepšit.

8 Snílek Snílek | E-mail | Web | 20. ledna 2017 v 20:33

Jelikož můj blog stejně moc lidí nenavštěvuje, tak tento problém řešit nemusím (dopadla jsem překvapivě stejně). Ale i kdybych náhodou jo, nejsem dostatečně technicky zručná, abych to nějak nastavovala sama. Proto taky jsem tady na blogu, kde je o to postaráno samo :-) Takže pokud něho nehodláš měnit ty sám Stando, já na to raději sama sahat nebudu :D
Krom toho jsem spíš zastáncem klasiky. Pc jedině. Ono mi samo o sobě přijde divný si číst články na tom maličkém okýnku.

9 Alue Alue | E-mail | Web | 20. ledna 2017 v 21:16

Nebylo by rozumější vytvořit automaticky pro všechny blogy na blog.cz MOBILNÍ VERZI WEBU, která by měla všechny základní funkce? - Na co mi to je štelovat nějaké písmo, když stejně nemám mobilní verzi a nemůži si ji tady ani naprogramovat? :-?

10 Bobouš Bobouš | E-mail | Web | 20. ledna 2017 v 22:38

A to mě zas zobrazení mého blogu na mobilu vyhovuje. Primárně si kontroluji, aby byla vidět celá stránka, z toho důvodu ani nemám nějaké obrázkové pozadí atp. Velikost písma mi na mobilu také stačí, když si ho chci zvětšit, tak si blog zobrazím na ležato. A co se klikacích odkazů blízko sebe týče, na to jsem si zvykla na celém internetu, nechodím na žádný web, který by měl mobilní verzi přizpůsobenou tak, aby se plocha klikacího pole rovnala ploše rozpláclého ukazováku.
Nicméně appka je to zajímavá, akorát mě mrzí kvalita "screenu" blogu - písmo rozmaže a z toho nejspíš i usoudí, že je nečitelný, přitom mobil to ukáže ostře.
Spíš mi vadí, když si čtu po večerech blogy na mobilu, tak když nemá někdo vypnutou vyskakovací reklamu na blogu. Třičtvrtě textu zahalí nevzhledná reklama, která se drží na stejném místě a člověk musí text různě posouvat a tak, aby si ho vůbec mohl přečíst. To už by bylo vhodnější, kdyby ta reklama byla jako na webu, úzká a dole.

11 Damien is online... Damien is online... | Web | 20. ledna 2017 v 22:59

Môj blog vraj vhodný nie je, no ja sa naň občas pozriem aj z mobilu a v pohode mi všetko ukáže ako má.

12 Baruschka Baruschka | E-mail | Web | 21. ledna 2017 v 0:57

Tak jsem to tedy vyzkoušela :-)
A já mám stránku v češtině, což je skvělé, protože jediný jazyk, který jsem se kdy učila, je ještě ruština :-)
A jen tři chybičky, to jde, ne?
Stejné, jako tady na Srdci, jen na mém blogu není nutné posunovat do stran.
Ovšem to, že mám malé písmo a že mám klikatelné prvky příliš blízko u sebe, to jsem si zjistila i sama :-) Stačil mi jediný pohled na telefon...

13 Čerf Čerf | E-mail | Web | 21. ledna 2017 v 1:52

Dobrý nástroj, byť jsem taky "zčervenal". Zatím se na blogu orientuji primárně na uživatele s počítači a sleduji poměr přístupů (počítač x tablet x mobil). Nějaké vstřícné kroky vůči "mobilářům" možná do budoucnu zvážím, ale zatím tento segment pro mě není určující.

14 Standa Standa | Web | 21. ledna 2017 v 8:54

[9]: To by byl podle mého názoru problém, protože každý uživatelský blog má jiný design.

15 hogreta hogreta | E-mail | Web | 21. ledna 2017 v 10:50

Chápu tohle testování u vlastních stránek a vlastních webových aplikací, kdy vždy dělám design responzivně a tak, aby se přizpůsobil tomu, z jakého zařízení a prohlížeče uživatel přichází. Jenomže tam mám naprosto volnou ruku, můžu si do stránek vkládat javascript, můžu na rozvržení stránky požívat css tak, aby se design přizpůsoboval. Ale blog.cz tohle ani neumožňuje. Jop, můžu se snažit udělat svůj blog na blog.cz optimalizovaný pro mobilní telefony, jenomže to potom zase bude vypadat příšerně z jiných zařízení v jiných rozlišeních - budu mít příliš velké písmo (a tedy se člověk při čtení článku uscrolluje), nevyužitou celou šířku stránky, odkazy příliš daleko od sebe a příliš velké. Tohle fakt není řešení.

Ptáte se, jestli "podnikneme konkrétní kroky, abychom vylepšili zobrazování svého blogu na mobilních zařízeních", ale to bychom se spíš my uživatelé měli ptát blogu.cz, ne? :-D Takže, podniknete tedy konkrétní kroky, abyste vylepšili zobrazování blogů na blog.cz na mobilních zařízeních, popřípadě umožníte uživatelům navrhnout si více různých designů pro přístupy z různých zařízení?

16 Sayuri Sayuri | E-mail | Web | 21. ledna 2017 v 11:39

Dopadla som rovnako ako ty. Nuž.. nedokážem to tuším opraviť, písalo mi aj, že obsah je väčší než stránka zobrazenia. No dizajn aj celkovo som robila pre širokouhlé monitory, takže neviem či som schopný chyby opraviť. A aj tak si myslím, že na mobile číta blogy málo ľudí, ved predsa to je maličké :D

17 Daisy Daisy | Web | 21. ledna 2017 v 12:05

Tak já mám svůj blog na mobilu úplně normální a přátelé také nemají problém, proto nechápu, že mi stránka napsala, že mám většinu věcí špatně a screenshot mi to udělalo úplně mimo 😂 Pak se nedivím, že to je špatně...

18 Alue Alue | E-mail | Web | 21. ledna 2017 v 12:23

[14]:  Jednoduchá mobilní verze pro všechny, která neřeší design, by určitě problém nebyla a nerozumím, proč takto velký server mob. verzi nemá už dávno, když polovina lidí si prohlíží internet na mobilu. Dneska už je to samozřejmost.

19 Wendy Wendy | E-mail | Web | 21. ledna 2017 v 12:59

Celý můj blog je tvořen mobilem. Vlastně ani nevím, jak vypadá na počítači :D

20 Karol Dee Karol Dee | Web | 21. ledna 2017 v 14:51

Taky mi tenhle článek připomněl bolestný fakt, že mobilní verze blogu je pořád v nedohlednu. A to přes to, že si všichni očividně uvědomují, jak důležité to v dnešní době je. Až jednou blog.cz spustí mobilní aplikaci, budu mít stejný pocit, jako když na poště začali přijímat platební karty, které do té doby z mnoha pádných důvodů prostě nebylo možné zavést. :D

Jinak mi to překvapivě vyhodilo totéž co zbytku osazenstva, ale jako podnět dobrý, zkusím najít způsob, jak si skóre vylepšit. :)

21 Tomáš Tomáš | Web | 21. ledna 2017 v 16:11

No, tak jsem zjistil, že moje stránky mají také svoje mouchy, co se zobrazení na mobilu týče. To vím ale dávno podle vlastních zkušeností stejně jako to, že už na 7" tabletu je situace mnohem lepší.
Bavíme-li se o mobilních zařízeních, uvítal bych nějakou aplikaci pro mobil, přes kterou by bylo možné blog administrovat. Skrze prohlížeč je to dost náročné a některé úkony i nemožné.

22 inspiracenauteku inspiracenauteku | Web | 21. ledna 2017 v 19:44

U mě jsou stejné jen dva první body jako u srdce blogu, takže to ještě ujde, ale i tak, dobrá stránka díky! Nějaká mobilní aplikace blogu.cz by byla super, souhlasím

23 equus-universe equus-universe | Web | 22. ledna 2017 v 6:09

no nevím nevím, veliksot textu zase na druhou stranu znamená, že v normální běžné verzi budou písmena vobrovký jak stodola

24 Standa Standa | Web | 22. ledna 2017 v 12:05

[15]: + [18]: Toto ze své pozice bohužel nemohu ovlivnit.

25 Kerr Kerr | Web | 22. ledna 2017 v 17:23

Můj blog teda bohužel "mobile friendly" fakt není, ale myslím, že to až takový problém není. Znám jen málo lidí, kteří čtou blogy přes mobily a písmo se dá vždy zvětšit. Upřímně by se mi ani větší nelíbilo, so sorry my friends, but it´s not my problem :D

26 Baruschka Baruschka | E-mail | Web | 22. ledna 2017 v 18:10

[19]: Dobře :-) Já jsem se teda podívala, když už u toho počítače sedím :-)

27 Necroparanoia Necroparanoia | E-mail | Web | 22. ledna 2017 v 22:48

[1]: Přesně. Web mi vyhodil, že můj blog není "mobile-friendly" ale normálně odpovídám na komentáře z mobilu a nikdy jsem problémy neměla.

28 Chloë Noir Chloë Noir | E-mail | Web | 25. ledna 2017 v 14:13

Ako u väčšiny, aj u mňa píše že nie som práve "mobile-friendly", aj keď si blog na mobile pozerám relatívne často a nejaké väčšie problémy nemám. Priblížiť sa dá vždy, aj keď niekedy je treba ten text posunúť.

Ale ako bolo spomenuté, privítala by som nejakú priamo mobilnú verziu, myslím, že aj blogspot má mobilnú verziu zriešenú tak, že sa dizajn nerieši. Prípadne, že by sa tam dali nastaviť základné veci (farba písma, pozadia a prípadne nejaké logo alebo jednoduché záhlavie. :D

29 Layouty od Kačky Layouty od Kačky | Web | 25. ledna 2017 v 16:51

Keby existovala normálna mobilná verzia, nemuseli by sme teraz všetci stresovať, že nie sme zrovna mobile friendly :D

Komentáře jsou uzavřeny.


Aktuální články

Reklama