[dutch language] Slides bij een gastcollege over het gebruik van website-metadata bij zoekmachineoptimalisatie. Voor de Hogeschool van Amsterdam (HvA), Afdeling MIC (Media, informatie en Communicatie)

1. HvA MIC gastcollege maart 2015
Arne van Elk
@avanelk

2. • Kennismaken
• Wat is zoekmachineoptimalisatie
• Hoe werkt Google en wat zijn de ranking-factoren
• Wat is metadata
• Hoe gebruikt Google de metadata van webpagina’s

3. • connecting communities and change-makers
• onafhankelijke journalistiek
• doelgroepen15 – 35 jaar
• nadruk op gebruik nieuwe media
• eigen trainingscentrum
RNW Media: informed people shape a better future

4. • democratie en goed bestuur
• seksuele rechten
• internationaal recht
RNW Thema’s

5. Internationaal

6. Powered by

7. Hoe bereiken we online onze doelgroepen
• (international) SEO
• informatiearchitectuur
• contentstrategie
• social media

8. Wat is

9. SEO =
Source: http://searchengineland.com/guide/what-is-seo

10. r

11. of eigenlijk, hoe Google werkt ...
Eens kijken …

12. You don’t
search the web,
you search in
Google’s index

13. SEO: ranking factoren

14. Content (kwaliteit)
Semantiek, goede structuur, verschillende mediavormen
Backlinks
Aantal en kwaliteit links van andere websites
Techniek
Interne linkstructuur, laadtijden, meta tags
Gebruiksdata
Hogere click-through ratios, lage bounce rates, lange ‘time-on-site’
SEO: belangrijkste ranking factoren

15. Ook belangrijk: bestrijden van spam

16. De link tussen metadata en zoekmachines

17. ETADATA
Metadata –
een enge
ziekte ofzo?

18. Metadata =
data over data

19. Metadata = data over data

20. Metadata is overal

22. Soms is metadata lastig te interpreteren

23. Soms is
metadata
afwezig
Hudson
Hotel NYC

24. Ook online onduidelijke metadata

25. Ook online onduidelijke metadata

26. En ontbrekende metadata

27. Een belangrijk deel van de metadata
op het web is ‘onzichtbaar’ voor
gebruikers.
Deze data wordt wel gebruikt door
software, bijvoorbeeld bij het tonen
van zoekresultaten of het delen op
sociale media.

28. <meta name="description" content="De politie gaat
ervan uit dat de brand die woensdagochtend een
winkel in de Gerrit van de Lindestraat in Rotterdam-
West in de as legde, is aangestoken." />
<title>Politie vermoedt opzet bij brand
winkelpand Rotterdam | NU - Het laatste
nieuws het eerst op NU.nl</title>
Twee belangrijke elementen voor zoekmachines:

29. Title tag en meta description bepalen
(meestal) hoe Google een webpagina toont

30. Metadata bepaalt
hoe jouw content
er uit ziet in
zoekmachines en
op sociale media
En dus ook hoe
mensen er op
reageren

31. Onduidelijke – of ontbrekende - teksten zorgen voor
minder bezoek naar je website en minder interactie
op sociale media

32. Onduidelijke – of ontbrekende - teksten zorgen voor
minder bezoek naar je website en minder interactie
op sociale media

33. Help zoekmachines om nog beter te begrijpen wat er
op je pagina’s staat met ‘structured data’:
HTML-inhoud met speciale markup
Bijv. contactinformatie
https://support.google.com/webmasters/answer/1211158
<div itemprop="address" itemscope
itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">
Witte Kruislaan 55a
</span>
<span itemprop="addressLocality">Hilversum</span>,
<span itemprop="postalCode">1217 AM</span>
</div>
<span itemprop="telephone">+31 (0) 35 672 42 11</span>
<a href="mailto:info@​rnw.​org" itemprop="email">
info@​rnw.​org</a>

34. Deze specifieke vorm wordt ook microdata genoemd
http://builtvisible.com/micro-data-schema-org-guide-
generating-rich-snippets/
1. Itemscope – geeft aan dat het komende blokje (div) een
‘item’ is.
2. Itemtype – beschrijft wat het item is (bijvoorbeeld een
persoon)
3. Itemprop – beschrijft elke eigenschap van een specifiek
item (bijv. een geboortedatum).

35. Machines snappen ‘triples’
onderwerp <relatie> object
Harry Mulisch is de auteur van “De ontdekking van de hemel”

36. Work with the SEO Checklist for editors

37. Er zijn speciale
markeringen voor:
• Personen
• Producten
• Bedrijven en organisaties
• Evenementen
• Muziek
• Video
• Recepten
• ...
Kijk voor volledig overzicht op schema.org

38. De markeringen helpen bij rich snippets en
knowledge graph resultaten

39. En hebben mogelijk
een positief effect bij
lokale of mobiele
resultaten

40. Met gestructureerde
metadata kunnen
zoekmachines een
zoekvraag ‘begrijpen’
in plaats van alleen te
kijken of de woorden
op de pagina
overeenkomen.
Zo worden verbanden
gelegd die eerst niet
mogelijk waren.
Your web pages have an
underlying meaning that
people understand when they
read the web pages. But
search engines have a limited
understanding of what is being
discussed on those pages. By
adding additional tags to the
HTML of your web pages—
tags that say, "Hey search
engine, this information
describes this specific movie,
or place, or person, or video"—
you can help search engines
and other applications better
understand your content and
display it in a useful, relevant
way.
Schema.org, “Why use microdata?”

41. Work with the SEO Checklist for editors
Maar een webmaster
wordt niet ineens
informatiespecialist ...

42. Zoekmachines
gebruiken nu al
intensief andere
bronnen om ‘de
wereld te begrijpen’
Google gebruikt oa.
Wikipedia
Freebase
Google+
Linkedin
Twitter
Wikilinks Corpus

43. Zo lost Bing de ambiguïteit in een
zoekwoord op: je kunt als gebruiker je
intentie aangeven

44. Welke metadata gebruiken sociale media?
Open Graph

45. Paginabron

46. Facebook
<meta property="og:description" content="The magazine’s Emily
Bazelon and The Times’s Supreme Court correspondent, Adam Liptak,
discuss what’s at stake and what the justices might be thinking." />

47. Twitter cards
<meta property="twitter:description" content="The magazine’s Emily
Bazelon and The Times’s Supreme Court correspondent, Adam Liptak,
discuss what’s at stake and what the justices might be thinking." />

48. Probeer dit vooral
zelf uit ...
S
Welke
markeringen
gebruikt jouw
favoriete website?

49. Samengevat
Metadata voor online publishers
• content beter vindbaar.
• meer controle over hoe content getoond wordt.
Metadata voor zoekmachines
• meer structuur.
• beter begrip van betekenis van tekst.
• data uit oorspr. context halen en remixen.

50. vind de links uit de slides op
https://delicious.com/avanelk/hvagastcollege2015
Arne van Elk
@avanelk