Az 5 leggyakoribb weboldal hiba
2015-01-30
5 tipp a weboldal mobilra optimalizálásához
2015-02-20
Update: 2017-ben már előre sorolódnak a weboldalak ha mobilra optimalizáltak. Nem olyan régi hír (dec. 13), de mindenképp elgondolkodtató, hogy a Google egyik fórum postja szerint (link) úgy tűnik a responsive weboldalakat nem sorolják előrébb a más hagyományos mobil optimalizált weboldalaknál. Tehát azok a weboldalak is ugyan úgy rangsorolódnak, melyeknél a mobil és az asztali verzió külön külön készült. Azért azon mégis érdemes elgondolkodni hogy milyen előnyei lehetnek egy “külön” mobil verziónak, és hát nem sokat találtam. Sokan vitatkoznak azon, hogy melyik a jobb és célra vezetőbb megoldás, így most az én saját tapasztalataim alapján összegzem a mobil verzió és a responsive weboldal előnyeit hátrányait.
Mobil verzió előnyei:
- A weboldal optimálisan jelenik meg az adott felbontáson amire tervezték
- gyorsan töltődik be a weboldal (ha jól van összerakva)
Mobil verzió hátrányai:
- Minden felbontásra kell tervezni egy-egy verziót
- Ez külön külön CSS-t és Képeket, grafikát igényel
- Ha a tartalom nem fér el akkor vagy lemarad, vagy továbbra is használhatatlan.
- Minden fejlesztést 2 vagy több felületre kell tervezni
- Bizonyos megoldásokat nem lehet megvalósítani mobil verzión
- Külön UX tervezést (felhasználói folyamatok, és felületek) igényel minden felbontásra (ez kb 3-4 felbontást jelent)
- Minden felbontáson tesztelni kell
- Azokon a felbontásokon amire nem készül asztali weboldalt láthatunk, ami használhatatlan, vagy nehezen használható
- vagy kisebb mobil weboldal verziót, ami viszont szintén kényelmetlen.
Responsive megoldás előnyei:
- A tervezést eleve a mobil nézettel kell kezdeni, a többi gyakorlatilag magától adódik szélesebb felbontásokon
- Gyorsan töltődik be, ha jól van megcsinálva (CSS optimalizáció, minimalizálás, tömörítés)
- Teljesen azonos tartalmat jelenít meg az asztali webhellyel.
- Nem kell minden felbontásra megtervezni.
- Minden fejlesztést 1x kell tervezni, elve mobil felületre a szélesebb felbontás adja magát
- Ha jól van optimalizálva akkor mind az asztali mind minden más felbontás meglehetősen gyors (ezt pedig a Google szereti)
Responsive weboldal hátrányai
- Az oldalon lévő elemek sorrendjében kompromisszumokat kell néha kötni. Nem minden lehet ott ahol szeretnéd
- A weboldal mobilon letöltött adatmennyisége azonos az asztali webhellyel
- Minden felbontáson tesztelni kell
- Bizonyos megoldásokat nem lehet megvalósítani
Persze a listák a teljesség igénye nélkül készültek, és erről igen sokat lehet beszélgetni. Hiszen nincs egyértelműen elfogadott álláspont amit mindenki elismer és meghajlik előtte. Ezért várom a véleményed, szerinted melyik megoldás jobb vagy rosszabb. A fenti listák alapján szerintem a responsive megoldások kedvezőbbek, és bár a Google rangsor nem függ tőle, de azért azt ők is elismerték, hogy ezt jobban preferálják.
Ha tetszett, vagy véleményed van róla, akkor oszd meg másokkal is, és velünk is!
