1.
DATA DRIVEN DIGITAL MARKETING
SEO-kritieke content
toegankelijk maken
Trend Event OrangeValley
Koen Leemans

2.
JavaScript SEO
Neem controle over het indexering
proces en maak het (zoek)machines
zo gemakkelijk mogelijk
SEO-kritieke content toegankelijk maken
SEO-kritieke content toegankelijk maken
Structured data
Geef zowel gebruikers als
(zoek)machines het beste antwoord

3.
Digital Marketing Trends 2020
De 6 trends voor 2020
Lifecycle Marketing
Conversational Marketing
Insights-driven marketing
Technological Advantage
Rules & Regulations
Digital Transformation

4.
JavaScript SEO

5.
SEO-kritieke content toegankelijk maken
Techniek wordt steeds belangrijker binnen SEO
JavaScript SEO
Traditionele SEO
Javascript

6.
SEO-kritieke content toegankelijk maken
Waarom JavaScript SEO?
Source: JavaScript SEO case hulu.com

7.
SEO-kritieke content toegankelijk maken
JavaScript is populair op het web

8.
SEO-kritieke content toegankelijk maken
Populariteit JavaScript Frameworks
Angular Vue
jQuery React
Multi Page Applications (MPA)
Traditionele HTML websites
Single Page Applications (SPA)
JavaScript websites
Source: Google Trends

9.
SEO-kritieke content toegankelijk maken
MPA vs SPA
Multi Page Application
Elke pagina heeft een eigen unieke
HTML-bron
Single Page Application
Enkele of gedeelde HTML-bron voor
alle pagina’s

10.
HTML-source
Content, meta data en links staan
niet in HTML-document

11.
Document Object Model
Content, meta data en links staan
alleen in de DOM

12.
SEO-kritieke content toegankelijk maken
De staat van het web

13.
“Googlebot includes its own renderer, which is able
to run when it encounters pages with Javascript.
But rendering pages at the scale of the web requires
a lot of time and computational resources. And make
no mistake, this is a serious challenge for search
crawlers, Googlebot included.”
John Mueller - Google

14.
SEO-kritieke content toegankelijk maken
Google & Bing gebruiken dezelfde render technologie (Chromium)

15.
SEO-kritieke content toegankelijk maken
Two waves of indexing

16.
SEO-kritieke content toegankelijk maken
Het crawl- en indexering proces
Crawl
Index
Nieuwe links
om te crawlen
Direct,
first wave van indexering

17.
SEO-kritieke content toegankelijk maken
Het crawl- en indexering proces
Crawl
Index
Render
Nieuwe links
om te crawlen
Direct,
first wave van indexering
Second wave van
indexering
Wanneer rendering
resources beschikbaar
zijn

18.
SEO-kritieke content toegankelijk maken
Naast crawlbudget is ook renderbudget nu relevant
Crawl Index
(HTML)
Render
Index
(JS + HTML)
Renderbudget

19.
SEO-kritieke content toegankelijk maken
Gevolgen voor SEO
➜ Crawlproces duurt langer,
vereist meer resources
➜ Vertraagde indexing bij
nieuwe of bijgewerkte
content
➜ Minder vaak en diep crawlen
heeft gevolgen voor
indexering én traffic

20.
SEO-kritieke content toegankelijk maken
Vertrouw niet op de rendering van Google

21.
SEO-kritieke content toegankelijk maken
Ook Google heeft wel eens problemen..

22.
SEO-kritieke content toegankelijk maken
Opties voor rendering
Server Rendering “Static SSR”
SSR with
(Re)hydration
Dynamic rendering
CSR with
Prerendering
Full CSR
Server Browser
Biedt SEO-kritieke content
aan bij de first wave

23.
SEO-kritieke content toegankelijk maken
Dynamic rendering
Gebruikers
Web server
Zoekmachine bots
Client-side
rendering
Server-side
rendering

24.
SEO-kritieke content toegankelijk maken
SEO-kritieke content toegankelijk maken
Kritieke SEO-elementen zijn bij de first wave beschikbaar
Content afhankelijk van gebruikersinteractie is niet indexeerbaar
Links zijn voorzien van een <a> tag met href attribuut
Pagina's hebben een indexeerbare URL

25.
SEO-kritieke content toegankelijk maken
Traditionele SEO is nog steeds relevant
JavaScript SEO
Traditionele SEO
Javascript

