Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
& findability
3. Webmontag Talk in Mannheim

       Matthias Pfefferle
  CTO von yiid (your internet id)
        ekaabo Gmb...
microformats.org über
    microformats

• Designed for humans first and machines
  second, microformats are a set of simple...
Was sind microformats


• microformats sind HTML-Design-Pattern um
  Text-Inhalten eine Bedeutung zu geben.




          ...
Webseiten sind „nur“
  den Menschen
  verständlich...




                       4
Problem: ...für die
      Maschine nicht.
<p>
 <h1>Max Mustermann</h1>
 <small>Web-Entwickler</small>
 <ul>
  <li>Musterga...
Wie können
microformats helfen?


                       6
hCard: microformat für
     Profildaten
<p class=“vcard“>
 <h1>Max Mustermann</h1>
 <small>Web-Entwickler</small>
 <ul>
  <...
hCard: microformat für
     Profildaten
<p class=“vcard“>
 <h1 class=“fn“>Max Mustermann</h1>
 <small class=“note“>Web-Entw...
Warum ist die hCard so
     wie sie ist?


                         9
hCard == vCard
                    (RFC2426)
<p class=“vcard“>                                 BEGIN:VCARD
 <h1 class=“fn“...
Bestehende Formate
•   hCard/adr - Kontaktdaten (vCard)

•   hCalendar - Kalender (iCalender)

•   rel-license - Lizenzinf...
Wer definiert
microformats?


                12
Jeder kann mitarbeiten
•   Solve a specific problem

•   Start as simple as possible

•   Design for humans first, machines ...
Warum microformats?



                      14
Yahoo! indexiert mehr als
  1,650,000,000 hCards
  (insgesamt knapp 2,5
        Milliarden
     unterschiedliche
      mic...
Single-Sign-On



                 16
17
DataPortability



                  18
19
social network
  portability


                 20
21
Kein Ersatz für
  bestehende Formate

• hCard ist keine Alternative zu OpenID
• hAtom ist kein Ersatz für RSS
• hCard kein...
Wann sind
microformats wirklich
      sinnvoll?


                        23
Designed for humans first
and machines second,
microformats are a set of
simple, open data formats
built upon existing and
...
Besonderheiten von
     microformats

• Direkt im HTML-Quellcode
• Eine Seite für Mensch und Maschine
• Keine Hinterhof-Fo...
Web-Browser




              26
Problem: User

• microformats sind bisher nur rudimentär
  implementiert
• meistens ist ein Plugin notwendig
• die meisten...
findability
(semantic seo)


                 28
Bekannte Formate
• <a rel=“nofollow“ href=“...“ />
  nofollow ist ein Mikroformat (in voller HTML-Notation rel="nofollow")...
Individuelle
Suchergebnisse durch
 microformats & co.


                       30
31
32
Strukturiertes Suchen
mit microformats & co.


                         33
34
Unterstützte Formate
•   hCard (searchmonkey:com.yahoo.page.uf.hcard)

•   hCalendar (searchmonkey:com.yahoo.page.uf.hcale...
36
Link: http://www.google.com/profiles?q=microformats
                                                     37
Link: http://www.google.com/reviews?q=canon
                                              38
Inhalte filtern



                 39
40
41
Googles SocialSearch



                       42
XHTML Friends
         Network




<a href=“...“ rel=“friend met colleague“>...</a>

                                     ...
44
45
46
Ausblick



           47
Location-Based Search




                        48
Automatisch generierte
Branchenverzeichnisse




                         49
Fazit

• microformats sind kein Ersatz-Format
• microformats bieten dort Vorteile, wo der
  Nutzer von ihnen profitiert ohn...
Noch Fragen?



               51
Links

• http://mikroformate.de
• http://planetmikroformate.de
• http://planetmicroformats.com
• http://notizblog.org/tag/...
Nächste SlideShare
Wird geladen in …5
×

Findability

5.593 Aufrufe

Veröffentlicht am

microformats are made for search engines

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

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

×