Mi a reszponzív weboldal, és miért fontos?

Reszponzív az a weboldal, amelynek ugyanaz a tartalma telefonon, tableten és asztali gépen is kényelmesen olvasható és használható, mert az elrendezés a képernyő szélességéhez igazodik. Nem külön mobiloldal készül, hanem egy oldal, amely több elrendezést ismer.

Miért alapkövetelmény?

• A látogatók többsége mobilról érkezik. Helyi szolgáltatóknál ez gyakran a forgalom kétharmada vagy több.
• A Google a mobilos változatot nézi. Az indexelés és a rangsorolás alapja az oldal mobilon megjelenő tartalma (mobile-first indexelés).
• A mobilos látogató türelmetlenebb. Ha apró a szöveg, vagy nehéz eltalálni a gombot, egyszerűen visszalép.

Mitől jó egy mobilos nézet?

• A szöveg nagyítás nélkül olvasható, legalább 16 pixeles betűmérettel.
• A gombok és linkek ujjal is könnyen eltalálhatók, nincsenek túl közel egymáshoz.
• A telefonszám egy koppintással hívható, a cím a térképen nyílik meg.
• Nincs vízszintes görgetés, és semmi nem lóg ki a képernyőről.
• A képek a képernyőmérethez illő méretben töltődnek be, nem a teljes asztali felbontásban.

Hogyan ellenőrizheted?

A legegyszerűbb, ha a saját telefonodon végigkattintod az oldalt, és megpróbálsz kapcsolatba lépni magaddal. Asztali gépen a böngésző fejlesztői eszközeiben (Chrome-ban F12, majd az eszköz ikon) különböző képernyőméretek is kipróbálhatók. A sebességet és a mobilos élményt a Google PageSpeed Insights eszköze is méri.

A leggyakoribb mobilos hibák

• Felugró ablak, amely mobilon eltakarja a teljes tartalmat, és nehéz bezárni.
• Túl széles táblázat vagy kép, ami miatt az egész oldal oldalra görgethető lesz.
• Asztali gépre méretezett, több megabájtos képek, amelyek mobilneten lassan töltődnek.
• Apró, egymáshoz tapadó linkek a menüben vagy a láblécben.
• Űrlap, ahol a billentyűzet nem a mezőhöz illő (például telefonszámnál nem számbillentyűzet jelenik meg).

Ezek többsége kis munkával javítható, és közvetlenül több megkeresést hoz, mert a mobilos látogató pont akkor akar hívni vagy írni, amikor az oldalt nézi.