https://hogyankell.hu/index.php?action=history&feed=atom&title=Mobilbar%C3%A1t_weboldalt_fel%C3%A9p%C3%ADteni 2026-05-05T05:25:33Z Az oldal laptörténete a wikiben MediaWiki 1.31.16 https://hogyankell.hu/index.php?title=Mobilbar%C3%A1t_weboldalt_fel%C3%A9p%C3%ADteni&diff=16014&oldid=prev 2015-12-15T15:17:23Z

<p>Új oldal, tartalma: „== Hogyan kell mobilbarát weboldalt felépíteni? == <a href="/F%C3%A1jl:Mobilbarat-weboldal.png" title="Fájl:Mobilbarat-weboldal.png">right|350px</a> A Google 2015. decemberi adatai szerint az internetes vásárlások 6…”</p> <p><b>Új lap</b></p><div>== Hogyan kell mobilbarát weboldalt felépíteni? ==<br /> <br /> [[Fájl:mobilbarat-weboldal.png|right|350px]] A Google 2015. decemberi adatai szerint az internetes vásárlások 69 százaléka mobilon történő kereséssel kezdődik (vö. táblagépeken 4%). Ez az arány annyira magas, hogy annak is érdemes minél előbb egy mobilra jól optimalizált weboldalt létrehoznia, aki még mindig nem adta be a derekát a ma már egyébként elvárt trendnek. Ha jó a mobiloldalunk, a vásárlóink 74%-a vissza fog térni, ellenben ha nem, a felhasználók 50% el is felejti gyorsan, hogy valaha a weboldalunkon járt. Hogy egy külön mobiloldalt érdemes létrehozni, vagy meglévő oldalunkat reszponzívvá tenni, [http://hogyankell.hu/D%C3%B6nteni_a_mobiloldal_%C3%A9s_a_reszponz%C3%ADv_webdesign_k%C3%B6z%C3%B6tt egy korábbi bejegyzésünkben] már foglalkoztunk, ebben a bejegyzésben pedig általános irányelveket fogalmazunk meg annak érdekében, hogy mobileszközről is felhasználóbarát weboldalra juthassanak látogatóink.<br /> <br /> <br /> == Lépések ==<br /> # '''Igazodjanak a tartalmak, oldalelemek, képek és betűk a kijelző méretéhez!''' Mivel az okoseszközök rendkívül változatok képernyőmérettel és –felbontással rendelkeznek, úgy kell kialakítanunk a mobilra optimalizált weboldalunkat, hogy az bármely eszközön kényelmesen használható legyen.<br /> # '''Legyenek kis méretűek a képek!''' A betöltési idő hossza mellett azzal is számolnunk kell, aki a mobilinternet kerete terhére nézi az oldalunkat – nem szeretnénk, ha pár óriás felbontású képpel nagyban lecsökkentsük a felhasználható adatmennyiségét! <br /> # '''Rendeződjenek egy hasábba a tartalmak!''' A mobileszközöket nem azért találták ki, hogy a lefelé görgetés mellett oldalirányba is csúsztatni kelljen a felhasználónak a tartalmat. Törekedjünk arra, hogy a weboldalunk 2-3 hasábja mobilon csússzon egymás alá. <br /> # '''Figyeljünk a menü megjelenítésére!''' Abban az esetben, ha sok menüpontunk van, vagy hosszúak az elnevezések, rejtsük el azokat egyetlen menügomb alá, melyre kattintva jelennek meg a pontok függőlegesen. <br /> # '''Vegyük figyelembe az érintőkijelző sajátosságait kattintógomb kialakításkor!''' Nyilvánvalóan pontatlanabbak vagyunk az ujjunkkal, mint az egérmutatóval, ezért tervezzünk nagyobb/szélesebb gombokat – persze az ízlésesség határain belül –, mellyel elkerülhetjük azt az irritációt, amit a sikertelen kattintás válthat ki a látogatónkból. <br /> # '''Ne használjunk olyan megoldásokat, melyeket a mobileszközök nem tudnak kezelni!''' Iyen például a Flash. A Google azt ajánlja, hogy fontoljuk meg a HTML5 használatát videók és animációk lejátszásához, vagy használjunk videóbeágyazást.<br /> # '''Ne vezessük 404-es oldalra a mobilos látogatóinkat!'''<br /> # '''Az appunk letöltésére buzdító feliratok illeszkedjenek mobiloldalunk struktúrájába!''' Sok esetben úgy jelenik meg egy natív app letöltés, hogy az egész képernyőt elfoglalják – ezzel nemcsak a felhasználónak okoznak bosszúságot, de a Google is nehezebben vagy egyáltalán nem tudja beindexelni a mobiloldalunkat. (Ugyanez vonatkozik pl. a hírlevél-feliratkozásra vagy a megjelenő hirdetésekre is!) [[Fájl:mobiloptimalizalas-1.png|center|200px]]<br /> <br /> <br /> == Tippek ==<br /> * Teszteljük az összes platformon (iOS, Android stb.) mobiloldalunkat!<br /> * Ellenőrizzük a [https://www.google.com/webmasters/tools/mobile-friendly/?hl=hu Google eszközével], mennyire mobilbarát az oldalunk!<br /> * A Google [https://developers.google.com/speed/pagespeed/insights/ Pagespeed eszköze] nemcsak a mobilos, hanem a asztali weboldalunk tartalmát is elemzi, majd konkrét javaslatokat tesz az oldalunk gyorsabbá tételére.<br /> <br /> <br /> == Amire szükséged lehet ==<br /> * weboldal<br /> * fejlesztő vagy fejlesztői ismeretek<br /> * tartalmak, képek<br /> * pénz, idő és energia<br /> <br /> <br /> == Figyelmeztetések ==<br /> * Nagyon fontos, hogy a szövegeid jól olvashatók legyenek! Hiába Tiéd a legjobb tartalom, ha nem foglalkozol a mobilon megjelenő betűk méretével. <br /> * A Google tavasszal bejelentett algoritmusváltozása alapján a találati listán előnyben részesülnek a mobilbarát oldallal rendelkező vállalkozások!<br /> <br /> <br /> == Kapcsolódó források, hivatkozások ==<br /> * [http://sakkom.hu/mobil-marketing-kategoria Minden a mobilmarketingről]<br /> * [http://ite.hu/google-mobilbarat-weboldal-rangsorolasi-tenyezo/ Google mobilbarát rangsorolás]<br /> * [https://developers.google.com/webmasters/mobile-sites/ Google – Mobile Friendly Websites]<br /> * [https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes A leggyakrabb hibák mobilra optimalizált weboldalak esetén]<br /> <br /> [[Kategória:Mobil]]<br /> [[Kategória:Üzlet-jog]]</div>

BoglarkaS