Marketing

Mobilbarát webshop: rendelések telefonról és 12 ellenőrzés

Mobilbarát webshop: Magyarországon a látogatások 59%-a telefonról jön. Hogyan méri a saját arányát, 12 ellenőrzés és a mobilos pénztár a CloudCartban.

A CloudCart csapata15 perc olvasás
Kéz egy telefont tart, rajta nyitott webáruház és kosár, mellette laptop ugyanazzal a webshoppal nagyobb képernyőn, a két képernyő között vékony vonalon apró csomagok haladnak
Ebben a cikkben · 11 rész
  1. Mennyire fontos a mobil webshop: hány rendelés jön telefonról
  2. Hogyan látja a CloudCartban, hány látogatás és rendelés jön telefonról
  3. Mi a mobile-first indexelés, és miért a mobil nézet dönt a keresőoptimalizálásban
  4. Reszponzív webshop, külön mobiloldal, PWA vagy mobilalkalmazás
  5. Hogyan ellenőrzi, mennyire mobilbarát a webshop: 12 ellenőrzés 15 perc alatt
  6. Sebesség telefonon és a Core Web Vitals
  7. Hogyan lesz egyszerűbb a pénztár telefonon
  8. Kell-e mobilalkalmazás a webshopnak
  9. Hibák a mobil nézetben, amelyek rendelésekbe kerülnek
  10. Hogyan követi havonta a mobilos eredményeket
  11. Gyakori kérdések

Röviden: a mobil webshop dönti el a webáruház forgalmát. Magyarországon a látogatások 59,33%-a telefonról érkezik (StatCounter), a Google pedig minden oldalt a mobil nézete alapján indexel. A telefonos rendelések aránya ennél kisebb, mert a kiskereskedelemben a mobilos konverzió 2,0%, az asztali gépen 3,7% (Contentsquare). A különbség az a tartalék, amelyet egy mobilbarát webshop behoz.

A cikkben megtalálja a számokat forrással, azt, hogyan látja a telefonos látogatások és rendelések pontos arányát a saját webshopjában, mit jelent a mobile-first indexelés a keresőoptimalizálásban, 12 ellenőrzést, amelyet 15 perc alatt elvégez a saját telefonján, és azt, mit érdemes átállítani a pénztárban, hogy többen rendeljenek telefonról. A cikket a CloudCart, a szófiai e-kereskedelmi platform csapata írta. A CloudCartra vonatkozó tények a platform dokumentációjából és a Dizájn, a Kosár és pénztár, a CloudCart Pay és a Statisztika oldalakról származnak.

Mennyire fontos a mobil webshop: hány rendelés jön telefonról

A mobil nézet azért fontos, mert Magyarországon nagyjából minden öt látogatásból három telefonon történik. A telefonos rendelések aránya általában kisebb, mint a telefonos látogatásoké: a vásárlók telefonon gyakrabban nézelődnek, az űrlapot és a fizetést pedig gyakrabban a számítógépen intézik. Ezért a két számot mindig külön nézze.

MérésÉrtékForrás
Látogatások telefonról, Magyarország59,33%StatCounter Global Stats, 2026. október
Látogatások asztali gépről, Magyarország39,39%StatCounter Global Stats, ugyanaz a hónap
Látogatások táblagépről, Magyarország1,29%StatCounter Global Stats, ugyanaz a hónap
Konverzió a kiskereskedelemben: asztali gép és telefon3,7% és 2,0%Contentsquare, Digital Experience Benchmark

Egy példa ezekkel a számokkal: 1 000 látogatás, ebből 593 telefonról, 394 asztali gépről és 13 táblagépről. 2,0%-os konverzióval a telefon nagyjából 12 rendelést hoz, 3,7%-kal az asztali gép nagyjából 15-öt. A telefon adja a látogatások 59%-át, a rendeléseknek viszont csak nagyjából 45%-át. Ez a 14 pontos rés a növekedési tartalék: ha a mobilos konverzió 2,5%-ra nő, ugyanaz a forgalom 1 000 látogatásonként 3 rendeléssel többet hoz. 40 €-s átlagos kosárértékkel ez 1 000 látogatásonként 120 € többletbevétel, hirdetési költség nélkül.

