De essentie van zoekmachines is om de beste antwoorden aan de zoekvraag te koppelen. De laatste jaren speelt hierin naast het antwoord zelf (content) ook de gebruikerservaring rondom het antwoord een steeds grotere rol. In 2021 zal Page Experience zijn intrede doen als SEO ranking factor. Tijdens deze webinar praatte ISM’er Nick je bij over wat de Page Experience update betekent, hoe je de prestaties van jouw website kunt meten en een paar hands-on tips over wat je nu al kunt doen!

1. Van Nelleweg 1, 3044 BC Rotterdam +31 (0)10 243 60 00 info@ism.nl www.ism.nl
23-07-2020
Nick Jelsma
Page Experience Webinar

2. Nick Jelsma – SEO Strateeg
E-mail: n.jelsma@ism.nl
linkedin.com/in/nickjelsma/
Rol
SEO Strateeg
Verantwoordelijkheden
SEO consultancy
Innovatie & doorontwikkeling
Spreken & marketing content
Sales activiteiten
Werkzaam voor o.a.
Primera
Mobiel.nl
Betersport

3. Huishoudelijke mededelingen
PRESENTATIE VIDEO OPNAME VRAGEN CONTACT

4. • Wat de gedachte is achter de Page Experience update
• Wat de onderdelen van Page Experience zijn
• Hoe je jouw website op deze onderdelen checkt en verbetert
Na afloop van deze webinar weet je..

5. De Page Experience update

6. • De update raakt veel onderdelen
• Google geeft webmasters de tijd om de website klaar te maken
• Update komt in 2021, exacte datum onbekend
Wanneer komt de Page Experience update?

7. Waarom de Page Experience update? Terug naar de basis..

8. Uitgangspunt
• Google wil op iedere zoekvraag een overzicht van beste antwoorden bieden
De formule tot het beste antwoord op een zoekvraag is….
Waarom de Page Experience update?
Relevantie
(zoekintentie)
Kwaliteit
(content, linksignalen)
Gebruikerservaring
(o.a. snelheid)

9. Eerdere grote updates als RankBrain, richtten zich voornamelijk op
• Relevantie
• Kwaliteit
De laatste jaren is er steeds meer nadruk op user experience, voorbeelden zijn:
• Mobile first
• Pagespeed als ranking factor
De Page Experience update in het grotere plaatje

10. Page Experience Update onderdelen

11. 1. Interstitials

12. Intrusive Interstitials (storend)

13. Non-Intrusive Interstitials (niet-storend)

14. 2. Mobile Friendly

15. Mobiele bruikbaarheid in Google Search Console

16. Specifieke URL openen in de Mobile Friendly tool

17. Mobile friendly test - fail
Link: https://search.google.com/test/mobile-friendly

18. Mobile friendly test - geslaagd!
Link: https://search.google.com/test/mobile-friendly

19. 3 & 4 HTTPS & Safe Browsing

20. Soorten meldingen

21. Niet (volledig) beveiligd in de praktijk
Check SSL issues met:
https://www.ssllabs.com/ssltest/

22. Gevaarlijk

23. Safe Browsing: GSC Checken voor beveiligingsproblemen

24. Mixed Content

25. Er is sprake van mixed content...
Wanneer een HTTPS pagina bronnen zoals afbeeldingen, CSS en JavaScript laadt via
een niet-veilige verbinding (HTTP).
Mixed content

26. • Mixed content is geen onderdeel van Page Experience
Mixed content en Page Experience
• Google Chrome blokkeert alle mixed content vanaf Chrome 84 (release 14 juli)
• Mixed content heeft wel raakvlakken met Security (HTTPS en Safe Browsing)​

27. Blokkeren mixed content
• Chrome probeert de http bron eerst via https te laden.​
• Lukt dit niet, wordt de bron niet geladen.​​
• Als paginabronnen geblokkeerd worden heeft dit direct impact op SEO!

28. Mixed content opsporen met Screaming Frog

29. (Active) Mixed content in de console log checken
Type bronnen
• Scripts (JS)
• Stylesheets (CSS)
• Iframes
• Flash bronnen

30. (Passive) Mixed content in de console log checken
Type bronnen
• Images
• Video
• Audio content

31. Content Security Policy

32. Tip: Content Security Policy als extra beschermlaag op de website
Voorbeeld code
Resultaat
Meer info
• https://developers.google.com/web/fundamentals/security/csp
• https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP
• https://content-security-policy.com/

33. HTTPS, Safe Browsing, Mixed content en CSP samengevat
Indien geen "Veilig" melding in de Google Chrome browserbalk:
• Controleer het SSL certificaat via SSLLabs
• Controleer de website op mixed content met Screaming Frog
• Controleer pagina's op mixed content via de consolelog in Chrome dev tools
• Next step: Verkrijg extra bescherming met CSP

34. 5. Core Web Vitals

35. Waarom uberhaupt een snelle website? Langzame websites hebben..
• Minder conversies
• Hogere SEA kosten (Bron)​
• Minder herhaalbezoeken (Bron)​
• Resultaat: Lagere website ROI
Meer case studies van Google:
https://developers.google.com/web/fundamentals/performance/why-
performance-matters

