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

adam.lunczner@mindshareworld.com