A reszponzív weboldal egyetlen kódbázissal, töréspontok szerint igazítja az elrendezést a képernyőhöz. A mobile-first tervezés azt jelenti, hogy először a telefonos nézetet tervezed meg, és onnan bővítesz nagyobb képernyőkre – így a lényeg biztosan kifér.
- Olvasható szöveg nagyítás nélkül, elegendő sortávval.
- Kényelmes, ujjal is jól eltalálható gombok és linkek, elég távolságra egymástól.
- A legfontosabb cselekvés (hívás, foglalás, ajánlatkérés) mindig kéznél van.
- Kattintható telefonszám és útvonaltervezés.
- Rövid, telefonon is gyorsan kitölthető űrlapok, megfelelő billentyűzettípussal (szám, e-mail).
- Nincs vízszintes görgetés, és a felugró ablakok nem takarják el a tartalmat.
- Gyors betöltés mobilhálózaton is: optimalizált képek, kevés felesleges szkript.
Nyisd meg az oldalt a saját telefonodon, és próbáld ki úgy, mint egy ügyfél: keresd meg a telefonszámot, küldj el egy űrlapot, nézd meg az árakat. A böngészők fejlesztői eszközeiben is van mobilnézet, de a valódi eszköz (és egy lassabb hálózat) többet mutat.
Tipp: A kodvena.hu mobil-előnézet eszközével gyorsan megnézheted, hogyan fest az oldalad telefonon.
A Kódvéna által készített oldalak telefonon is gyorsan kitölthető űrlapokkal, kényelmes elrendezéssel készülnek, és a weboldal tartalmát az ügyfélportálon telefonról is szerkesztheted. Hogy egy meglévő oldal mennyire mobilbarát, azt a weboldal-ellenőrző is megmutatja.
Pipáld végig
Ellenőrzőlista
Az állapot ebben a böngészőben megmarad. Nyomtatható nézet
Mi a különbség a reszponzív és a külön mobiloldal között?
A reszponzív oldal egyetlen oldal, amely a képernyőhöz igazodik; a külön mobiloldal (például m. aldomainen) egy második változat. Ma jellemzően a reszponzív megoldás az ajánlott, mert egyszerűbb karbantartani, és nincs duplikált tartalom.
Számít a mobilbarát megjelenés a Google-nek?
Igen. A Google nyilvánosan közölte, hogy elsősorban az oldalak mobilos változatát használja az indexeléshez és a rangsoroláshoz, ezért a mobilos tartalom és használhatóság fontos.
Elég, ha a böngészőben kicsinyítem az ablakot?
Első ellenőrzésnek jó, de érdemes valódi telefonon is kipróbálni, mert az érintéses kezelés, a billentyűzet és a mobilhálózat másképp viselkedik.
Mi az a viewport meta tag?
Egy HTML-beállítás, amely megmondja a mobilböngészőnek, hogy az oldal szélessége igazodjon a képernyőhöz. Nélküle a telefon egy kicsinyített asztali oldalt mutathat.
Fogalmak a szójegyzékből
További útmutatók
- MinőségWeboldal sebessége: miért számít, és hogyan javítsd?
- LáthatóságSEO alapok: így találnak meg a keresőben
- MinőségWeboldal-indítás ellenőrzőlista
Hasznos eszközök a kodvena.hu-n
Közzétéve: · Utoljára frissítve: