Az internet 2016 októberében megváltozott. Ebben a hónapban a mobilweb használat először megelőzte az asztali webhasználatot (bár vannak, akik szerint a fordulópont sokkal korábban volt). A Millenárisok több mint XNUMX százaléka használ okostelefont elsődleges eszköz az internet eléréséhez, azt jelentették, és ez a százalék valószínűleg még magasabbra nőtt azóta. Nyilvánvaló, hogy ha van webhelye, annak mobilbarátnak kell lennie.

Hogyan győződjön meg arról, hogy webhelye mobilbarát – Blog Lorelei Web Design

2015 áprilisában a Google bejelentette, hogy a mobilbarátságot a webhelyek rangsorolásának egyik tényezőjeként fogja figyelembe venni. Két különböző vélemény létezik arról, hogyan lehet mobilbarát webhelyet létrehozni. Az egyik irányzat az, hogy létrehozza meglévő webhelyének külön, mobil verzióját. Az ezzel ellentétes, szélesebb körben elfogadott nézet az, hogy nem kell külön weboldalt készíteni, hanem a meglévő webhelyet átalakítani.

Meglévő webhelyének hozzáigazítása a mobil korszakhoz nem drága folyamat – nem kell +tőkét emelnie vagy EuroMillions lottó hogy meg tudja engedni magának az átállást. Még így is bölcs dolog lenne egy képzett fejlesztővel a fedélzeten, hogy megbizonyosodjon arról, hogy a helyes irányba halad.

A kiindulópont az, hogy alkalmazni kell rugalmas webdesign (RWD), hogy a látogatók könnyen olvashassák és navigálhassanak webhelyén. A reszponzív webhely az, amely a látogatók által használt eszközhöz igazodik.

Hogyan győződjön meg arról, hogy webhelye mobilbarát – Blog Lorelei Web Design

Betűméret. A webhely látogatóinak képesnek kell lenniük a tartalom elolvasására anélkül, hogy rá kellene nagyítaniuk. Ügyeljen arra, hogy felhasználóbarát, szabványos betűtípusokat használjon a maximális olvashatóság érdekében. A fejlesztők tudni fogják, hogy a weblapok nézetablakának konfigurálása biztosítja, hogy a betűtípusok megfelelően méretre legyenek méretezve a különböző eszközökön. Az alap betűméretnek a Google ajánlása szerint 16 CSS pixelnek kell lennie.

képek. A képeknek nagy felbontásúaknak kell lenniük. Ha egy webhelyen beállítja a képeinek kívánt szélességét, azok túl szélesek lesznek a mobileszközön való megjelenítéshez, ezért a képszélességet 100%-ra kell beállítani.

Linkek. A hivatkozásokat elég távol helyezze el egymástól, hogy az olvasóknak ne legyen gondjuk a kívánt hivatkozásra kattintva. Ugyanez vonatkozik a kattintható gombokra is.

Flash – ne használja. A legtöbb mobil webböngésző nincs konfigurálva olyan szoftverek megjelenítésére, mint a Flash. A Google azt javasolja, hogy webhelyét – beleértve a tartalmat és az animációt is – „modern webtechnológiák” használatával tervezze meg, amelyek nyilvánvalóan nem tartalmazzák a Flash-t.

Optimalizálja a kódot. Még akkor is, ha nincs ideje vagy pénze arra, hogy a semmiből újjáépítse webhelyét a mobil korszakhoz, bizonyos változtatásokat lehet végrehajtani a meglévő kódon, amelyek javítják a felhasználói élményt. Ezek a módosítások magukban foglalják többek között az űrlapbeviteli attribútumok beállítását, a tördelés használatát a hosszú szövegek, például a számlaszámok és URL-ek olvashatóságának biztosítására, a felesleges szóközök gondos használatát, valamint a fejlécek és oldalsávok rögzített elhelyezésének elkerülését.

A fent említett lépések végrehajtása után érdemes ellenőrizni, hogy webhelye valóban mobilbarát-e. A Google egyszerű megoldást kínál mobilbarát teszt amely meghatározhatja, hogy a látogató milyen könnyen láthatja a webhely oldalát mobileszközön. Mindössze annyit kell tennie, hogy felsorolja az URL-címét, és az eszköz elemzi az oldalt, hogy ellenőrizze, kompatibilis-e a mobilinternet korszakával.