Miért fontos a mobilra optimalizált weboldal?

A látogatóid többsége telefonról érkezik

Világszerte a webes forgalom nagyjából 60%-a mobileszközökről érkezik, a helyi szolgáltatásoknál (éttermek, szalonok, szakiparosok, rendelők) pedig ez az arány általában még magasabb. Az emberek útközben keresnek, gyorsan összehasonlítanak, és azt várják, hogy egyetlen koppintással hívhassanak, foglalhassanak vagy útvonalat tervezhessenek.

Ha egy weboldalt nagy monitoron terveztek, majd utólag préseltek rá egy kis képernyőre, az látszik. Apró a szöveg, nehéz eltalálni a gombokat, a menü eltakarja az oldalt, és éppen az, amiért a látogató jött, a telefonszámod vagy a foglalás gomb, három görgetésnyire van.

A Google a mobilos változatot rangsorolja

A Google ma már mobile-first indexelést használ: az oldalaid mobilos változatát olvassa be és értékeli, és ez alapján dönti el a helyezésedet telefonon és számítógépen egyaránt. Ha tartalom, címsorok vagy strukturált adatok hiányoznak a mobilos nézetből, a Google szemében nem is léteznek.

Az oldalélmény is számít. A Google Core Web Vitals mutatói azt mérik, milyen gyorsan töltődik be a fő tartalom, milyen gyorsan reagál az oldal a koppintásokra, és mennyit ugrál az elrendezés betöltés közben. Ezeket valódi látogatók eszközein mérik, ami a legtöbb oldalnál átlagos telefonokat és mobilhálózatot jelent, nem az irodai gépet gyors wifin.

A sebességen múlik, hogy maradnak-e

Mobilon rövid a türelem. A Google saját kutatása szerint a mobilos látogatások több mint fele megszakad, ha egy oldal három másodpercnél tovább töltődik. Minden plusz másodperc olyan látogatókba kerül, akik el sem jutnak az ajánlatodig.

A mobilkapcsolat kevésbé megbízható, a telefonok pedig kisebb teljesítményűek, mint a laptopok, ezért a nehéz képek, a nagy JavaScript-csomagok, az automatikusan induló videók és a rengeteg külső szkript telefonon sokkal jobban fáj, mint azon az asztali gépen, ahol az oldal készült.

A mobilbarát több, mint reszponzív

A kis képernyőn átrendeződő, reszponzív elrendezés a kiindulópont, nem a cél. Egy valóban mobilra optimalizált weboldal:

• Gyorsan betöltődik egy átlagos telefonon, 4G-kapcsolaton is, a képek pedig kis képernyőre méretezettek és tömörítettek.
• Nagyítás nélkül olvasható, legalább 16 pixeles szövegtörzzsel és elég kontraszttal ahhoz, hogy kültéren is olvasható legyen.
• Hüvelykujjal is kényelmesen eltalálható gombokat használ, köztük elég hellyel, hogy ne a rossz linkre koppintson a látogató.
• A legfontosabb műveleteket kéznél tartja: hívás, foglalás, útvonaltervezés, üzenetküldés.
• Minden mezőhöz a megfelelő billentyűzetet adja (számokat a telefonszámhoz, e-mail-kiosztást az e-mail-címhez), és a lehető legkevesebbet kérdez.
• Nem ugrál betöltés közben, és nem takarja el a tartalmat felugró ablakokkal vagy túlméretezett sütibannerrel.
• Tiszteletben tartja magát a telefont: a notch körüli biztonsági sávokat, a sötét módot, a csökkentett mozgás beállítást és a vissza gesztust.

Gyakori mobilos hibák, amelyek ügyfelekbe kerülnek

• Egyszerű szövegként vagy képben szereplő telefonszám és cím, amelyre nem lehet rákoppintva hívni vagy megnyitni a térképen.
• Betöltéskor megjelenő, teljes képernyős felugró ablakok, amelyeket kis képernyőn nehéz bezárni.
• Asztali gépre szabott, egérmutatóra nyíló menük, amelyek érintéssel nem működnek rendesen.
• Óriási nyitóképek vagy háttérvideók, amelyek mobilneten másodpercekig töltődnek.
• Hosszú kapcsolatfelvételi vagy foglalási űrlapok, amelyeket hüvelykujjal kínszenvedés kitölteni.
• A képernyőnél szélesebb táblázatok, árlisták vagy beágyazott tartalmak, amelyek oldalirányú görgetésre kényszerítenek.

Mobilon dönt a helyi ügyfél

Az olyan keresések, mint a „közelemben”, a „most nyitva” vagy a „foglalás mára”, túlnyomórészt telefonról érkeznek, és olyanoktól, akik készen állnak a cselekvésre. Aki reggel hétkor vízvezeték-szerelőt vagy estére asztalt keres, nem tíz fület hasonlít össze. Azt az oldalt választja, amelyik gyorsan betöltődik, és egyértelművé teszi a következő lépést.

Ezért a mobilra optimalizálás nem technikai apróság, hanem közvetlenül összefügg a hívásokkal, foglalásokkal és érdeklődésekkel. A jó mobilos élmény bizalmat is épít: egy telefonon gördülékeny, átgondolt oldal azt üzeni, hogy a vállalkozás odafigyel a részletekre.

Gyors önellenőrzés

Vedd elő a telefonodat, kapcsold ki a wifit, és próbáld ki:

• Nyisd meg a weboldaladat. Két-három másodpercen belül megjelenik a hasznos tartalom?
• El tudsz olvasni mindent nagyítás nélkül, és minden gombot eltalálsz úgy, hogy nem koppintasz mellé?
• Egy-két koppintással tudsz hívni, foglalni vagy útvonalat tervezni a főoldalról?
• Töltsd ki a saját kapcsolatfelvételi űrlapodat. Gyorsan megy, vagy félúton feladod?
• Futtasd le a főoldaladat a Google PageSpeed Insights eszközzel, és nézd meg a mobilos pontszámot és a Core Web Vitals mutatókat.

Ha neked bármi lassúnak vagy kényelmetlennek tűnik, egy idegennek, aki még sosem hallott a vállalkozásodról, még rosszabb.

Hogyan csináljuk az Apture Studióban?

Minden weboldalt először telefonra tervezünk, és csak utána bővítjük nagyobb képernyőkre, nem fordítva. Az oldalak statikusan rendereltek, a képeket modern formátumban és megfelelő méretben szolgáljuk ki, a szkripteket pedig a minimumon tartjuk, hogy az oldal valódi mobilhálózaton is gyors maradjon. A cselekvésre ösztönző gombok hüvelykujjnyi távolságban vannak, az űrlapok rövidek, a telefonszám, a cím és a foglalási link pedig egyetlen koppintással működik.

Ez a weboldal is így készült: nyisd meg telefonon, és inkább érződik alkalmazásnak, mint weboldalnak. Ha kíváncsi vagy, hogyan teljesít a jelenlegi oldalad mobilon, írj nekünk, és megnézzük.