Fontos: a StatCounter minden weboldalt mér, nem csak a webshopokat. Az Ön aránya az ágazattól és a forgalom forrásától függ. Az Instagramon és a TikTokon hirdető webshopnak több a telefonos látogatója, a cégeknek irodatechnikát árusító webáruháznak több az asztali. A saját pontos számát a CloudCart Statisztikában látja, a következő rész megmutatja, hol.

Hogyan látja a CloudCartban, hány látogatás és rendelés jön telefonról

A CloudCartban a telefon aránya a Statisztikában látszik, négy dobozban, külön eszköz nélkül. Az adminisztrátorok munkamenetei nem számítanak bele, így a saját telefonos próbái nem torzítják a számokat.

  1. Nyissa meg a Statisztikát, és válasszon időszakot. Vegye az utolsó 30 napot. Ha a csomagja tartalmazza az előző időszakkal való összevetést, kapcsolja be, így látja, nő-e a telefon aránya.
  2. Munkamenetek eszköztípus szerint. Táblázat a munkamenetek számával és arányával mobile, desktop és tablet bontásban, a legnagyobbtól lefelé. Alatta két kis kördiagram mutatja a telefont és a számítógépet. Itt a táblagép külön sor.
  3. Vásárlási tölcsér. A három szakasz: Kosár, Elkezdett rendelés és Rendelések, Desktop, Mobile és Total nézettel. Ha a Mobile nézetben sokkal többet veszít az elkezdett rendelés és a rendelés között, a mobilos pénztárral van baj.
  4. Elhagyott kosarak. Az időszak elhagyott kosarainak aránya, külön sorral a telefonra és a számítógépre.
  5. Eladások hely szerint. A rendelések száma és összege országonként és városonként, minden sorban telefon és számítógép bontásban. Itt a táblagépes rendelés a telefonhoz számít.

A látogatások és a tölcsér óránként frissülnek. Ha nem látja a telefon és számítógép bontást, nézze meg a Statisztika fogaskerekénél az eszközök megjelenítésének kapcsolóját. A tölcsérben és az elhagyott kosaraknál a táblagép a desktophoz számít.

Mi a mobile-first indexelés, és miért a mobil nézet dönt a keresőoptimalizálásban

A mobile-first indexelés azt jelenti, hogy a Google a webhelyet a telefonon látható változat alapján térképezi fel és rangsorolja. Az asztali változat nem számít alapnak. A Google 2023 októberében jelentette be, hogy a teljes interneten befejezte az átállást (Google Search Central).

A webshop számára ennek három gyakorlati következménye van:

  • Ami telefonon rejtve van, az a Google-nek nem létezik. Ha a termékleírás, a mérettáblázat vagy az értékelések csak az asztali nézetben látszanak, a Google nem veszi őket figyelembe. A mobil oldalon ugyanaz a szöveg, ugyanazok a címsorok és ugyanazok a strukturált adatok kellenek.
  • A képeknek telefonon is be kell töltődniük. Ugyanaz az alt szöveg és ugyanaz a képcím, olyan képek nélkül, amelyek csak a vásárló egy műveletére jelennek meg.
  • A felugró ablakok ártanak. Az az ablak, amely a Google-ből érkező látogató elől azonnal eltakarja a tartalmat, ronthatja az oldal helyezését (Google Search Central). Kivétel a cookie-sáv és a korellenőrzés, ahol azt jogszabály írja elő.

A Google a reszponzív kialakítást ajánlja mint a legegyszerűbb módot ezeknek a szabályoknak a betartására. A webshop teljes keresőoptimalizálási ellenőrzőlistája a webshop SEO cikkben található.

Reszponzív webshop, külön mobiloldal, PWA vagy mobilalkalmazás

Webshopnak ma a reszponzív kialakítás a legjobb választás: egy cím, egy HTML, és az elrendezés a képernyő szélességéhez igazodik. Reszponzív kialakításnál ugyanaz az oldal maga váltja az oszlopokat, a betűméretet és a menüt telefonon, táblagépen és számítógépen. A külön mobiloldal (m.webaruhazad.hu) minden oldal két változatát jelenti, ezért ma ritkán használják.

