Rich snippets - joomla

Rich Snippets
Over Microdata, Schema.org, author rank
en het verbeteren van de SERP's...
1-2-appletree - Joomla websites

Over Nico Bouwman
● Joomla webbouwer
1-2-appletree en
de Webcirkel Coöperatie
● Getrouwd en 2 kids
● Woont in Dordrecht
● Vrije tijd: (moes)tuinieren, koken, eten
● Werkte ooit bij Veronica, Lips, Vector Aandrijftechniek,
Hiflex Automatisering

Wat is Schema?

Schema.org is een nieuwe stap in
de richting van Semantic Web
Het wat?
Het semantische web, of web 3.0 of, als je wil,
het intelligente web....
Het web waar machines en software alle informatie
begrijpen en met elkaar verbinden.
Een initiatief van de grote zoekmachine-reuzen om
webmasters te helpen om metadata toe te voegen
aan hun websites.
bla, bla, bla

Kort gezegd:
Je kunt met rich snippets gestructureerde
gegevens toevoegen aan je website die dan
vervolgens in de zoekmachine resultaten
(SERP's) weer duidelijk te zien zijn.
Deze gestructureerde gegevens zijn gebaseerd
op microdata van schema.org

Vergelijking
● Alt-attribute bij afbeeldingen
<img src="smiley.gif" alt="Smiley face">
Het alt-attribute geeft Google meer info
over de afbeelding.
Rich Snippets doen hetzelfde met andere content

Voorbeeld
Recepten
verrijkt met:
● foto
● review
● tijd

Voorbeeld
Restaurant
verrijkt met:
● beoordeling (review)
● prijsklasse

Nog even wat theorie
Rich Snippets
3 formaten:
● Microdata
● Microformats
● RDFa

Microdata
● HTML5 microdata specificatie
Een manier om content te voorzien van labels
die er voor zorgt dat duidelijk wordt welke
informatie in die content staat.
● Google, Bing en Yahoo > schema.org
als standaard voor microdata

Hoe ziet het eruit?
● itemscope
● itemtype
● itemprop

IMPACT?
● Trekt de aandacht
● Dominant aanwezig in de SERP's
(search engine results page)
● Wekt vertrouwen op
● CTR neemt toe

Conclusie:
CONVERSIE

Aandacht > CTR > Conversie

Maar...
heeft / zal / kan het invloed
hebben op je Google ranking?

Nog niet.
Maar in de toekomst?
Waarschijnlijk wel
(of toch niet?)

Rich Snippets
in de praktijk

Plugin voor JCE
https://www.joomlacontenteditor.net/support/documentation/107-microdata

Selecteer de tekst en voeg microdata toe

Resultaat:

Nog een voorbeeld
Module met contact gegevens op website

Vele mogelijkheden:

Selecteer: bedrijfsnaam
Type: Organization
Voeg microdata toe
property: brand

Selecteer: telefoonnummer
Voeg microdata toe: property = telephone

Resultaat:

Nog een voorbeeld:
Breadcrumbs

Nog een voorbeeld:
Breadcrumbs
Joomla breadcrumbs module:
Joomla Googlecrumbs
http://robvandegriend.nl/webdevelopment/microdata-breadcrums-joomla3-
module
http://www.richeyweb.com/development/joomla-modules/120-
microbread-module

In het begin was er

Daarna kwam “Personality Rank”

Rel=author
'Google Authorship' = Google Auteurschap
Authorship is de connectie tussen
Google+ profielen en de content

Hoe gebruik je rel=author
in je website?
● Maak een Google+ pagina aan
● Plaats je foto daarin
● Vermeld op welke websites jouw artikelen staan
● Kopieer de URL van je Google+ pagina
● Plak deze code met rel=author in je website
Check:
http://www.google.com/webmasters/tools/richsnippets

Google Author Tag
How-To Flowchart
Check: http://google-plus-marketing.nl/wp-content/
uploads/2013/09/Google-Plus-handleiding-
hoofdstuk-22.png

Extensies in de JED
http://extensions.joomla.org/search?q=authorship
Google Authorship Markup for Joomla – plugin
koppelt Google+ pagina aan een contactpersoon – zorg ervoor dat de auteur van het artikel
gekoppeld is aan een contactpersoon, koppel Website URL aan Google+ profiel en maak de
auteur zichtbaar in elk artikel.
JosTag – plugin plaatst elke tag in the head van een pagina.
http://extensions.joomla.org/extensions/site-management/seo-a-metadata/meta-data/5139
Voorbeeld: {tag}....{/tag}
{tag}<link rel="author" href="https://plus.google.com/118407798837314952566"> {/tag}

TESTEN
http://www.google.com/webmasters/tools/richsnippets
Geef de URL in die je wil testen

Google webmastertools
Sitedashboard > Andere bronnen

Resultaat

Downloaden > markeringen.html
Vervolgens plak je de codes zelf in je HTML

TO DO
Gebruik alle relevante rich snippets,
het zal een grote impact hebben.
START met het instellen van je eigen auteurs profiel
(en die van je klanten)
het zal van onschatbare waarde zijn.
Rel=Author bij je blog-artikelen is het minste wat je kunt doen.
Breadcrumbs

Dont's
Wat je dus niet moet doen:
● rel=”author' op je homepage plaatsen
= spam
wel doen: rel=”publisher”

Interessante links
Google: Over rich snippets en gestructureerde gegevens
https://support.google.com/webmasters/answer/99170?hl=nl
Koppeling naar uw Google+ profiel met rel="author"
https://support.google.com/webmasters/answer/2539557?hl=nl
Rel Publisher
http://www.stateofdigital.com/rel-publisher-explaine-marketers/
Webmastertools: Google's Rich Snippet testing tool
http://www.google.nl/webmasters/tools/richsnippets
Schema https://schema.org/
Online tool om snel microdata in HTML te plaatsen:
http://schema-creator.org/

Joomla extensies
Site van Ruth Cheesley over microdata (plugins en extensies
en template overrides):
http://www.microdataforjoomla.com/
Joomla breadcrumbs – module:
Joomla Googlecrumbs – aangepaste Joomla breadcrumbs module:
http://robvandegriend.nl/webdevelopment/microdata-breadcrums-joomla3-module
http://www.richeyweb.com/development/joomla-modules/120-microbread-module
JCE microdata plugin (betaald):
https://www.joomlacontenteditor.net/downloads/plugins/add-ons

Nog meer Joomla
J4Schema (PRO) – component + plugin
Rich Snippets Vote - plugin
http://extensions.joomla.org/extensions/clients-a-communities/ratings-a-reviews/19850
Schema Events Tags – module

Youtube
Joomla Patch Testing - Microdata Joomla 3.3
https://www.youtube.com/watch?v=CPFRVc38vT0

Rich snippets - joomla

Recommended

Recommended

More Related Content

Similar to Rich snippets - joomla

Similar to Rich snippets - joomla (20)

Rich snippets - joomla