26.
Structured data

27.
Google uses structured data that it finds on the
web to understand the content of the page, as
well as to gather information about the web and
the world in general

28.
Het doel van structured data
Het doel van structured data is zoekmachines content beter laten begrijpen
waardoor jouw content als beste antwoord wordt gekozen

29.
➜ Geeft betekenis aan ‘dingen’, verklaart
context en relaties
➜ Objecten en de eigenschappen daarvan
worden volgens een standaard beschreven
➜ Google is beter in staat de betekenis van
een pagina te begrijpen en te koppelen
aan de de intentie van de gebruiker
SEO-kritieke content toegankelijk maken
Structured data

30.
Het primaire doel van Google is de intentie van een
gebruiker vastleggen en het best mogelijke antwoord te
geven op basis van de context van de zoekopdracht
Relevantie wordt bepaald door context

31.
SEO-kritieke content toegankelijk maken
Het semantische web
Begrijpen van natuurlijke taal
GebruikerscontextContext opeenvolgende
zoekopdrachten
Entiteit herkenning

32.
SEO-kritieke content toegankelijk maken
Wat is een entiteit?
➜ Het 'ding' dat in een document wordt
beschreven
➜ Het gaat over een persoon, product,
organisatie of plaats
➜ Verklaringen worden georganiseerd in
triples en die worden uitgedrukt in de
vorm van subject, predicaat en object

33.
SEO-kritieke content toegankelijk maken
Wat is een entiteit?
Entiteiten zijn anders dan zoekwoorden.
Zoekwoorden worden gebruikt om een entiteit te
identificeren
“Nieuwste telefoon Apple”
“iPhone XS”
“XS Space Gray”

34.
The Semantic Web isn't just about putting data
on the web. It is about making links, so that a
person or machine can explore the web of data.
With linked data, when you have some of it, you
can find other, related, data.

35.
Het semantische web
Entiteiten verbinden
Apple iPhone 8
model
iPhone
categorie
Apple
merk
64G Goud
pdp
64G Spacegrijs
pdp
256G Spacegrijs
pdp
256G Goud
pdp
64G - Zilver
pdp
64G Zilver
pdp
Apple iPhone X
model
Apple iPhone 7
model
aanbieder

36.
SEO-kritieke content toegankelijk maken
Verwijzen naar open datasets

37.
SEO-kritieke content toegankelijk maken
Relevante content voor gebruikers en zoekmachines

38.
SEO-kritieke content toegankelijk maken
Content wordt gepresenteerd via verschillende apparaten

39.
➜ Google’s focus op entiteiten onderstreept
het belang van het maken van eigen
semantische entiteiten
➜ Vertaal elk onderdeel van het document en
maak de relatie tot de entiteit kenbaar
➜ Gebruik structured data om webpagina’s
semantisch te verbinden
・ Verwijs naar open datasets om
zoekmachines meer context te
geven
SEO-kritieke content toegankelijk maken
Samengevat
“Data is messy and disconnected.
JSON-LD organizes and connects it,
creating a better Web”

40.
Draagt niet alleen bij aan betere rangschikking
➜ Zichtbaarheid op een bredere set
zoektermen
➜ Het presenteren van de juiste pagina
➜ Content wordt gepresenteerd via de
Google Assistant, Discover en voice search
SEO-kritieke content toegankelijk maken
Structured data

41.
JavaScript SEO
Neem controle over het indexering
proces en maak het (zoek)machines
zo gemakkelijk mogelijk
SEO-kritieke content toegankelijk maken
SEO-kritieke content toegankelijk maken
Structured data
Geef zowel gebruikers als
(zoek)machines het beste antwoord

42.
SEO-kritieke content toegankelijk maken
Techniek wordt steeds belangrijker binnen SEO
Trade-offs
Marketing
SEO Development
Samenwerking
➜ Samenwerking en communicatie tussen
marketing, SEO en development is
cruciaal
➜ Betrek specialismen vroegtijdig bij
grote wijzigingen aan de website
➜ Met de huidige snelheid van nieuwe
ontwikkelingen kunnen developers en
SEO’s veel van elkaar leren

43.
OrangeValley
De Corridor 27
3621 ZA Breukelen
030 - 8 200 200
info@orangevalley.nl
DATA DRIVEN DIGITAL MARKETING
Bedankt!