VáltozatMi ezElőnyökHátrányokKinek
Reszponzív webshopEgy oldal minden képernyőreEgy cím a SEO-nak, egy tartalom, egy karbantartásMinden változtatás után telefonon is ellenőrizni kellSzinte minden webshopnak
Külön mobiloldal (m.)Második oldal csak telefonraTeljes kontroll a mobil nézet felettKét tartalomváltozat, átirányítások, indexelési kockázatMa ritkán indokolt
PWA (Progressive Web App)Webhely, amelyet a vásárló alkalmazásként a kezdőképernyőre teszIkon a telefonon, Web Push értesítés iPhone-on isA vásárlónak magának kell hozzáadniaSok visszatérő vásárlóval dolgozó webshopnak
Mobilalkalmazás (iOS és Android)Külön program az App Store-ban és a Google PlayenÉrtesítések, hűségprogram, gyors belépésFejlesztés, karbantartás, a vásárlónak le kell töltenieTöbb ezer törzsvásárlóval rendelkező márkáknak

A CloudCart kész sablonjai reszponzívak, a sablonok képernyőjén az aktív sablont asztali és telefonos nézetben is látja. A vásárlói felület alapból PWA manifesttel érkezik, így az iPhone-os vásárló a webshopot a kezdőképernyőjére teheti. Ha teljesen saját dizájnú vásárlói felületet szeretne, az a Nitrogenre, a CloudCart headless technológiájára épül, például AI asszisztenssel írva, a termékkatalógus és a rendelések pedig ugyanabban az admin felületben maradnak (Webáruház dizájn).

Hogyan ellenőrzi, mennyire mobilbarát a webshop: 12 ellenőrzés 15 perc alatt

A legbiztosabb ellenőrzés egy valódi rendelés a saját telefonjáról, mobilinterneten, úgy, ahogy a vásárlói vásárolnak. Az eszközök a sebességet mutatják meg, de csak a rendelés mutatja meg, eljut-e a vásárló a végéig. Végezze el iPhone-on és Androidon is, mert az Apple Pay és a Google Pay máshogyan jelenik meg.

  1. Érkezzen a Google-ből. Keressen rá egy termékre és a márkanevére, és a találatból nyissa meg a webshopot. Így azt az oldalt látja, amelyet az új vásárló.
  2. Az első képernyő. Görgetés nélkül látszódjon, mit árul, és egy egyértelmű gomb. A termékeket lefelé toló nagy banner már itt elveszíti a vásárlót.
  3. A szöveg nagyítás nélkül olvasható. Ha két ujjal nagyítana, a betű túl kicsi. Az olvashatóság a webshop akadálymentességének is része.
  4. A gombok hüvelykujjal nyomhatók. A Google Lighthouse a legalább 48 × 48 pixeles gombokat és linkeket fogadja el megjegyzés nélkül (Chrome for Developers). Két gomb egymás mellett hézag nélkül téves koppintásokat jelent.
  5. A menü és a kereső. Találjon meg egy terméket 10 másodperc alatt a menüvel, aztán a keresővel. Írja be a szót elgépelve és ékezetek nélkül is.
  6. A termékoldal. A képek lapozhatók és nagyíthatók, az ár és a készlet a gomb fölött van, a méret vagy szín kiválasztása nem igényel pontos koppintást.
  7. A felugró ablakok. A bezárás gomb látszik és könnyen megnyomható. Telefonon egy ablak elég.
  8. A kosár. A szállítási díj már a kosárban látszik, az űrlap előtt.
  9. Az űrlap. A telefonszámhoz számbillentyűzet nyílik, az e-mail mezőben ott a @, a hibát a mező mellett magyarázza el az oldal.
  10. A fizetés. Próbálja ki az Apple Pay-t vagy a Google Pay-t és a kártyát, idegen oldalra való átirányítás nélkül. Az utánvétet is válassza ki egyszer, mert sok magyar vásárló így rendel.
  11. A visszaigazoló levél. Nyissa meg telefonon: olvashatók-e a gombok és a terméktáblázat.
  12. A sebesség. Futtasson egy termékoldalt a PageSpeed Insightsban, és a Mobile eredményt nézze.