36. Core Web Vitals (CWV)

37. Core Web Vitals (CWV)

38. Largest contentful paint
Cumulative Layout Shift

39. Wat is LCP?
Grootste afbeelding/tekst blok boven de vouw.
Streven
>2,5 seconde
Largest Contentful Paint (LCP)

40. Tip: Preload de belangrijkste images boven de vouw

41. First Input Delay (FID)
Wat is FID?
De tijd tussen de eerste gebruikersinteractie, en response op deze interactie.
Streven
> 100ms

42. Hoge main thread belasting = slechte FID

43. Oorzaak belasting main thread: JavaScript
• JS vereist veel rekenkracht
• Bij uitvoering JS kunnen geen andere taken worden verricht
• Oorzaak van ‘haperende’ pagina’s

44. JavaScript tips voor de developers..
• Probeer JavaScript tot een minimum te beperken
• Stel het laden van JavaScripts voor functionaliteit onder de vouw uit via de defer tag

45. Cumulative Layout Shift (CLS)
Wat is CLS?
De som van alle individuele layout shift scores op de pagina.
Layout shifts zijn verspringingen van visuele elementen op de pagina.
Streven
Score < 0.1

46. Voorbeeld Cumulative Layout Shift

47. Tip: Layout shift verminderen bij webfonts
FOUT: Flash of unstyled text
• De browser laadt initiele tekst met een fall-back font.
• Deze restyling zorgt voor een layout shift.
Tip
Gebruik pre-load om de webfonts boven de vouw eerder te laden.
• Vervolgens komt de browser een ander webfont tegen en wordt deze toegepast.

48. Tipje van de sluier: Huidige weging in Lighthouse

49. Meten van de CWV

50. Core Web Vital data is beschikbaar via..

51. Google Search Console (GSC) -> Site-validiteit

52. GSC -> Site-validiteit -> Mobiel Rapport

53. GSC -> Site-validiteit -> Mobiel Rapport -> CLS

54. Check de URL in Pagespeed Insights

55. Veld-data wordt dagelijks ververstBetreft veld-data die maandelijks wordt ververst
Toont naast veld-data ook lab-data
Lab-data is momentopname
Pagespeed Insights en GSC komen niet altijd overeen…

56. Tip
Google Search Console
Gebruiken om de site-brede prestaties te checken.
Pagespeed Insights
Gebruiken om op pagina niveau verbeterpunten te vinden.
Overige tools
Gebruik ook andere tools om je snelheid te analyseren!

57. Pagespeed Dashboard

58. Monitoren van je CWV en andere Pagespeed metrics

59. Benchmark de belangrijkste metrics met je concurrenten

60. Track de progressie van Pagespeed metrics over tijd

61. Samenvatting

62. De belangrijkste punten op een rijtje
• Page Experience wordt een SEO ranking factor in 2021 (datum onbekend)
• Er dienen geen ‘Intrusive’ interstitials (storende pop-ups) te zijn op de website
• Los van de update dienen alle paginabronnen nu al via HTTPS beschikbaar te zijn
• De website moet de mobile friendliness test doorstaan
• …. Oh ja, en je website kan beter niet gehacked zijn!
• De website dient geoptimaliseerd te zijn op de Core Web Vitals

63. Directe acties om te ondernemen
Check Google Search Console op
• De Core Web Vitals
• Beveiligingsproblemen
• Gebruik pre-load om de kritieke webfonts en main images boven de vouw eerder te laden (LCP + CLS)
• Mobielvriendelijkheid
• Minimaliseer JavaScript en defer JavaScript onder de vouw (FID)
Check mixed content via Screaming Frog en Chrome dev tools
Concrete tips
• Creëer een extra veiligheidslaag met CSP
• Screaming Frog op website niveau, Dev tools op pagina niveau

64. Doe dit niet alleen voor SEO, want je wilt..
• Geen dagelijkse omzet mislopen door een trage of niet mobielvriendelijke
website.
• Niet die ene partij zijn die imago of financiële schade lijdt doordat
de security niet in orde is.

65. Wil je …
• Weten of jouw website klaar is voor de Page Experience update?
• Ook zo’n mooi Pagespeed dashboard?
• Gewoon eens sparren over SEO?
• Contact me via n.jelsma@ism.nl

66. Evenementen – meld je aan www.ism.nl/evenementen:
Live Q&A: stel al je vragen over Facebook en Instagram
Donderdag 27 augustus, 14:30 uur
Alain van den Donk en Louise Langendoel, Social Advertising Consultants
[Webinar] E-mailmarketingbenchmark 2020: dubbele omzet uit e-mailmarketing ligt voor het oprapen
Donderdag 6 augustus, 14:30 uur
Monique Zwanenburg, E-mailmarketing Consultant

67. Vragen?

68. Van Nelleweg 1, 3044 BC Rotterdam +31 (0)10 243 60 00 info@ism.nl www.ism.nl