Wat kun je doen om jouw informatie in zoekmachines en op social media mooier te maken

1. H o e w o r d i k m o o i g e v o n d e n ?
Sivard Donkers
WordPress meetup
Utrecht 28 maart 2017

2. I n t r o
Wat kun je doen om
jouw informatie in
zoekmachines en
op social media
mooier te maken.

3. Vo o r a f
• Vraag gerust
tussendoor
• Slides later op
internet

4. Wa a r o m ?
Opvallende
zoekresultaten
zorgen dat er
eerder op jouw
link wordt
geklikt.

5. Wa t g a a n w e d o e n ?
• Tekst
• Open graph
• Structured data
• Sitelinks
• AMP

6. 1 . D e t e k s t
• Titel
• Samenvatting /
SEO Yoast Meta-
Omschrijving

7. T i p s v o o r t e k s t e n
• Probeer een aantrekkelijke titel en
meta-omschrijving te verzinnen
• Zet de gewenste zoektermen in de
titel en meta-omschrijving
• Maak de meta-omschrijving niet te
kort en te lang (min. 120 - max. 150
tekens)
• Maak evt. andere teksten voor Twitter
en Facebook via SEO Yoast

8. Te s t e n r e s u l t a a t
SEO Yoast

9. 2 . O p e n g r a p h p r o t o c o l
• Controleer
hiermee hoe jouw
pagina in social
media moet
worden gedeeld.

10. N iet z o Maar liever z o

11. S e o Yo a s t

12. Ti p s v o o r A f b e e l d i n g e n
• M i n i m a l e g r o o t t e :
2 0 0 x 2 0 0 p i x e l s
• F a c e b o o k :
1 , 2 0 0 x 6 3 0 p i x e l s .
• T w i t t e r :
m a x . 1 0 2 4 x 5 1 2
p i x e l s .
• I n s t a g r a m :
1 0 8 0 x 1 0 8 0 p i x e l s .
• P i n t r e s t :
m i n . 6 0 0 p x b r e e d
• V e r g e e t d e a l t e n
t i t e l t e k s t e n n i e t .
M e e r i n f o :
h t t p s : / / m a k e a w e b s i t e h u
b . c o m / s o c i a l - m e d i a -
i m a g e - s i z e s - c h e a t -
s h e e t /
Facebook:
Afmetingen:
707 × 398
LinkedIn:
Afmetingen:
600 x 600

13. Te s t e n o p e n g r a p h
• Facebook
h t t p s : / / d e v e l o p e r s . f a c e b o o k . c o m / t o o l s / d e b u g / o g / o b j e c t /

14. 3 . S t r u c t u r e d d a t a
• Geeft structuur
aan de informatie
door microdata
toe te voegen aan
de webpagina.
• Hergebruikt in
Zoekmachines en
social media
platformen

15. S c h e m a . o r g
• O.a. Recepten,
Evenementen,
Films, Reviews,
Producten,
Breadcrumbs

16. B r e a d c r u m b
o p j e w e b s i t e

17. H T M L

18. S t r u c t u r e d H T M L

19. R e s u l t a a t b r e a d c r u m b
Zonder structured
data
Met structured data

20. G o o g l e : r i c h s n i p p e t s

21. P i n t e r e s t . c o m : r i c h p i n s

22. S t r u c t u r e d d a t a p l u g i n s
• Producten, WooCommerce
• Breadcrumb, SEO Yoast
• Recepten, WP Ultimate Recipe
• Evenementen, The Events
Calendar
• Algemeen, WP rich snippets,

23. Te s t e n s t r u c t u r e d d a t a
• Google search console
h t t p s : / / s e a r c h . g o o g l e . c o m / s t r u c t u r e d - d a t a / t e s t i n g -
t o o l / u / 0 /
• Pinterest
h t t p s : / / d e v e l o p e r s . p i n t e r e s t . c o m / d o c s / r i c h -
p i n s / o v e r v i e w/

24. 4 . G o o g l e S i t e l i n k s
• Websitelinks die onder een andere
websitelink zichtbaar zijn.

25. B e l a n g r i j k o m t e w e t e n
• Sitelinks worden automatisch
toegevoegd in zoekresultaten.
• Alleen zichtbaar wanneer Google
denkt dat dit handig is voor de
gebruiker.
• Zorg voor een heldere website
structuur.
• <nav> tag in je navigatie.
• Site moet makkelijk doorzoekbaar
zijn.
M e e r i n f o :
h t t p s : / / p l u s . g o o g l e . c o m / + G o o g l e W e b m a s t e r s / p o s t s / b 4 W c M e L g b A L

26. 5 . A c c e l e r a t e d M o b i l e P a g e s
( A M P )
https://www.ampproject.org/

27. R e s p o n s i v e w e b s i t e
• Gericht op Flexibiliteit en geschikt
voor elk platform (mobiel,tablet,
desktop)
• Gebruikt CSS3 media queries
• Vervangt je huidige website

28. A M P
• AMP gericht op mobiel en snelheid
• Een aparte HTML-set (AMP HTML)
en javascript (AMP JS).
• Gebruik naast de gewone website.
• Vooral geschikt voor
nieuwsberichten.

29. S n e l h e i d

30. A M P i n z o e k r e s u l t a t e n

31. A M P P l u g i n s
• AMP plugin van
Automattic.
• AMP for WP

32. S a m e n v a t t i n g
• Tekst
• Open graph
• Structured Data
• Sitelinks
• AMP

33. Open graph
Social Media
Structured Data
Sitelinks AMP
Google

34. B e d a n k t