A CloudCart admin felületén a telefonos nézetet telefon nélkül is megnézheti: a Dizájn menü színek és betűtípusok szerkesztőjében jobbra élőben látszik a vásárlói felület, jobb alul Mobile (nagyjából 375 pixel), Tablet és Desktop gombbal. A színek és betűtípusok módosítása mentés után jelenik meg az előnézetben. Az utolsó ellenőrzés mégis mindig egy rendelés valódi telefonról.

Sebesség telefonon és a Core Web Vitals

A mobiloldal sebessége közvetlenül hat a rendelésekre. A Deloitte Google-nek készült „Milliseconds Make Millions” tanulmányában a 0,1 másodperccel gyorsabb mobiloldal 8,4%-kal emelte a konverziót a kiskereskedelemben (Think with Google).

A Core Web Vitals az a három mutató, amellyel a Google azt méri, milyen érzés használni az oldalt (web.dev):

MutatóMit mérJó érték
LCP (Largest Contentful Paint)Mikor jelenik meg a legnagyobb elem: a termékfotó vagy a bannerlegfeljebb 2,5 másodperc
INP (Interaction to Next Paint)Milyen gyorsan reagál az oldal egy koppintásralegfeljebb 200 ezredmásodperc
CLS (Cumulative Layout Shift)Mennyit ugrál a tartalom betöltés közbenlegfeljebb 0,1

A lassú mobil webshop leggyakoribb okai a nehéz képek, a videó az első képernyőn és a sok külső szkript: chat, pixelek, látogatásszámláló. A Google Search Console Core Web Vitals jelentése megmutatja, a webshop mely oldalcsoportjai lassúak telefonon. Hogyan olvassa a jelentést, és mit javítson először: a webshop sebességéről szóló cikk.

Hogyan lesz egyszerűbb a pénztár telefonon

A mobilos pénztár akkor könnyű, ha a vásárlónak kevesebbet kell gépelnie: egyoldalas rendelés, rendelés vendégként, fizetés Apple Pay-jel vagy Google Pay-jel, és átvétel GLS csomagponton. Minden mező, amelyet elhagy, egy mezővel kevesebb a kis billentyűzeten.

A CloudCartban a rendelés alapból egy oldalon zajlik. A beállítások a Beállítások → Kosár és pénztár menüpontban vannak:

  • Ki rendelhet. Csak vendég, csak regisztrált vásárló vagy mindkettő. Telefonra a mindkettőt válassza: a vendég jelszó nélkül rendel, a rendelés után pedig automatikusan fiókos vásárlóvá válhat.
  • A mezők. A vezetéknév, keresztnév, telefonszám, utca, házszám és a kiegészítő cím (emelet, ajtó) kötelezőre, választhatóra vagy rejtettre állítható. A megye megjeleníthető vagy elrejthető, az irányítószám kötelező vagy nem. Rejtse el, amire a futárnak nincs szüksége.
  • A szállítási díj. A GLS a pontos címre vagy GLS ParcelShopba szóló árat a fizetés előtt visszaadja, így a vásárló nem a végén lepődik meg.
  • A „Kosárba” utáni lépés. Állítsa be, hogy a termékoldal gombja egyenesen a rendeléshez vigyen, a kosár kihagyásával.

Az utánvéttel fizető vásárlóknak a Gyors rendelés alkalmazás (Alkalmazások → Gyors rendelés) a termékoldalra tesz egy gombot rövid űrlappal: csak az e-mail kötelező, a telefonszámot és a nevet igény szerint kapcsolja be. A Gyors rendelés kizárólag utánvéttel működik. Azoknak, akik vásárlás előtt kérdeznének, a Click to Call alkalmazás lebegő gombot tesz az oldalra, amely egy koppintással tárcsázza az Ön számát. Ha azon gondolkodik, melyik fizetési mód hoz több rendelést, nézze meg az utánvét vagy bankkártya összehasonlítást.

Kell-e mobilalkalmazás a webshopnak

