Alles over de Google Mobile-friendly update (21 april 2015)

Google Mobile update

Alles over Google’s Mobile update op 21 april. En meer.

Eduard Blacquière, eduard@orangevalley.nl, @edwords

Wat ik ga vertellen

1. Google algoritme update 21 april 2. Waarom? 3 redenen 3. De feiten 4. Checklist: maak je klaar voor 21 april en daarna 5. Mobile friendly? Je bent nog niet klaar!

2

De wereld verandert

3

Visie

OrangeValley voorziet dat, in een wereld met een steeds grotere hoeveelheid informatie, ieder individu snel en eenvoudig een relevant aanbod verwacht,

onafhankelijk van tijd, locatie en medium.

4

https://orangevalley.nl/visie/

5

Mensen leven, denken en shoppen niet in kanalen (of apparaten).

Customer journey

6

Gedrag verandert (mobile!)

7

https://www.consumerbarometer.com

Maturity model

8

https://orangevalley.nl/visie/online-maturity-model/

Gedrag verandert (mobile!)

9

Gedrag verandert (mobile!)

10

Bron: Google, Nederlandse markt

Google verandert (mobile!)

11

12

Demo: Google Conversational Search

13

http://youtu.be/0fBbj5nVkhs

Dit is Hummingbird

14

http://www.frankwatching.com/archive/2014/11/06/googles-hummingbird-1-jaar-later-heb-jij-je-seo-strategie-al-aangepast/

15

Terug naar Mobile.

Fix mobile issues

16

17

“Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will

have a significant impact in our search results.”

(bron: Google, februari 2015)

Paniek…

18

“Mobilegeddon”

19

Paniek…

20

Keep calm

21

Keep calm

22

http://insidesearch.blogspot.nl/2015/04/ranking-change-to-help-you-find-mobile_21.html

Mobile-friendly?

23

Mobile-friendly

24

http://mobiletest.me

Mobile-friendly

25

https://www.google.com/webmasters/tools/mobile-friendly/

Mobile-friendly label

26

Bing vanaf april ook

27

28

Wat de meeste mensen NIET hebben gezien…

App Indexing

29

http://googlewebmastercentral.blogspot.ca/2015/02/finding-more-mobile-friendly-search.html

Apps

30

Apps

31

Apps

32

App Indexing

33

https://developers.google.com/app-indexing/

34

“7 out of every 8 minutes spent on mobile devices in the US is spent in mobile apps.”

(bron: Comscore, augustus 2014)

35

Mobile is nu dus nog belangrijker!

Maturity model

36

37

Terug naar mobile-friendliness. En waarom.

Waarom?

38

http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

1. Mobile search

39

http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

2. Consument = Mobile

40

http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

3. Google krijgt schuld

41

http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

42

61% of users are unlikely to return to a mobile site that they had trouble

accessing from their phone, and 40% go to a competitor’s.

Bron: Google onderzoek, 2011

43

Mobile-friendliness, hoe groot is “significant impact”?

Een inschatting

44

http://www.seoclarity.net/mobile-desktop-ctr-study-11302/

Voorbeeld: Van #2 naar #6? -57% traffic!!

Een inschatting

45

46

Mobile-friendliness, de feiten.

Wat Google zegt

1. Verandering alleen op mobiele zoekresultaten, niet desktop of tablet 2. Geen penalty: niet lager gepositioneerd als niet mobile-friendly 3. Mobile-friendliness op pagina-niveau beoordeeld, niet hele site 4. JavaScript en CSS geblokkeerd? Niet door mobile friendly test 5. Real-time: pagina/URL meegewogen zodra mobile friendly 6. Responsive design geen (extra) ranking voordeel (t.ov. aparte site) 7. Update op 21 april live wereldwijd, duurt paar dagen 8. Mobile-friendliness wordt alleen meegewogen voor de ‘10 blue links’, niet voor Nieuws,

Maps, Afbeeldingen, etc. 9. Het mobile algoritme heeft geen invloed op branded zoekopdrachten 10. Laadtijd (page speed) is nog geen factor in het mobile algoritme

47

Mobile-friendly = usability

Mobile-friendlyness gaat (voor nu) hoofdzakelijk over gebruiksvriendelijkheid. Belangrijke aspecten:

1. Tikken / tikdoelen 2. Leesbaarheid (font grootte) 3. Scrollen (viewport)

48

Geblokkeerde bronnen

49

‣ Mobiele configuratie niet vast te stellen door Google.

4949

Toegankelijk

Geblokkeerd

50

Checklist: in 3 stappen klaar voor de Mobile-friendly update

Checklist

1. Heb je een mobiele site? 2. Is je site Mobile-friendly? 3. Is de mobile SEO op orde?

51

https://orangevalley.nl/mobile-checklist

52

1. Heb je een Mobiele site?

1. Mobiele site?

53

1. Responsive design 2. Dynamische weergave 3. Afzonderlijke URL’s

54

Advies: URL voor alle apparaten hetzelfde. (Responsive design of Dynamische weergave)

