Intro schema.org / microdata voor frontend developers
Download as PPTX, PDF
1 like684 views
Intro tot microdata, het belang ervan voor SEO, code voorbeelden, tips & tricks om de microdata markup optimaal te integreren
Convert to study guideBETA
Transform any presentation into a summarized study guide, highlighting the most important points and key insights.
Intro schema.org / microdata voor frontend developers
- 1. 1 Intro Schema.org Fronteers Q? Contact: Pieter Mergan @Digital
- 2. https://www.linkedin.com/in/pietermergan https://twitter.com/FirstManOnDaMoo Digital Expert SEO & Analytics Meer dan 10 jaar actief in online business Immoweb Gouden Gids Persgroep (na 9 terug) Local SEO News SEO Geen SEO copywriter / Technical SEO OVER MEZELF 2
- 3. 3 Achtergrond: belang van gestructureerde opmaak voor SEO 3
- 4. http://www.frankwatching.com/archive/2013/11/12/hummingbird-wat-je-moet-weten-over-googles-nieuwste-algoritme/ Beestig Werkterrein dat continue evolueert: (http://moz.com/google-algorithm-change) Panda (4.1) 02/2011 => focus op magere inhoud , duplicate inhoud, Penguin (3.0) 04/2012 => nu in roll-out => focus op slechte links, linknetwerken, Hummingbird 09/2013 => volledig nieuw search algo focus op context en betekenis van woorden menselijker en persoonlijker Pigeon 07/2014 => Focus op lokale zoekresultaten ACHTERGROND HET ALGORITME EVOLUEERT 4
- 5. http://searchengineland.com/future-seo-understanding-entity-search-172997 | http://www.branded3.com/blogs/structured-data-mark-higher-ctr/ Hummingbird Google wil inspelen op de motivatie/intentie van een gebruiker op het moment dat hij een zoekopdracht ingeeft, dit om de gebruiker het meest gepaste antwoord te bieden. Google cre谷ert daarom continu profielen van entiteiten (personen, dingen, plaatsen, bedrijven, boeken, ) op basis van ontelbare bronnen. Het doel is de gebruiker zo compleet en exact mogelijke informatie te verschaffen. ACHTERGROND ENTITY SEARCH 5
- 6. http://searchengineland.com/future-seo-understanding-entity-search-172997 | http://www.branded3.com/blogs/structured-data-mark-higher-ctr/ Hummingbird INPUT = Structured Markup: Om entities te cre谷ren heeft Google o.a. meer en meer nood aan gestructureerde opmaak = (html/javascript)code die betekenis verschaft aan de inhoud en/of die exact aangeeft waar een bepaald soort informatie zich bevindt op de pagina OUTPUT = Rich Snippets: search engines kunnen gestructureerde opmaak gebruiken om de eigen zoekresultaten te verrijken CTR neemt toe (nog geen exacte cijfers)! Heeft geen impact op rankings! ACHTERGROND ENTITY SEARCH 6
- 7. http://searchenginewatch.com/article/2363063/How-Google-Pigeon-Impacted-Local-Queries-and-What-You-Can-Do Pigeon biedt opportuniteiten Redactionele stukken, recensies over restaurants, winkels kunnen, mits technische ondersteuning, extra visibiliteit krijgen in Google. ACHTERGROND HET ALGORITME EVOLUEERT 7
- 10. http://www.seoskeptic.com/basic-vocabulary-for-schema-org-and-structured-data/ | https://support.google.com/webmasters/answer/3069489?hl=nl&ref_topic=3070267 mbv Microdata Microdata maakt gebruik van eenvoudige kenmerken in HTML- codering (vaak <span> of <div>) om korte en beschrijvende namen toe te wijzen aan entiteiten en hun eigenschappen. SCHEMA.ORG VIA MICRODATA WAT GOOGLE AANRAADT 10 Gebruik Schema.org Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! voor Web 辿n Email. U kunt het beste kiezen voor microdata of JSON-LD en de twee typen niet combineren op 辿辿n pagina of in 辿辿n e-mail. Google geeft de voorkeur aan microdata voor webinhoud. MAAR in enkele gevallen ondersteunt Google (nog) niet Schema.org => gebruik in dat geval http:// data-vocabulary.org/
- 11. http://www.seoskeptic.com/basic-vocabulary-for-schema-org-and-structured-data/ | https://support.google.com/webmasters/answer/3069489?hl=nl&ref_topic=3070267 Type => welk onderwerp? Mbv het attribuut itemtype specifieer je over welk type van onderwerp/entiteit je meer informatie wil delen. Dit kan over een concreet ding gaan, over een mens, een evenement, De info ophalen over het type gebeurt steeds met een http:// request SCHEMA.ORG VIA MICRODATA SYNTAX 11 Item => waar in de code? Mbv itemscope baken je letterlijk het terrein af. Je duidt specifiek dat deel van je pagina/code aan waarop alle daarop volgende markup betrekking heeft. Eigenschap => wat? Elk onderwerp heeft eigenschappen. Mbv. Attribuut itemprop specifieer je per onderwerp een eigenschap. De eigenschappen kunnen verschillen per type. <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Albert Einstein</span> </div>
- 12. http://www.seoskeptic.com/basic-vocabulary-for-schema-org-and-structured-data/ | https://support.google.com/webmasters/answer/3069489?hl=nl&ref_topic=3070267 SCHEMA.ORG VIA MICRODATA SYNTAX 12 Meer over eigenschappen (Property): inherited ifv. Type Hierarchy http://schema.org/docs/full.html de waarde van een eigenschap (Expected type): URL (http://www.persgroep.be) Text (Dit is tekst) Number (10) Embedded items (bv. schema.org/Person)
- 13. SCHEMA.ORG VIA MICRODATA SYNTAX 13 <div itemscope itemtype="http://schema.org/Article"> <p>Copyright <span itemprop="copyrightHolder" itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">De Persgroep</span> <span> </p> </div>
- 14. http://www.schema.org/docs/extension.html | http://schema.org/docs/gs.html#advanced_dates | https://developers.google.com/webmasters/richsnippets/sitelinkssearch SCHEMA.ORG VIA MICRODATA SYNTAX 14 Enkele tips Opgelet met Niet-zichtbare inhoud => uitzondering op de regel dat alles zichtbaar moet zijn voor gebruikers Extension Mechanism => signaal sturen naar schema.org om nieuwe types te maken NIEUW: Sitelinks Search Box
- 15. SCHEMA.ORG VIA MICRODATA SYNTAX 15 Enkele tips Markup op voor Breadcrumbs doe je door het Type aan te roepen via http://data-vocabulary.org idem voor Review door een 1 specifiek persoon (kan samen met schema.org gebruikt worden)
- 17. Google Structured Data Testing tool http://www.google.nl/webmasters/tools/richsnippets Semantic Inspector Chrome plugin https://chrome.google.com/webstore/detail/semantic- inspector/jobakbebljifplmcapcooffdbdmfdbjh Tip: https://www.google.nl/webmasters/markup-helper/ VOORBEELDEN TOOLS OM VOORBEELDEN UIT TE LEGGEN 17
- 19. Foo fighter tour dates www.songkick.com/artists/29315-foo-fighters VOORBEELDEN EVENEMENT 19
- 22. kommil foo ruimtevaarder Tv on the radio http://www.ew.com/ew/article/0,,20874130,00.html VOORBEELDEN RECENSIE MUZIEK / BOEK 22
- 24. VRAGEN? 24