A legtöbb webshopnak nem kell mobilalkalmazás: a jó mobil nézet, a PWA és a böngészőben megjelenő Web Push értesítések lefedik a vásárló igényeit. Alkalmazásnak akkor van értelme, ha több ezer törzsvásárlója havonta rendel, és van kerete az iOS-es és androidos fejlesztésre és karbantartásra.

Értesítést alkalmazás nélkül Web Push-sal küld. A CloudCartban a csatornát a Marketing → Csatornák → Csatornák beállítása → Web Push menüpontban kapcsolja be, és az elhagyott kosár, az újra készleten lévő termék és az akciók kampányaiban használja. Két böngészőkorlát: iPhone-on a Web Push az iOS 16.4-től működik, és csak akkor, ha a vásárló a webshopot a kezdőképernyőre tette (WebKit), az Instagram, a Facebook és a TikTok beépített böngészőjében pedig nem lehet feliratkozni. A Web Push ezért a hírlevelet egészíti ki, és a vásárlók egy részét éri el. Hogyan kombinálja a kettőt: hírlevél és Web Push kampányok a CloudCartban.

Mobilalkalmazásra inkább Önnek mint kereskedőnek van szüksége. A CloudCart Admin iPhone-ra és Androidra minden új rendelésről értesítést küld, és belőle módosíthatja az állapotot és elkészítheti a szállítási címkét (a CloudCart Admin mobilalkalmazás).

Hibák a mobil nézetben, amelyek rendelésekbe kerülnek

  • Ellenőrzés csak számítógépről. A böngészőablak összehúzása nem mutatja meg a billentyűzetet, az Apple Pay-t és a mobilinternet valódi sebességét.
  • Más tartalom telefonon. A telefonon elrejtett leírások és értékelések a Google-nek nem számítanak.
  • Felugró ablak az első másodpercben. A feliratkozási ablakot görgetés után vagy kilépési szándéknál mutassa.
  • Hosszú terméknevek. Telefonon egy 120 karakteres név három sort foglal el, és lejjebb tolja az árat. A márka, a típus és a fő jellemző az első 60 karakterbe kerüljön.
  • A főoldalra vezető hirdetés. Az Instagramról érkező vásárló egy konkrét terméket látott, és azonnal azt várja, nem akar telefonon keresgélni. Hogyan párosítsa a hirdetéseket a megfelelő oldalakkal: Facebook- és Instagram-hirdetés webshopnak.
  • Kötelező regisztráció. Jelszót gépelni a kis billentyűzeten a legbiztosabb módja annak, hogy a vásárló elhalassza a rendelést.

Hogyan követi havonta a mobilos eredményeket

A mobil nézetet havonta egyszer három számmal követi: a telefonos látogatások aránya, a telefonos konverzió és a telefonos elhagyott kosarak aránya. Ha az arány nő, a telefonos konverzió viszont csökken, valami eltört a mobilos vásárlási úton.

  1. Írja fel a számokat. A munkamenetek eszköztípus szerinti dobozából a telefon arányát, a tölcsér Mobile nézetéből a három szakaszt, az elhagyott kosarakból a telefonos sort.
  2. Vesse össze az előző év ugyanazon hónapjával. November és december több telefont és több rendelést hoz az ajándékvásárlás miatt.
  3. Egyszerre egy dolgot változtasson. Egy elhagyott mező, bekapcsolt Google Pay, könnyebb kép. 2-4 hét után vesse össze a Mobile tölcsért a változtatás előtti időszakkal.
  4. Ismételje meg a próbarendelést. Minden új sablon, új alkalmazás vagy pénztárváltoztatás után.

A számok az AI asszisztenstől, a Statisztika megnyitása nélkül

