Legyen a honlap mobilbarát, reszponzív, AI-barát, WordPress-alapú, stb. – ilyen praktikus tanácsokból mi is rengeteget adunk a Rackhost Tudásbázison, de van egy komplexebb téma, amit szintén szem előtt kell tartani. Lényegében a felsorolt tippek összességéről, és egyéb kiegészítő elemekről van szó, amelyek az összhatást érik el a látogatóban, vagyis a felhasználói élményt. Ennek fejlesztésére rengeteg lehetőséget kínál a WordPress, a WPBeginner segítségével össze is gyűjtjük a legfontosabb trükköket.
Cikksorozatunkat az első és második rész után folytatjuk.
4. Legyen mobilbarát a honlap!
Az emberek többsége már inkább mobil eszközökről (okostelefon, tablet) böngésznek az interneten, különösen munkaidőn kívül. A kis képernyőn nehezen olvasható és kezelhető weboldal frusztráló a látogatóknak, így alapvető elvárás, hogy a honlap mobilbarát legyen.
Hogyan lehet ezt elérni? Íme pár tipp a mobilbarát weboldalhoz:
- WordPress-téma: A WordPress-alapú weboldalak számára már rengeteg reszponzív téma vagy sablon érhető el, amelyek automatikusan igazítják a honlap elrendezését a különböző képernyőméretekhez.
- Gombok: A gombokra és más kattintható elemekre is nagy hangsúlyt kell fektetni. Olyan méretűnek kell lenniük, hogy könnyen kattinthatók legyenek, de nem szabad olyan közel lenniük egymáshoz, hogy véletlenül máshova kattintson a felhasználó.
- Betűk: Olyan betűméretet válasszunk, amely nem igényel csippentéses nagyítást a kényelmes olvasáshoz, emellett legyen meg a kontraszt a betűk és a háttér között. Például a sans-serif betűtípusokat gyakran ajánlják webes tartalmakhoz letisztult megjelenésük miatt. A megfelelő kontraszthoz ingyenes online eszközökkel is ellenőrizhetők a színkombinációk, például a WebAIM Contrast Checkerrel. A betűméretnek érdemes legalább 16 pixelnek lennie.
- Képformátum: Nem mindegy, hogy milyen képformátumot (pl.: WebP, PNG, JPEG) használunk, céltól és felülettől is függ a megfelelő fájltípus kiválasztása. Ide kattintva elmagyarázzuk, hogy melyik a legjobb képformátum a WordPress-alapú honlapok számára.
- Navigáció: Egy asztali gépen jól kezelhető weboldal kezelése mobilon akár még nehézkes is lehet. Érdemes például kinyitható és összecsukható menürendszereket (hamburger menü) készíteni, hogy a túl sok lehetőség ne legyen zavaró kisebb képernyőn.
- Gyors betöltés: Fontos, hogy a honlap gyorsan betöltődjön, a WordPress-alapú weboldalak kapcsán korábban el is árultuk, hogy mi a megfelelő sebesség titka.
- Űrlap: Ügyeljünk rá, hogy a weboldalon található e-mail formok és űrlapok mindenféle eszközön könnyen kitölthetők legyenek.
- Mobil előnézet: Szerencsére a WordPressben már lehetséges, hogy az oldalak szerkesztése vagy új bejegyzések készítése esetén mobilos előnézetben ellenőrizzük a várható megjelenést.
- Tesztelés: Amint elkészül egy honlap, illetve beépül egy új oldal vagy funkció, teszteljük mindenféle mobil eszközön.
További mobilbarát tippekért ajánljuk korábbi cikkünket is!
A folytatást cikksorozatunk következő részében találja.