Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
& 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/...
Upcoming SlideShare
Loading in …5
×

of

Findability Slide 1 Findability Slide 2 Findability Slide 3 Findability Slide 4 Findability Slide 5 Findability Slide 6 Findability Slide 7 Findability Slide 8 Findability Slide 9 Findability Slide 10 Findability Slide 11 Findability Slide 12 Findability Slide 13 Findability Slide 14 Findability Slide 15 Findability Slide 16 Findability Slide 17 Findability Slide 18 Findability Slide 19 Findability Slide 20 Findability Slide 21 Findability Slide 22 Findability Slide 23 Findability Slide 24 Findability Slide 25 Findability Slide 26 Findability Slide 27 Findability Slide 28 Findability Slide 29 Findability Slide 30 Findability Slide 31 Findability Slide 32 Findability Slide 33 Findability Slide 34 Findability Slide 35 Findability Slide 36 Findability Slide 37 Findability Slide 38 Findability Slide 39 Findability Slide 40 Findability Slide 41 Findability Slide 42 Findability Slide 43 Findability Slide 44 Findability Slide 45 Findability Slide 46 Findability Slide 47 Findability Slide 48 Findability Slide 49 Findability Slide 50 Findability Slide 51 Findability Slide 52
Upcoming SlideShare
Microformats
Next
Download to read offline and view in fullscreen.

4 Likes

Share

Download to read offline

Findability

Download to read offline

microformats are made for search engines

Related Books

Free with a 30 day trial from Scribd

See all

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
  • wmmrn

    May. 11, 2011
  • mattsches

    Mar. 2, 2010
  • Flocke669

    Feb. 3, 2010
  • sindrewimberger

    Feb. 3, 2010

microformats are made for search engines

Views

Total views

10,206

On Slideshare

0

From embeds

0

Number of embeds

6,441

Actions

Downloads

11

Shares

0

Comments

0

Likes

4

×