Hogyan készítsünk mobil weboldalt
A mobilra optimalizált weboldal régebben a webdizájn kellemes velejárójának számított, de ma már elengedhetetlen. A fogyasztók ugyanis annyira hozzászoktak a mobilos weboldalakhoz (könnyen navigálhatóak kis képernyőn, és gyors betöltési idővel rendelkeznek), hogy gyorsan elhagynak egy weboldalt, ha az nem működik jól mobilon.
Ha van weboldala a vállalkozásának, újra és újra hallotta már, hogy milyen fontosak lehetnek a mobil vásárlók. Ilyenkor valószínűleg felteszi magának a kérdést: “Nos, az én weboldalam mobilbarát?”
Ha a Jimdo mobil weboldalépítőjét használja, van egy jó hírünk. A webhelye automatikusan mobilreagáló lesz, ami a mobilbarát webdesign aranyszabálya. A Jimdo mobil weboldal sablonjai automatikusan alkalmazkodnak bármilyen képernyőmérethez, anélkül, hogy bármi különlegeset kellene tenned.
Mégis, ha kíváncsi vagy, mit tehetsz még a legjobb mobilos weboldal elkészítése érdekében, vagy ha kíváncsi vagy, milyen előnyei vannak a mobilbarát webdesignnak egyáltalán, olvass tovább, mert végigvezetünk néhány mobilos tippen.
Miért olyan fontos a mobilbarát weboldal?
Nagyon sokan használják a mobilt: A mobil weboldalak használata (más szóval egy weboldal használata útközben okostelefonról vagy táblagépről) évek óta növekszik. A Google 2015-ben bejelentette, hogy a történelem során először fordult elő, hogy több ember keres mobileszközökről, mint asztali vagy laptopról.
A mobilbarátvá válás segíti a Google-rangsorolást: A Google ugyanis a mobilra optimalizált weboldalakat előnyben részesíti az okostelefonok keresési eredményeiben. Ez azt jelenti, hogy ha valaki mobiltelefonjáról a “pizza” kifejezésre keresne rá, akkor a Google nagyobb valószínűséggel mutatná meg a keresési eredményekben az adott személynek a mobilra optimalizált webhelyeket a közelében.
A mobil vásárlók általában helyiek és vásárlásra készek: Az Ön weboldalát mobileszközön keresztül meglátogató emberek gyakran helyhez kötöttebbek, és nagyobb valószínűséggel vásárolnak, mert éppen úton vannak. Ha a “pizza” kifejezésre keres rá mobiltelefonjáról, akkor valószínűleg azért teszi, mert most azonnal pizzát szeretne, és olyan pizzát szeretne, amelyik a közelében van. Bár még mindig gyakori, hogy a vásárlók asztali számítógépet használnak kutatásra, vélemények olvasására és nagyobb vásárlásokról szóló döntések meghozatalára, a mobilfogyasztók inkább a kapcsolatfelvételre és a cselekvésre összpontosítanak ebben a pillanatban, ezért olyan fontos a helyi keresőoptimalizálás. Egy mobilbarát weboldal segíthet nekik ebben, ami több helyi üzletet jelent az Ön számára.
Vezesse vállalkozását online a Jimdo segítségével.
Mi az a reszponzív weboldal?
Ha valaha is látogatott már meg egy weboldalt mobiltelefonon, és azon kapta magát, hogy hunyorogva próbálja elolvasni a szöveget, vagy folyamatosan zoomol, hogy mindent lásson, akkor biztosan tudja, milyen egy mobil “nem barátságos” weboldal látogatása. Frusztráló.
Ezért javasoljuk a reszponzív tervezés használatát. A reszponzív webhely automatikusan alkalmazkodik a látogatói által használt eszköztípushoz azáltal, hogy megváltoztatja a felbontást, a képméretet, a menüket és egyebeket, hogy azok a különböző képernyőméreteken értelmet nyerjenek.
A reszponzív weboldal segítségével nem kell külön weboldalt csak mobileszközökre vagy külön mobil céloldalt készítenie – minden felhasználója boldogan együtt élhet ugyanazon a reszponzív weboldalon.
Hogyan teheti mobilbaráttá a webhelyet
Még néhány egyszerű lépést megtehet, hogy javítsa webhelyét a mobiltelefonokon és táblagépeken.
A Google “mobilbarát” tesztje: Kényelmesen, a Google egy egyszerű és ingyenes módszert kínál a webhelye számos mobilproblémájának diagnosztizálására. Csak látogasson el a Google Mobilbarát tesztjére, és írja be a weboldalának URL-címét. Ez a teszt megmondhatja például, hogy a szövege túl kicsi, vagy hogy az olyan érintőelemek, mint a gombok és linkek túl közel vannak egymáshoz ahhoz, hogy az emberek az ujjaikkal meg tudják ütni őket. Ez egy remek módja annak is, hogy általánosságban ellenőrizze webhelye hozzáférhetőségét.
Tervezzen olyan logót, amely kiemeli vállalkozását.
Tippek a legjobb mobil weboldalakhoz:
- Győződjön meg arról, hogy az oldalak gyorsan betöltődnek: A mobilfelhasználók valószínűleg lassabb internetkapcsolatot használnak, ezért még fontosabb, hogy webhelye gyorsan töltődjön be, és ne eméssze fel az adatkeretüket. Vannak ingyenes eszközök, amelyekkel tesztelheti az oldalai sebességét, és ajánlásokat adnak arra vonatkozóan, hogy mit tehet a gyorsabb működés érdekében. Például összezsugoríthatja a nagyon nagy képeket (lásd alább), eltávolíthat minden olyan felesleges bővítményt vagy felugró ablakot, amely lelassítja a dolgokat, és csökkentheti a használt URL-átirányítások számát.
- Méretezze át és optimalizálja a képeket és a logót: Sokkal nagyobbak a képek és a logó a weboldalán, mint amire valójában szüksége van? A stockfotó-oldalakról származó fényképek és még a jó digitális fényképezőgéppel készített fotók is hatalmas fájlméretekkel (például több mint 1 MB) érkezhetnek – és ez lelassíthatja a webhelyét. A jó hír az, hogy “tömörítheted” őket minőségük elvesztése nélkül egy olyan ingyenes eszközzel, mint a TinyPNG vagy a TinyJPG. Megváltoztathatja a fénykép méreteit is, hogy kisebb legyen (például 2000 pixel helyett 800 pixel széles legyen). A képekkel kapcsolatos további tippekért és útmutatókért lásd a Hogyan optimalizáljuk a webhely képeit a jobb design és a SEO érdekében című írásunkat.
- Használjon egyszerű, rövid navigációs menüt: Ha webhelye összetett navigációs menüvel rendelkezik, sok oldallal és aloldallal, a mobil látogatók számára nehezebb lesz gyorsan megtalálni, amire szükségük van. Még gyakorlatiasabb szinten nehezebb lesz számukra, hogy megcélozzák és sikeresen megbökjék a megfelelő linket az ujjukkal. Ha rövidebbé és egyszerűbbé teszi a navigációs menüt, az segíteni fog (és további bónuszként az asztali látogatók számára is könnyebbé teszi a webhelyet!)
- Hozzon létre egyértelmű elérhetőségi információkat: Mivel a mobilos ügyfelek valószínűleg kapcsolatba akarnak lépni veled, győződj meg róla, hogy a honlapodon nem kell sok-sok görgetést végezni ahhoz, hogy elérd a kapcsolattartási információkat. Emellett ügyelj arra, hogy olyan telefonszámot és e-mail címet adj meg, amelyre valaki rá tud kattintani, mert egy kapcsolatfelvételi űrlap kitöltése mobiltelefonon időigényes és bosszantó lehet.
- A legfontosabb tartalmat jelenítse meg először: A webhely látogatói gyorsan szeretnék megtalálni a szükséges információkat, és ez még inkább igaz akkor, amikor mozgásban vannak.
- Használjon nagyméretű szöveget és gombokat: A mobileszközöket használóknak még a vártnál is nagyobb szövegre és cselekvésre hívó gombokra van szükségük ahhoz, hogy kényelmesen tudják használni a webhelyet. A legjobb módja ennek tesztelésére, ha megnézi a webhelyét a különböző nézetmódokban. Ez megmutatja, hogyan jelenik meg webhelye a különböző képernyőkön, és saját szemével láthatja, hogyan néz ki minden. Még jobb, ha megkér egy barátját vagy rokonát (vagy valakit, aki szemüveget visel), hogy tesztelje Ön helyett a webhelyét, és mondja el, mit gondol.
- Ne használjon Flash animációkat: A Flash-effektek vagy -animációk nem működnek iPhone-on vagy iPad-en, így a közönséged nagy része nem fogja látni, hogy mi van a webhelyeden. Ha Jimdót használsz, szerencséd van: weboldalaink mind a korszerűbb HTML5-öt használják, amely minden típusú okostelefonon és táblagépen elérhető.
Gyakori hibák a mobil weboldalakon
- Elfelejti, hogy saját weboldalát mobileszközről nézze meg: Ha jellemzően számítógépről dolgozik a weboldalán, nehéz lehet nem elfelejteni, hogy időnként megnézze a mobil nézetet. Pedig ha így teszel, segíthet kiszűrni azokat az apró kellemetlenségeket, amelyeket laptopról talán észre sem vennél.
- Végtelen görgetés: Kímélje az emberek hüvelykujját! Próbáld meg rövidre és lényegre törőre fogni a weboldalaidat, hogy a mobil látogatóknak ne kelljen görgetniük és görgetniük.
- Szuper részletgazdag infografikák: Az infografikák nagyszerűek a weboldalakon – de ha az infografika összezsugorodik, hogy elférjen a kisebb képernyőn, lehetetlenné válhat az olvasása. Mindenképpen próbálja ki saját maga. Lehet, hogy az lesz a legjobb, ha egy nagy infografikát kisebb, különálló grafikákra bont.
- Túl sok szöveg: Egy bekezdésnyi szöveg, amely egy számítógép képernyőjén normálisnak tűnik, egy mobil képernyőjén úgy hathat, mint a Háború és béke. Tartsa rövidre a bekezdéseket, és a nagy szövegtömböket bontsa meg felsorolásjelekkel, címsorokkal és képekkel. Íme további tippek az olvasható weboldalszöveggel kapcsolatban.
- Túl közel érintse meg az elemeket egymáshoz: Az ember csak annyit tehet, hogy összezsugorítja az ujjait – könnyítse meg az életüket azzal, hogy elegendő helyet hagy a gombok és egyéb hivatkozások között, hogy az emberek véletlenül se nyomják meg a rossz dolgot.
- Flash használata: A Flash-effektek vagy -animációk nem működnek iPhone-on vagy iPad-en, így a közönség nagy része nem fogja látni, mi van a webhelyén. Ha Jimdót használsz, szerencséd van: webhelyeink mind a korszerűbb HTML5-öt használják, amely minden típusú okostelefonon és táblagépen elérhető.
- Formanyomtatványok kitöltését követeli meg az emberektől: Legyünk őszinték; senki sem szeretne mobiltelefonról kitölteni egy webes űrlapot. Ha űrlapot kell kitöltenie, tegye azt a lehető legrövidebbre. Vagy még jobb, ha hagyod, hogy az emberek más módon küldjék el neked az információkat, például e-mailben vagy egyszerűen csak felhívva a telefonszámodat.
Jimdo: A legjobb mobil weboldalépítő
A Jimdo a legegyszerűbb módja annak, hogy mobilbarát weboldalt vagy mobil céloldalt készítsen. Az egyszerű építőelemekkel, az automatikus mobilos reszponzivitással és még azzal a lehetőséggel is, hogy maga szerkesztheti webhelyét útközben, biztos lehet benne, hogy webhelye mobilbarát és tökéletes lesz minden ügyfele számára.