Ugyanezt a három számot az AI asszisztens válaszaként is megkaphatja. A CloudCart Statisztikája elérhető a platform Admin GraphQL API-ján keresztül (az analyticsMetadata és az analyticsReport lekérdezés), a jelentés pedig adatként érkezik, amelyet az AI asszisztens beolvas és táblázatba rendez. A Claude Code, a ChatGPT Codex, a Gemini CLI vagy a Cursor egy PAT tokennel olvassa a jelentést, és Ön helyett veti össze az előző hónappal.

  1. Kösse össze az asszisztenst. Hozzon létre PAT tokent a Beállítások → PAT tokenek menüpontban, és illessze be az asszisztensbe a mondatot az AI integráció a CloudCarttal oldalról. A token lehet lejárati idővel és IP-címre korlátozva.
  2. Kérdezzen konkrét időszakra. Például: „Add meg októberre és szeptemberre a munkameneteket eszköz szerint, a Mobile tölcsért és a telefonos elhagyott kosarakat. Tedd táblázatba, és mondd meg, hol a legnagyobb különbség.”
  3. Kérje a következő lépést. „Ha telefonon többet veszítünk az Elkezdett rendelés és a Rendelések között, mely mezők kötelezők a pénztárban?” Az asszisztens összeveti a jelentést a beállításokkal, és egy változtatást javasol a következő 2-4 hétre.

A konverzió képlete, az ágazati átlagok és további 20 változtatás hatás szerint a webshop konverziós rátájáról szóló cikkben található, azt pedig, hogyan hozza vissza a telefonon kosarat hagyó vásárlókat, az elhagyott kosarakról szóló cikk mutatja meg.

Gyakori kérdések

Általában kisebb rész, mint a telefonos látogatásoké. Magyarországon a látogatások 59,33%-a érkezik telefonról (StatCounter), a kiskereskedelmi mobilos konverzió viszont 2,0%, szemben az asztali 3,7%-kal (Contentsquare). Ezekkel a számokkal a telefon a rendelések nagyjából 45%-át hozza. A saját webshopja pontos arányát a CloudCart Statisztikában látja, a munkamenetek eszköztípus szerinti és az eladások hely szerinti dobozában.

A mobile-first indexelés azt jelenti, hogy a Google a webhelyet a mobil nézete alapján térképezi fel és rangsorolja. A Google 2023 októberében jelentette be, hogy az átállás befejeződött. A telefonon hiányzó tartalmat a Google nem veszi figyelembe a rangsorolásnál.

A mobilbarát azt írja le, milyen az oldal a vásárlónak telefonon: olvasható, gyors, kényelmesen kezelhető. A reszponzív a módszer, amellyel ezt a legtöbben elérik: egy oldal, amely a képernyő szélességéhez igazodik. A Google ezt ajánlja a külön mobiloldal helyett, mert a cím és a tartalom telefonon és számítógépen ugyanaz.

Csökkentse a mezők számát, engedje a vendégként leadott rendelést, mutassa a szállítási díjat már a kosárban, és kapcsolja be az Apple Pay-t és a Google Pay-t. A GLS csomagpontra kért szállításnál a vásárlónak nem kell a teljes címét begépelnie. A CloudCartban a mezőket és a vendégrendelést a Beállítások → Kosár és pénztár menüpontban állítja be.

Kösse össze a Claude Code-ot, a ChatGPT Codexet, a Gemini CLI-t vagy a Cursort a CloudCart webshoppal egy, az admin felületen létrehozott PAT tokennel, és kérdezzen rá egy időszak eszköz szerinti munkameneteire és a Mobile tölcsérre. Az asszisztens az Admin API-n keresztül olvassa a Statisztika jelentéseit, és táblázatként adja vissza őket. A kapcsolat a /bg/offer/ai oldalról egy mondattal jön létre.

Kérdése van a mobil webshop beállításával kapcsolatban? Írjon nekünk: support@cloudcart.com.

Források

  1. StatCounter Global Statsgs.statcounter.com
  2. Contentsquare, Digital Experience Benchmarkcontentsquare.com
  3. Google Search Centraldevelopers.google.com
  4. Google Search Centraldevelopers.google.com
  5. Chrome for Developersdeveloper.chrome.com
  6. PageSpeed Insightsbanpagespeed.web.dev
  7. Think with Googlewww.thinkwithgoogle.com
  8. web.devweb.dev
  9. WebKitwebkit.org
A CloudCart csapataA platform dokumentációja alapján ellenőrizve. Kérdése van? support@cloudcart.com

Hozza létre webáruházát

0% jutalék a rendelések után minden csomagban. Kérdése van? support@cloudcart.com

Hozza létre webáruházát