Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Implementierung
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Implementierung

on

  • 3,963 views

http://www.technicalseo.de/schema-org-smx-2013/

http://www.technicalseo.de/schema-org-smx-2013/
Schema.org 101: 
Warum die neuen Meta Daten wichtig sind -
Mini FAQ & Implementierung - SMX München 2013 von Timon Hartung

Statistics

Views

Total Views
3,963
Views on SlideShare
2,750
Embed Views
1,213

Actions

Likes
3
Downloads
21
Comments
0

11 Embeds 1,213

http://seouxindianer.de 591
http://www.technicalseo.de 274
http://web-act.net 180
http://feeds.feedburner.com 72
http://www.web-ideas.de 65
http://flavors.me 20
http://translate.googleusercontent.com 4
http://www.feedreader.com 3
http://feedreader.com 2
http://feedproxy.google.com 1
http://de.flavors.me 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Schema.org 101: 
Warum die neuen Meta Daten wichtig sind - Mini FAQ & Implementierung Presentation Transcript

  • 1. Schema.org 101:Warum die neuen Meta Daten wichtig sind -Mini FAQ & ImplementierungVon Timon Hartung @ SMX München 2013 Quelle:
  • 2. Timon Hartung ✦ Managing Director bei DNTX & Gesellschafter der 121WATT ✦ Diplom Wirtschaft-Informatiker ✦ 10 Jahre SEO & Online Marketing Erfahrung ✦ Vorher Head of Online Marketing bei amiando.com ✦ Consulting für nationale und internationale Firmen ✦ 14 Jahre Developer Erfahrung Java, PHP, MySQL ✦ Gesprochen auf SMX München, SMX Stockholm, Social Media Economy Days 2
  • 3. Mini Schema.org FAQ Quelle:Quelle: http://www.grook.net/sites/default/files/images/kettaneh/Project%20management%20interview%20questions%20and%20answers.jpg
  • 4. Warum sollen wir unsere Daten auszeichnen? Quelle: Quelle: http://collider.com/wp-content/uploads/why-stop-now-tracy-morgan-melissa-leo-jesse-eisenberg.jpg
  • 5. Die Suchmaschinen verstehen unsere Daten nicht! Quelle: Quelle:http://ruben.verborgh.org/images/blog/web-agents.jpg
  • 6. Warum Schema.org und kein anderes Format? Quelle: Quelle:http://www.mrwallpaper.com/wallpapers/funny-dog-diving.jpg
  • 7. Die 3 großen Suchmaschinen haben sich aufSchema.org geeinigt
  • 8. Werden aus Schema.org immer Rich Snippets? Quelle: Quelle: http://img.addfunny.com/files/uploads/pic/10/10/Doctor_Dog_1280x960_4e155f6bbf3f8791.jpg
  • 9. Werden aus Schema.org immer Rich Snippets?• Nein, schema.org unterstützt eine große Auswahl an Elementtypen, von denen derzeit aber noch nicht alle zur Generierung von Rich Snippets zum Einsatz kommen
  • 10. Muss ich jede Eigenschaft auszeichnen? Quelle: Quelle: http://theconversation.com/your-cat-has-toxoplasmosis-and-youre-worried-join-the-club-9365
  • 11. Muss ich jede Eigenschaft auszeichnen?• Es ist kein Problem, wenn Sie nur einige Eigenschaften eines Elements mit einem Markup versehen. Wenn Sie jedoch so viele Inhalte wie möglich auszeichnen, hilft dies Suchmaschinen dabei, die Inhalte Ihrer Seite besser zu verstehen und sie auf die beste Art und Weise auszugeben.• Für einige Typen benötigt Google eine Mindestmenge an Informationen, um Ihre Inhalte in Rich Snippets ausgeben zu können. Sie können das Test-Tool für strukturierte Daten verwenden, um herauszufinden, welche Informationen Google aus Ihren mit Markup versehenen Seiten herauslesen kann.
  • 12. Was ist mit Facebook Open Graph? Quelle: Quelle: http://theconversation.com/your-cat-has-toxoplasmosis-and-youre-worried-join-the-club-9365
  • 13. Google Schema.org vs. Facbook Open Graph• Facebook Open Graph verfüllt seinen Zweck gut, bietet jedoch nicht den Detailgrad, den Suchmaschinen benötigen, um die Nutzererfahrung zu verbessern.• Eine einzelne Webseite kann aus vielen Komponenten bestehen. Zudem kann sich der Inhalt um mehrere Dinge drehen. Auch wenn Sie Ihre Inhalte mit Facebook Open Graph auszeichnen, stellt schema.org immer noch eine zusätzliche Möglichkeit dar, weitere Details zu bestimmten Elementen auf der Seite verfügbar zu machen.
  • 14. Wird mein Ranking durch Schema.org besser? Quelle: Quelle: http://www.spinal-research.org/wp-content/uploads/2012/11/Paralysed-dog-credit-to-Geoff-Robinson-Photography1.jpg
  • 15. Wird mein Ranking dadurch besser• Google nutzt Markup derzeit nicht für Ranking-Zwecke, Rich Snippets können aber bewirken, dass Ihre Seiten in den Suchergebnissen auffälliger sind, sodass Sie mehr Zugriffe erhalten.
  • 16. Warum soll ich Google helfen? Quelle: Quelle: http://www.dairymoos.com/wp-content/uploads/2011/10/DSC02267.jpg
  • 17. Warum soll ich Markup verwenden?• Suchmaschinen werten Seiten-Markup auf verschiedene Arten aus. Google zum Beispiel generiert daraus Rich Snippets in den Suchergebnissen.• Nicht jeder Informationstyp auf schema.org wird derzeit in den Suchergebnissen ausgewiesen, Sie können jedoch damit rechnen, dass mit der Zeit immer mehr der Daten in verschiedenen Bereichen genutzt werden.• Zusätzlich finden andere Organisationen möglicherweise in Zukunft weitere interessante Möglichkeiten, das Markup einzusetzen, da es über Ihre Webseiten öffentlich zugänglich ist.
  • 18. Schluss mit den Tierfotos!Quelle: Quelle: http://www.awesomelycute.com/2013/03/new-batch-of-super-cute-animals/
  • 19. Quelle: Quelle: http://www.awesomelycute.com/2013/03/new-batch-of-super-cute-animals/
  • 20. Quelle: Quelle: http://www.awesomelycute.com/2013/03/new-batch-of-super-cute-animals/
  • 21. Quelle: Quelle: http://www.awesomelycute.com/2013/03/new-batch-of-super-cute-animals/
  • 22. Quelle: Quelle: http://www.awesomelycute.com/2013/03/new-batch-of-super-cute-animals/
  • 23. Enough!Quelle: Quelle: http://www.pichippo.com/static/images/2012/05/funny-dog-smiling-26052012.jpg
  • 24. Implementierung: Breadcrumbs Quelle: Quelle: http://simuragroup.com/wp-content/uploads/2012/05/Construction-1.jpg
  • 25. Quelle:
  • 26. Quelle:
  • 27. Der CodeQuelle: Quelle: http://acceleraterightnow.com/files/2012/03/Matrix-Code.jpg
  • 28. Breadcrumbs code<ul id="breadCrumbs"> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de" title="Home" itemprop="url"><span itemprop="title">Home</span></a>&raquo; </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de/konzerte" title="Konzerte" itemprop="url"><span itemprop="title">Konzerte</ span></a>&raquo; </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de/konzerte/rap_und_hip-hop" title="Rap und Hip-Hop" itemprop="url"><span itemprop="title">Rap und Hip-Hop</span></a>&raquo; </li> <li class="Last">Jay-Z Tickets</li></ul>
  • 29. Die Elemente von Schema.org Quelle: Quelle: http://www.crookedbrains.net/2010/09/table-design.html
  • 30. Breadcrumbs code<ul id="breadCrumbs"> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de" title="Home" itemprop="url"><span itemprop="title">Home</span></a>&raquo; </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de/konzerte" title="Konzerte" itemprop="url"><span itemprop="title">Konzerte</ span></a>&raquo; </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de/konzerte/rap_und_hip-hop" title="Rap und Hip-Hop" itemprop="url"><span itemprop="title">Rap und Hip-Hop</span></a>&raquo; </li> <li class="Last">Jay-Z Tickets</li></ul>
  • 31. Itemscope• Mit itemscope wird der Bereich definiert der von dem itemtype beschrieben wird: <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de" title="Home" itemprop="url"> <span itemprop="title">Home</span> </a> </li>
  • 32. Itemtype• Mit itemtype definieren wir von welcher Art dieser Bereich ist. <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de" title="Home" itemprop="url"> <span itemprop="title">Home</span> </a> </li>
  • 33. Itemprop• Mit itemprop definiert man die Attribute des Elements <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.worldticketshop.de" title="Home" itemprop="url"> <span itemprop="title">Home</span> </a> </li>
  • 34. Komplexeres Beispiel: Events Quelle: Quelle: http://www.mobile-prepaid.net/wp-content/uploads/2011/05/dus_events_konzert_espritarena.jpg
  • 35. Quelle:
  • 36. Quelle:
  • 37. Quelle:
  • 38. Quelle:
  • 39. Der CodeQuelle: Quelle: http://medea.mah.se/wp-content/uploads/2012/05/coderdojo-oskar.jpg
  • 40. Quelle:
  • 41. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> Wireless Festival 2013 - Friday and Saturday </span> </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 42. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> Wireless Festival 2013 - Friday and Saturday </span> </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 43. Verschachtelung von itemtypes<tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> Wireless Festival 2013 - Friday and Saturday </span> </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 44. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td>.... </td></tr>
  • 45. <a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen Elizabeth Olympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> Wireless Festival 2013 - Friday and Saturday </span> </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" />
  • 46. Quelle:
  • 47. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> 1 <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> Wireless Festival 2013 - Friday and Saturday </span> </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 48. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> 1 <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> </span> Wireless Festival 2013 - Friday and Saturday 2 </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 49. <tr class="v-no-hover" data-id="522027" itemscope itemtype="http://schema.org/Event"> <td class="v-nowrap"> <time itemprop="startDate" datetime="2013-07-12T11:00:00"> <span class="v-text-sml">12</span> </time> <span class="v-text-sml"> - </span> 1 <time itemprop="endDate" datetime="2013-07-13T22:30:00"> <span class="v-text-sml">13 Jul 2013</span> </time> </td> <td><a class="js-event v-block v-camo" href="/Konzert-Tickets/Rap-und-Hip-Hop/Jay-Z-Karten/E-522027" itemprop="url" title="Wireless Festival 2013 - Friday and Saturday in Queen ElizabethOlympic Park London am 12 - 13 Jul 2013 "> <span itemprop="location" itemscope itemtype="http://schema.org/Place"> 3 <span class="v-title-sml" itemprop="name">Queen Elizabeth Olympic Park</span>, <span class="v-text-sml" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="addressLocality">London</span> <span class="v-hidden" itemprop="addressCountry">GB</span> </span> </span> <span class="v-title-sml v-block"> <span itemprop="name"> </span> Wireless Festival 2013 - Friday and Saturday 2 </span></a> </td> <td> <span class="v-text-sml">Gro&#223;britannien</span> </td> <td> <span class="v-title-std">€247,61</span> </td> <td class="v-text-right v-nowrap"> <input type="button" class="v-btn-std js-buy" data-id="522027" value="Ansehen" /> </td></tr>
  • 50. Quelle:
  • 51. Quelle:
  • 52. Was mache ich wenn ich nicht programmieren kann? Quelle: Quelle: http://www.flickr.com/photos/bugbbq/3853099883/
  • 53. Der Google Data Highlighter Watch: http://www.youtube.com/watch?v=WrEJds3QeTw
  • 54. Data Highlighter Nachteile • Es werden nicht alle Daten erkannt auf allen Seiten• Es funktioniert nur bei Google
  • 55. Testen?Quelle: Quelle: http://top-achtung.blogspot.de/2011_04_03_archive.html
  • 56. Testen: Rich Snippet Testing Tool
  • 57. FutureQuelle: Quelle: http://russianmind.com/sites/default/files/future-ahead1.jpg
  • 58. Future .... nicht nur das Web • Wir müssen die Daten auf unseren Websiten für die Maschinen verständlicher machen, nur so können diese auch auf iWatch, Google Glasses anderen neuartigen Devices verwendet werden.• Einige im Web traditionelle Geschäftsmodelle mögen dadurch verschwinden aber es öffnen sich gleichzeitig wieder neue.
  • 59. Business Modelle werden verschwinden
  • 60. Danke!Timon Hartung @ DNTX.com @timondeluxe linkedin.timonhartung.com googleplus.timonhartung.com www.technicalseo.de