55

2. Is je site Mobile-Friendly?

2. Mobile-Friendly?

56

https://www.google.com/webmasters/tools/mobile-friendly/

Mobile-Friendly Test Tool

57

https://www.google.com/webmasters/tools/mobile-friendly/

Google Webmaster Tools

58

https://www.google.com/webmasters/tools/mobile-usability?hl=nl

59

3. Is je site Mobile SEO op orde? (Telt nu nog NIET mee voor Mobile-friendliness!)

1. Mobiele site?

60

Configuratie Blijft URL hetzelfde? Blijft HTML hetzelfde?

1. Responsive webdesign Ja Ja

2. Dynamische weergave Ja Nee

3. Afzonderlijke URL's Nee Nee

61

1. Responsive webdesign

61

‣ Voor elk apparaat dezelfde URL en HTML

62

1. Responsive webdesign

62

‣ Zorg ervoor dat Googlebot toegang heeft tot statische bronnen: ‣ JavaScript ‣ CSS ‣ Afbeeldingen

Responsive webdesign

https://orangevalley.nl/mobile-checklist

63

Google Webmaster Tools

63

https://www.google.com/webmasters/tools/roboted?hl=nl

64

2. Dynamische weergave

64

‣ Voor elk apparaat dezelfde URL

‣ HTML wordt afgestemd op elke specifiek apparaat o.b.v. user-agent detectie

65

2. Dynamische weergave

65

‣ Gebruik de Vary HTTP-header als hint voor Google ‣ Zorg voor een correct werkende user-agent detectie

Dynamische weergave

https://orangevalley.nl/mobile-checklist

66

3. Afzonderlijke URL's

66

‣ URL en HTML van een pagina verschilt per apparaat

67

3. Afzonderlijke URL's

67

‣ Koppel desktop- en mobiele pagina via: ‣ rel-alternate-media annotatie ‣ canonical link tag annotatie

‣ Voeg een automatische omleiding (302 redirect)op basis van een correct werkende user-agent detectie

‣ Voeg een mobiel sitemap.xml document toe

Afzonderlijke URL's

https://orangevalley.nl/mobile-checklist

Mobile Checklist

68

https://orangevalley.nl/mobile-checklist

69

OK, je bent Mobile-friendly. Je bent nog niet klaar!!

Mobile is veel meer!

1. Mobile Analytics 2. Mobile SEO 3. Mobile SEA 4. Mobile Conversie 5. Mobile Display 6. Mobile …

70

Mobiel'vriendelijk'

Techniek'

Content'

Local'SEO'

Laad8jd'

Zoekadverten8es'

Mobiele'adverten8es'

Exten8es'

Sitelinks'

Display'adverteren'Mobiel'meten'

App'tracking'

Break'points'

Tagmanagement'

Gebruikersgemak'

Visuele'ervaring'

AFeeldingen'

Conversiefunnel'

LayHout'

Mobile Maturity inschaling

71

72

Mobile Analytics.

Customer journey

73

Customer journey

74

Je mobiele bezoekers?

75

76

Nee. Dit zijn NIET je mobile bezoekers.

DIT zijn je mobiele bezoekers

77

https://www.thinkwithgoogle.com/case-studies/westwing-uses-universal-analytics-to-better-understand-customer-purchase-path.html

En dan offline nog…

78

http://www.fvm.withgoogle.com/fvm/nl/d/

79

Mobile SEO.

Mobile SEO

80

https://orangevalley.nl/mobile-checklist

81

Mobile SEA.

Mobile SEA

82MobileDesktop

Mobile SEA

83

1. Bouw aparte mobile campagnes (ad teksten, landingspagina’s) 2. Speel in op mobile gedrag (kortere zoektermen, tijdstippen, etc.)

Ter voorbereiding van 21 april 2015:4. Check je klikprijzen (CPC) voor mobile 5. Houd kwaliteitsscore (QS) in de gaten voor en na 21 april 6. Tip: maak “mobile dashboard” binnen Google AdWords (aangepaste

kolommen)

Mobile tijdstippen

84

85

Mobile Conversie.

Conversie = Intentie

86

Mobile Conversie

87

88

Mobile Display.

Mobile Display

89

1. Bouw aparte mobile display campagnes (banners, landingspagina’s) 2. Zet Video advertenties anders in (korter, andere content) 3. Traditioneel Flash formaat werkt niet op mobile (HTML5, GIF)

90

De Mobile toekomst.

Eerste stap

91

Lat hoger

92

Apps

93

https://developers.google.com/app-indexing/

“Cards” & Google Now

94

‘Slow’ label

95

Case: site performance

96

https://orangevalley.nl/site-performance-laadtijd-case-zelf/

Mobiele sitespeed

97

‣ Zorg ervoor dat uw mobiele pagina's binnen één seconde starten met weergeven van relevante informatie

9797

Contact / vragenEduard BlacquièrePrincipal Consultant eduard@orangevalley.nl M: 06 46 32 34 33