Findability

2,926 views
2,922 views

Published on

microformats are made for search engines

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,926
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Findability

  1. 1. & findability 3. Webmontag Talk in Mannheim Matthias Pfefferle CTO von yiid (your internet id) ekaabo GmbH 1
  2. 2. microformats.org über microformats • Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. 2
  3. 3. Was sind microformats • microformats sind HTML-Design-Pattern um Text-Inhalten eine Bedeutung zu geben. 3
  4. 4. Webseiten sind „nur“ den Menschen verständlich... 4
  5. 5. Problem: ...für die Maschine nicht. <p> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </p> 5
  6. 6. Wie können microformats helfen? 6
  7. 7. hCard: microformat für Profildaten <p class=“vcard“> <h1>Max Mustermann</h1> <small>Web-Entwickler</small> <ul> <li>Mustergasse 2</li> <li>12345 Musterstadt</li> <li>Deutschland</li> </ul> </p> 7
  8. 8. hCard: microformat für Profildaten <p class=“vcard“> <h1 class=“fn“>Max Mustermann</h1> <small class=“note“>Web-Entwickler</small> <ul class=“adr“> <li class=“street-address“>Mustergasse 2</li> <li class=“locality“>12345 Musterstadt</li> <li class=“country-name“>Deutschland</li> </ul> </p> 8
  9. 9. Warum ist die hCard so wie sie ist? 9
  10. 10. hCard == vCard (RFC2426) <p class=“vcard“> BEGIN:VCARD <h1 class=“fn“>Max Mustermann</h1> VERSION:3.0 <small class=“note“>Web-Entwickler</small> N:Mustermann;Max <ul class=“adr“> FN:Max Mustermann <li class=“street-address“>Mustergasse 2</li> NOTE:Web-Entwickler <li class=“locality“>12345 Musterstadt</li> ADR;;Musterstraße <li class=“country-name“>Deutschland</li> 1;Musterstadt;;12345;Germany </ul> END:VCARD </p> 10
  11. 11. Bestehende Formate • hCard/adr - Kontaktdaten (vCard) • hCalendar - Kalender (iCalender) • rel-license - Lizenzinformationen • rel-tag - Tags • geo - Geodaten • XFN - XHTML Friends Network • hAtom - HTML Pendant zu RSS und Atom • hAudio/hMedia - Mediendaten • hListing, hNews, hProduct, hRecipe, hResume, hReview, ... 11
  12. 12. Wer definiert microformats? 12
  13. 13. Jeder kann mitarbeiten • Solve a specific problem • Start as simple as possible • Design for humans first, machines second • Reuse building blocks from widely adopted standards • Modularity / embeddability • Enable and encourage decentralized development, content, services 13
  14. 14. Warum microformats? 14
  15. 15. Yahoo! indexiert mehr als 1,650,000,000 hCards (insgesamt knapp 2,5 Milliarden unterschiedliche microformats Stand: 01.02.2010 15
  16. 16. Single-Sign-On 16
  17. 17. 17
  18. 18. DataPortability 18
  19. 19. 19
  20. 20. social network portability 20
  21. 21. 21
  22. 22. Kein Ersatz für bestehende Formate • hCard ist keine Alternative zu OpenID • hAtom ist kein Ersatz für RSS • hCard keine Ersatz für die vCard 22
  23. 23. Wann sind microformats wirklich sinnvoll? 23
  24. 24. Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. 24
  25. 25. Besonderheiten von microformats • Direkt im HTML-Quellcode • Eine Seite für Mensch und Maschine • Keine Hinterhof-Formate (wie z.B. RSS, ATOM oder RDF) 25
  26. 26. Web-Browser 26
  27. 27. Problem: User • microformats sind bisher nur rudimentär implementiert • meistens ist ein Plugin notwendig • die meisten Plugins setzen die Kenntnis von microformats voraus 27
  28. 28. findability (semantic seo) 28
  29. 29. Bekannte Formate • <a rel=“nofollow“ href=“...“ /> nofollow ist ein Mikroformat (in voller HTML-Notation rel="nofollow") innerhalb von Hyperlinks, welches Suchmaschinen anweist, diese sogenannten Rückverweise nicht zur Berechnung der Linkpopularität heranzuziehen. Quelle: http://de.wikipedia.org/wiki/Nofollow • <a rel=“canonical“ href=“...“ /> Es ist im Allgemeinen üblich, dass eine Website über mehrere Seiten verfügt, die die gleichen Produkte auflisten. Beispielsweise kann eine Seite Produkte in alphabetischer Reihenfolge anzeigen, während andere Seiten die gleichen Produkte nach Preis oder Bewertung geordnet anzeigen. Quelle: http://www.google.com/support/webmasters/bin/answer.py?hl=de&answer=139394 29
  30. 30. Individuelle Suchergebnisse durch microformats & co. 30
  31. 31. 31
  32. 32. 32
  33. 33. Strukturiertes Suchen mit microformats & co. 33
  34. 34. 34
  35. 35. Unterstützte Formate • hCard (searchmonkey:com.yahoo.page.uf.hcard) • hCalendar (searchmonkey:com.yahoo.page.uf.hcalendar) • hReview (searchmonkey:com.yahoo.page.uf.hreview) • hAtom (searchmonkey:com.yahoo.page.uf.hatom) • hResume (searchmonkey:com.yahoo.page.uf.hresume) • adr (searchmonkey:com.yahoo.page.uf.adr) • geo (searchmonkey:com.yahoo.page.uf.geo) • tag (searchmonkey:com.yahoo.page.uf.tag) • xfn (searchmonkey:com.yahoo.page.uf.xfn) • RDFa (searchmonkey:com.yahoo.page.rdf.rdfa) • eRDF (searchmonkey:com.yahoo.page.rdf.erdf) 35
  36. 36. 36
  37. 37. Link: http://www.google.com/profiles?q=microformats 37
  38. 38. Link: http://www.google.com/reviews?q=canon 38
  39. 39. Inhalte filtern 39
  40. 40. 40
  41. 41. 41
  42. 42. Googles SocialSearch 42
  43. 43. XHTML Friends Network <a href=“...“ rel=“friend met colleague“>...</a> 43
  44. 44. 44
  45. 45. 45
  46. 46. 46
  47. 47. Ausblick 47
  48. 48. Location-Based Search 48
  49. 49. Automatisch generierte Branchenverzeichnisse 49
  50. 50. Fazit • microformats sind kein Ersatz-Format • microformats bieten dort Vorteile, wo der Nutzer von ihnen profitiert ohne von ihnen zu erfahren • microformats werden die Browser- und Suchmaschinen in Zukunft stark beeinflussen 50
  51. 51. Noch Fragen? 51
  52. 52. Links • http://mikroformate.de • http://planetmikroformate.de • http://planetmicroformats.com • http://notizblog.org/tag/microformats 52

×