Mobilbarátság Google szemmel

Darcomet is bloggolt a Google új site tulajdonos hülyítéséről, így az "optimailizáltassa velünk az oldalát mobilbaráttá, a hatékonyabb SEO életérzésért" spamek megjelenése előtt, gondoltam ránézek a dologra.

Első körben átpörgettem pár saját oldalt. Az egyetlen középre igazított bannert tartalmazó oldal simán átment a teszten, a Squirrelmail egyetlen formot tartalmazó bejelentkező felülete már nem.

Pár külföldi oldal:
reddit.com = Nem mobilbarát
theregister.co.uk = Nem mobilbarát
cnn.com = Nagyszerű! Ez az oldal mobilbarát.
hackaday = Nem mobilbarát

Magyar oldalak közül:
hup.hu = Nem mobilbarát
prog.hu = Nagyszerű! Ez az oldal mobilbarát.
hwsw.hu = A kért URL átirányított a(z) m.hwsw.hu oldalra, amely le van tiltva a robots.txt fájlban.
index.hu = Nagyszerű! Ez az oldal mobilbarát.
origo.hu = Nagyszerű! Ez az oldal mobilbarát.
444.hu = Nagyszerű! Ez az oldal mobilbarát.
ipon.hu = Nem mobilbarát

Végül a poén kedvéért:
Hupmeme = Nem mobilbarát

Mi a probléma az új, csodálatos analízissel? Hogy a főbb elrendezési és tördelési szabályokon kívül nem figyel olyan fontos dolgokat, mint az oldal javascripttel történő fertőzöttsége vagy épp mérete. A jól szerepelt oldalak majd mindegyike képes pillanatok alatt fűtőtestet csinálni bármelyik telefonból, és régebbi készülékekkel, rosszabb lefedettségnél kell 3-4 nekifutás, mire sikerül letölteni az "optimalizált" oldalakat. A bónusz, hogy ezek az oldalak többsége a user-agent-ből megtippelt, kimondottam telefonra butított tartalmat dob az ember arcába.
A google, természetesen ajánl segítséget, a tippjeinek a fele nagyjából ott elbukik, hogy túl generikus és túlságosan is "Chrome élményre" szabott. A legviccesebb, mikor egy oldalon ajánlja az oldal sebességre történő optimalizálását és az analytics használatát, vagy az oldal monetarizációjánál a hirdetésnél rögtön az ad-sense-t ajánlja. Hiába, minden szentnek maga felé hajlik a keze.

Elkezdtem játszani a tesztoldallal. Formázatlan, egyetlen <p>-t tartalmazó oldal esetében 27px után nem dob hibát a betüméretre. A wievport-al a betűméret már nem számít, ahogy nagyjából el is búcsúzhatunk egy normál méretű kijelzőn történő olvashatóságtól, lévén 9px a legkisebb megengedett méret.
Szöveges linkeknél 9px-es karakterméretnél, 8px margin a teszt által megengedett legkisebb távolság. Ez alapján, a saccometria szabályainak megfelelően, 25px x 9px a legkisebb méretű, megengedett kép a linkeknél. Ez utóbbit, már nem volt kedvem kipróbálni.
Ennyi kiindulásnak elég, hogy a tesztnek megfelelőre szabja az ember a weboldalát.

( saxus | 2015. 03. 01., v – 17:21 )

Haha, hup "A betűméret túl kicsi az olvasáshoz". Ez asztali gépen is igaz rá, nem csak mobilon...

----------------
Lvl86 Troll, "hobbifejlesztő" - Think Wishfully™

( carlcolt | 2015. 03. 01., v – 17:29 )

A viewport zoom tiltast nem lehetne automatikusan "nem mobilbarat"-ta nyivlanitani?

Valamint jobb lenne inkabb figyelembe venni ezt, kedves Google:
http://hup.hu/node/137550

( sj | 2015. 03. 01., v – 18:28 )

googliness...

--
"Van olyan ember sok az oldalon, akinek a kommentjeinek 100%-a zaj, oket miert nem kommentelitek ilyen lelkesen?" (hrgy84)

( Dacr (nem ellenőrzött) | 2015. 03. 02., h – 10:57 )

font: normal 12px Arial;

Ez is lehet a baj. Mint ahogyan Te is játszottál, pixelekben adod meg a font méretét. Ez minden, csak nem reszponzív viselkedés. Kivéve, ha media queryben definiálsz minden felbontást és szopatod magad vele egy kicsit.
Rengeteg cikk van a neten, ami elmagyarázza, mitől lesz mobilbarát egy oldal. Az oldalt pedig nem a tesztnek csinálod, hanem a látogatónak.

Ha ez arra reakció, hogy "nem a keresőnek gyártunk oldalt", akkor a helyzet továbbra is változatlan. Ha látogatónak készíted az oldalt, akkor igyekszel kiszolgálni őt, ergo csinálsz mobilbarát verziót, vagy magát a designt készíted reszponzívra. Ez magában hordozza, hogy jobb pozíciót foglalsz el a keresőben is, amennyiben követed a látogatóid eszközeinek változásait.

( Darkcomet | 2015. 03. 02., h – 17:08 )

Hát ja. Az index meg a 444 mobilos oldala úgy bezabálja 4-5 tab megnyitása után a memóriát a telefonomon, mint fene. Ráadásul az index mobilos oldala ugyanannyi adatforgalmamat generál, mint a desktop, a 444 animgifjei meg az egekig pörgetig a procit, legyen az akár PC akár mobiltelefon.

Az Origo, nol, mno, Hír24 viszont nagyon fasza mobilon. Főleg az Origo.
--------------------------

Csak a viták elkerülése végett. Ha nem használok ékezetet, mobiltelefonról írok.

Ízlések és egyebek. Szerintem az Origo mobilos oldala az egyik legjobb. Én amikor mobilbarát felületről beszélek, akkor első sorban az adott oldal mobilos verzióját értem. Abba meg az Origo oldala köröket ver más hirportálok mobilos verzióira.
--------------------------

Csak a viták elkerülése végett. Ha nem használok ékezetet, mobiltelefonról írok.

( zoltanzoli v | 2015. 03. 03., k – 18:30 )

Reddit.com-hoz van hivatalos android kliens és legalább 5 másik. Szóval elég mobil barát.