Mobil SEO Kell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával?
Adam Lunczner Digital Director 2015.09.30.
Érdemes e külön foglalkozni vele?
Mobil Penetráció:
Adatforgalommal rendelkezik:
40,5%
65%
Forrás: 2 TGI 2014 3-4. - 2015 1-2. negyedév
Domináns csoport:
15-44 évesek, 71,3%
2015. Április 21. - MOBILEGEDDON
Mi legyen az első lépés? https://www.google.com/webmasters/tools/mobile-friendly/
Forrás: Google Webmaster Tools
Milyen típusai léteznek a mobil jelenlétnek?
5
To update this brand zone text, on the Insert tab, click Header & Footer
Dedikált Mobil oldal
• Külön URL-el rendelkezik (m.markanev.hu) • User-Agent alapján történő átirányítás a mobil site-ra • Két verzió tartalmát szinkronban szükséges tartani • Duplikációk elkerülése • Desktop URL-ekre: link rel=„alternate” • Mobil URL-ekre: link rel=„canonical”
To update this brand zone text, on the Insert tab, click Header & Footer 6
Dinamikus Tartalom
• Azonos desktop és mobil URL • User-Agent alapján más HTML kódot szolgálunk ki • Nincs szükség átirányításokra • Teljesítmény optimalizálás egyszerűbb
To update this brand zone text, on the Insert tab, click Header & Footer 7
Reszponzív Design
• Azonos URL és azonos HTML kód • Google által preferált megoldás • Nincs szükség átirányításokra és több tartalomra • Teljesítmény optimalizálás itt nehezebb, mert letöltődik minden elem a telefonra is • Media Query CSS szabályok betartása
To update this brand zone text, on the Insert tab, click Header & Footer 8
Az erő SEO oldala – Mire figyeljünk (Y)oda?
1. SEO beállítások 1.0
• • • • • • •
Kereső- és felhasználóbarát URL-ek Egyedi Meta és szemantikus elemek Strukturált adatok, mikro adatok Navigáció, átjárhatóság Indexelhetőség XML webhelytérkép Törölt elemek, megszűnt kategóriák átirányítása
To update this brand zone text, on the Insert tab, click Header & Footer 10
2. Képek optimalizálása
• • • • •
Képek helyett CSS Képek tömörítése Http kérések csökkentése Kisebb felbontású képek használata Reszponzív képek JS-el
To update this brand zone text, on the Insert tab, click Header & Footer 11
3. Sebesség optimalizálás – teszt eredmények
Dedikált Mobil oldalak:
Reszponzív oldalak:
• • • •
• Idokep.hu: 67% • Index.hu: 55% • 444.hu: 36%
m.jofogas.hu: 56% m.ingatlan.com: 66% m.edigital.hu: 51% m.origo.hu: 45%
12 Forrás: Google PageSpeed Insights
4. Felhasználói élmény javítása – teszt eredmények
Dedikált Mobil oldalak:
Reszponzív oldalak:
• • • •
• Idokep.hu: 99% • Index.hu: 99% • 444.hu: 99%
m.jofogas.hu: 99% m.ingatlan.com: 98% m.edigital.hu: 99% m.origo.hu: 99%
13 Forrás: Google PageSpeed Insights
5. Tartalomfejlesztés • Ha ugyanazt a tartalmat jelenítjük meg a felhasználónak mint a Desktopon, akkor a Reszponzív design a leghatékonyabb megoldás • Ha különböző tartalmat szeretnénk megjeleníteni a mobilon olvasó felhasználó számára, akkor a Dinamikus tartalom vagy a dedikált mobil oldal a megfelelő választás
14
To update this brand zone text, on the Insert tab, click Header & Footer
5. Tartalomfejlesztés - Checklist
• Flash tartalom kerülése • Szöveg és sortávolságok • Linkek mérete és egymástól való távolsága
• Ne blokkoljuk a Javascript, CSS és képfájlokat • Hibás átirányítások elkerülése • Tartalmak ne új böngésző ablakban nyíljanak meg • Ügyeljünk tartalmaink lejátszhatóságára • Felhasználók által generált tartalom
15
To update this brand zone text, on the Insert tab, click Header & Footer
Mobil applikáció - ASO
• ASO = App Store Optimisation • Mire érdemes figyelni: • Vonzó név kiválasztása (max. 12 karakter) • Ütős bevezető, leírás • Minél jobb értékelések • Véleményekre érdemes figyelni, visszajelezni
• • • •
Minél több letöltés Legfontosabb kulcsszavakat adjuk meg Vonzó képek és ikonok Figyelemfelkeltő demo videó
To update this brand zone text, on the Insert tab, click Header & Footer 16
Köszönöm a figyelmet! Lunczner Ádám – Digital Director
[email protected]
17
To update this brand zone text, on the Insert tab, click Header & Footer
Mindshare -
