SlideShare ist ein Scribd-Unternehmen logo
& findability
3. Webmontag Talk in Mannheim

       Matthias Pfefferle
  CTO von yiid (your internet id)
        ekaabo GmbH


                                    1
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
Was sind microformats


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




                                             3
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>Mustergasse 2</li>
  <li>12345 Musterstadt</li>
  <li>Deutschland</li>
 </ul>
</p>


                                 5
Wie können
microformats helfen?


                       6
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
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
Warum ist die hCard so
     wie sie ist?


                         9
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
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
Wer definiert
microformats?


                12
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
Warum microformats?



                      14
Yahoo! indexiert mehr als
  1,650,000,000 hCards
  (insgesamt knapp 2,5
        Milliarden
     unterschiedliche
      microformats
         Stand: 01.02.2010


                             15
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 keine Ersatz für die vCard


                                          22
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
widely adopted standards.
                            24
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
Web-Browser




              26
Problem: User

• microformats sind bisher nur rudimentär
  implementiert
• meistens ist ein Plugin notwendig
• die meisten Plugins setzen die Kenntnis von
  microformats voraus




                                                27
findability
(semantic seo)


                 28
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
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.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
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>

                                                   43
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 ohne von ihnen
  zu erfahren
• microformats werden die Browser- und
  Suchmaschinen in Zukunft stark beeinflussen



                                               50
Noch Fragen?



               51
Links

• http://mikroformate.de
• http://planetmikroformate.de
• http://planetmicroformats.com
• http://notizblog.org/tag/microformats

                                          52

Weitere ähnliche Inhalte

Ähnlich wie Findability

What's new? UiPath Neuerungen 2023
What's new? UiPath Neuerungen 2023What's new? UiPath Neuerungen 2023
What's new? UiPath Neuerungen 2023
FotiosKaramitsos
 
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
kommoguntia
 
Web 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet BriefingWeb 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet Briefing
basis06 AG
 
Plone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesPlone im Kontext des WCMS Marktes
Plone im Kontext des WCMS Marktes
Alexander Loechel
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
David Schneider
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
Felix Sasaki
 
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
Jutta Horstmann
 
SEO für China ... eine Einführung
SEO für China ... eine EinführungSEO für China ... eine Einführung
SEO für China ... eine Einführung
Marcus Pentzek
 
Webinar Modern Valo - Ready-to-go Intranet
Webinar Modern Valo - Ready-to-go IntranetWebinar Modern Valo - Ready-to-go Intranet
Webinar Modern Valo - Ready-to-go Intranet
Beetroot AG
 
Drupal Austria Roadshow in Klagenfurt
Drupal Austria Roadshow in KlagenfurtDrupal Austria Roadshow in Klagenfurt
Drupal Austria Roadshow in Klagenfurt
dasjo
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Stephan Hamberger
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
Jürg Stuker
 
UX Design: Ziele - Metriken - Patterns (4. Sitzung)
UX Design: Ziele - Metriken - Patterns (4. Sitzung)UX Design: Ziele - Metriken - Patterns (4. Sitzung)
UX Design: Ziele - Metriken - Patterns (4. Sitzung)
Marcus Haberkorn
 
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...Communardo GmbH
 
Top 10 Internet Trends 2007
Top 10 Internet Trends 2007Top 10 Internet Trends 2007
Top 10 Internet Trends 2007
Jürg Stuker
 
Social Software für Unternehmen
Social Software für UnternehmenSocial Software für Unternehmen
Social Software für Unternehmen
Martin Koser
 
171211 kitodo
171211 kitodo171211 kitodo
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissenISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARNETZ
 
.NET Datenzugriff einfach und performant mit Micro O/R Mappern
.NET Datenzugriff einfach und performant mit Micro O/R Mappern .NET Datenzugriff einfach und performant mit Micro O/R Mappern
.NET Datenzugriff einfach und performant mit Micro O/R Mappern
André Krämer
 

Ähnlich wie Findability (20)

What's new? UiPath Neuerungen 2023
What's new? UiPath Neuerungen 2023What's new? UiPath Neuerungen 2023
What's new? UiPath Neuerungen 2023
 
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014
 
Web 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet BriefingWeb 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet Briefing
 
Plone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesPlone im Kontext des WCMS Marktes
Plone im Kontext des WCMS Marktes
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
 
Web3.0 Internet Briefing
Web3.0 Internet BriefingWeb3.0 Internet Briefing
Web3.0 Internet Briefing
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München
 
SEO für China ... eine Einführung
SEO für China ... eine EinführungSEO für China ... eine Einführung
SEO für China ... eine Einführung
 
Webinar Modern Valo - Ready-to-go Intranet
Webinar Modern Valo - Ready-to-go IntranetWebinar Modern Valo - Ready-to-go Intranet
Webinar Modern Valo - Ready-to-go Intranet
 
Drupal Austria Roadshow in Klagenfurt
Drupal Austria Roadshow in KlagenfurtDrupal Austria Roadshow in Klagenfurt
Drupal Austria Roadshow in Klagenfurt
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
 
UX Design: Ziele - Metriken - Patterns (4. Sitzung)
UX Design: Ziele - Metriken - Patterns (4. Sitzung)UX Design: Ziele - Metriken - Patterns (4. Sitzung)
UX Design: Ziele - Metriken - Patterns (4. Sitzung)
 
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen...
 
Top 10 Internet Trends 2007
Top 10 Internet Trends 2007Top 10 Internet Trends 2007
Top 10 Internet Trends 2007
 
Social Software für Unternehmen
Social Software für UnternehmenSocial Software für Unternehmen
Social Software für Unternehmen
 
171211 kitodo
171211 kitodo171211 kitodo
171211 kitodo
 
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissenISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
 
.NET Datenzugriff einfach und performant mit Micro O/R Mappern
.NET Datenzugriff einfach und performant mit Micro O/R Mappern .NET Datenzugriff einfach und performant mit Micro O/R Mappern
.NET Datenzugriff einfach und performant mit Micro O/R Mappern
 

Findability

  • 1. & findability 3. Webmontag Talk in Mannheim Matthias Pfefferle CTO von yiid (your internet id) ekaabo GmbH 1
  • 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. Was sind microformats • microformats sind HTML-Design-Pattern um Text-Inhalten eine Bedeutung zu geben. 3
  • 4. Webseiten sind „nur“ den Menschen verständlich... 4
  • 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
  • 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. 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. Warum ist die hCard so wie sie ist? 9
  • 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. 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
  • 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
  • 15. Yahoo! indexiert mehr als 1,650,000,000 hCards (insgesamt knapp 2,5 Milliarden unterschiedliche microformats Stand: 01.02.2010 15
  • 17. 17
  • 19. 19
  • 20. social network portability 20
  • 21. 21
  • 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
  • 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. 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
  • 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
  • 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
  • 31. 31
  • 32. 32
  • 34. 34
  • 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
  • 40. 40
  • 41. 41
  • 43. XHTML Friends Network <a href=“...“ rel=“friend met colleague“>...</a> 43
  • 44. 44
  • 45. 45
  • 46. 46
  • 47. Ausblick 47
  • 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
  • 52. Links • http://mikroformate.de • http://planetmikroformate.de • http://planetmicroformats.com • http://notizblog.org/tag/microformats 52