Upload
adam-lunczner
View
202
Download
2
Embed Size (px)
Citation preview
Adam LuncznerDigital Director
2015.09.30.
Mobil SEOKell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával?
Érdemes e külön foglalkozni vele?
Forrás: TGI 2014 3-4. - 2015 1-2. negyedév2
Mobil Penetráció: 40,5%
Adatforgalommal rendelkezik:
65%
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
To update this brand zone text, on the Insert tab, click Header & Footer5
Milyen típusai léteznek a mobil jelenlétnek?
• 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 & Footer6
Dedikált Mobil oldal
• 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 & Footer7
Dinamikus Tartalom
• 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 & Footer8
Reszponzív Design
Az erő SEO oldala – Mire figyeljünk (Y)oda?
• 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 & Footer10
1. SEO beállítások 1.0
• 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 & Footer11
2. Képek optimalizálása
Dedikált Mobil oldalak:• m.jofogas.hu: 56%• m.ingatlan.com: 66%• m.edigital.hu: 51%• m.origo.hu: 45%
Reszponzív oldalak:• Idokep.hu: 67%• Index.hu: 55%• 444.hu: 36%
12
3. Sebesség optimalizálás – teszt eredmények
Forrás: Google PageSpeed Insights
Dedikált Mobil oldalak:• m.jofogas.hu: 99%• m.ingatlan.com: 98%• m.edigital.hu: 99%• m.origo.hu: 99%
Reszponzív oldalak:• Idokep.hu: 99%• Index.hu: 99%• 444.hu: 99%
13
4. Felhasználói élmény javítása – teszt eredmények
Forrás: Google PageSpeed Insights
• Ha ugyanazt a tartalmat jelenítjük meg a felhasználónak mint a Desktop-on, 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
To update this brand zone text, on the Insert tab, click Header & Footer14
5. Tartalomfejlesztés
• 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
To update this brand zone text, on the Insert tab, click Header & Footer15
5. Tartalomfejlesztés - Checklist
• 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 & Footer16
Mobil applikáció - ASO
To update this brand zone text, on the Insert tab, click Header & Footer17 Mindshare -
Köszönöm a figyelmet!
Lunczner Ádám – Digital Director