Google geeft vanaf 21 april 2015 voorrang aan websites die “mobile-friendly” zijn. Waarom, de feiten en hoe je mobile-friendly wordt behandelt deze presentatie.

1. Google Mobile update
Alles over Google’s Mobile update op 21 april. En meer.
Eduard Blacquière, eduard@orangevalley.nl, @edwords

2. 2
Je krijgt de presentatie nagestuurd
(OrangeValley nieuwsbrief)
Meld je aan: https://orangevalley.nl/nieuwsbrief/

3. Wat jullie willen weten
3

4. 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
5. Mobile friendly? Je bent nog niet klaar!
4

5. De wereld verandert
5

6. 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.
6
https://orangevalley.nl/visie/

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

8. Customer journey
8

9. Gedrag verandert (mobile!)
9
https://www.consumerbarometer.com

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

11. Maturity model
11

12. Gedrag verandert (mobile!)
12

13. Gedrag verandert (mobile!)
13
Bron: Google, Nederlandse markt

14. Google verandert (mobile!)
14

15. 15
Demo: Google Conversational Search

16. 16
http://youtu.be/0fBbj5nVkhs

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

18. 18
Terug naar Mobile.

19. Fix mobile issues
19

20. 20
“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)

21. Mobile-friendly?
21

22. Mobile-friendly
22
http://mobiletest.me

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

24. Mobile-friendly label
24

25. 25
Wat de meeste mensen
NIET hebben gezien…

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

27. Apps
27

28. Apps
28

29. Apps
29

30. App Indexing
30
https://developers.google.com/app-indexing/

31. 31
Mobile is nu dus nog belangrijker!

32. Maturity model
32

33. 33
Terug naar mobile-friendliness.
En waarom.

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

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

36. 2. Consument = Mobile
36
http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

37. 3. Google krijgt schuld
37
http://www.marketingfacts.nl/berichten/waarom-google-mobile-friendly-sites-voorrang-gaat-geven1

38. 38
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

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

40. Een inschatting
40
http://www.seoclarity.net/mobile-desktop-ctr-study-11302/
Voorbeeld:
Van #2 naar #6?
-57% traffic!!

41. Een inschatting
41

42. 42
Mobile-friendliness, de feiten.

43. Mobile-friendly = usability
Mobile-friendlyness gaat (voor nu)
hoofdzakelijk over gebruiksvriendelijkheid.
Belangrijke aspecten:
1. Tikken / tikdoelen
2. Leesbaarheid (font grootte)
3. Scrollen (viewport)
43

44. Wat Google zegt
1. Verandering alleen op mobiele zoekresultaten, niet desktop
2. Mobile-friendlyness op pagina-niveau beoordeeld
3. JavaScript en CSS geblokkeerd? Niet door mobile friendly test
4. Real-time: pagina/URL meegewogen zodra mobile friendly
5. Responsive design geen (extra) ranking voordeel (t.ov. aparte site)
6. Update mobile algoritme op 21 april live wereldwijd
7. Sitespeed / laadtijd belangrijke factor
8. Kan tot 5 plekken lager leiden in mobiele zoekresultaten
44

45. Geblokkeerde bronnen
45
‣ Mobiele configuratie
niet vast te stellen door
Google.
4545
Toegankelijk
Geblokkeerd

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

47. Checklist
1. Heb je een mobiele site?
2. Is je site Mobile-friendly?
3. Is de mobile SEO op orde?
47
https://orangevalley.nl/mobile-checklist

48. 48
1. Heb je een Mobiele site?

49. 1. Mobiele site?
49
1. Responsive design
2. Dynamische weergave
3. Afzonderlijke URL’s

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

51. 51
2. Is je site Mobile-Friendly?

52. 2. Mobile-Friendly?
52
https://www.google.com/webmasters/tools/mobile-friendly/

53. Mobile-Friendly Test Tool
53
https://www.google.com/webmasters/tools/mobile-friendly/

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

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

56. 1. Mobiele site?
56
Configuratie Blijft URL hetzelfde? Blijft HTML hetzelfde?
1. Responsive webdesign Ja Ja
2. Dynamische weergave Ja Nee
3. Afzonderlijke URL's Nee Nee

57. 57
1. Responsive webdesign
57
‣ Voor elk apparaat
dezelfde URL en HTML

58. 58
1. Responsive webdesign
58
‣ Zorg ervoor dat Googlebot toegang heeft tot statische bronnen:
‣ JavaScript
‣ CSS
‣ Afbeeldingen
Responsive webdesign
https://orangevalley.nl/mobile-checklist

59. 59
Google Webmaster Tools
59
https://www.google.com/webmasters/tools/roboted?hl=nl

60. 60
2. Dynamische weergave
60
‣ Voor elk apparaat
dezelfde URL
‣ HTML wordt afgestemd
op elke specifiek
apparaat o.b.v. user-
agent detectie

61. 61
2. Dynamische weergave
61
‣ Gebruik de Vary HTTP-header als hint voor Google
‣ Zorg voor een correct werkende user-agent detectie
Dynamische weergave
https://orangevalley.nl/mobile-checklist

62. 62
3. Afzonderlijke URL's
62
‣ URL en HTML van een
pagina verschilt per
apparaat

63. 63
3. Afzonderlijke URL's
63
‣ 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

64. Mobile Checklist
64
https://orangevalley.nl/mobile-checklist

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

66. Mobile is veel meer!
1. Mobile Analytics
2. Mobile SEO
3. Mobile SEA
4. Mobile Conversie
5. Mobile Display
6. Mobile …
66

67. 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
67

68. 68
Mobile Analytics.

69. Customer journey
69

70. Customer journey
70

71. Je mobiele bezoekers?
71

72. 72
Nee. Dit zijn NIET je mobile bezoekers.

73. DIT zijn je mobiele bezoekers
73
https://www.thinkwithgoogle.com/case-studies/westwing-uses-universal-analytics-to-better-understand-customer-purchase-path.html

74. En dan offline nog…
74
http://www.fvm.withgoogle.com/fvm/nl/d/

75. 75
Mobile SEO.

76. Mobile SEO
76
https://orangevalley.nl/mobile-checklist

77. 77
Mobile SEA.

78. Mobile SEA
78
MobileDesktop

79. Mobile SEA
79
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)

80. Mobile tijdstippen
80

81. 81
Mobile Conversie.

82. Conversie = Intentie
82

83. Mobile Conversie
83

84. 84
Mobile Display.

85. Mobile Display
85
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)

86. 86
De Mobile toekomst.

87. Eerste stap
87

88. Lat hoger
88

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

90. “Cards” & Google Now
90

91. ‘Slow’ label
91

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

93. Mobiele sitespeed
93
‣ Zorg ervoor dat uw
mobiele pagina's
binnen één seconde
starten met weergeven
van relevante informatie
9393

94. Contact / vragen
Eduard Blacquière
Principal Consultant
eduard@orangevalley.nl
M: 06 46 32 34 33