Findability

Matthias Pfefferle
& 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
1 of 52

Recommended

Websemantics by
WebsemanticsWebsemantics
WebsemanticsMatthias Pfefferle
8.7K views37 slides
Rapid Prototyping mit YAML4 by
Rapid Prototyping mit YAML4Rapid Prototyping mit YAML4
Rapid Prototyping mit YAML4Jens Grochtdreis
966 views71 slides
Am Ende ist doch alles HTML (Jax 2010) by
Am Ende ist doch alles HTML (Jax 2010)Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)Jens Grochtdreis
941 views61 slides
Am Ende ist doch alles HTML (Uni Mainz) by
Am Ende ist doch alles HTML (Uni Mainz)Am Ende ist doch alles HTML (Uni Mainz)
Am Ende ist doch alles HTML (Uni Mainz)Jens Grochtdreis
2K views78 slides
Modularisierung von Webseiten by
Modularisierung von WebseitenModularisierung von Webseiten
Modularisierung von WebseitenJens Grochtdreis
1.6K views69 slides
Microformats by
MicroformatsMicroformats
MicroformatsMatthias Pfefferle
10.4K views58 slides

More Related Content

Similar to Findability

Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014 by
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.2014kommoguntia
903 views31 slides
Web 3.0 konkret - Internet Briefing by
Web 3.0 konkret - Internet BriefingWeb 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet Briefingbasis06 AG
1.1K views47 slides
Plone im Kontext des WCMS Marktes by
Plone im Kontext des WCMS MarktesPlone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesAlexander Loechel
268 views59 slides
SharePointCommunity.ch SharePoint Lösungen für die Zukunft by
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 ZukunftDavid Schneider
1.8K views32 slides
Web3.0 Internet Briefing by
Web3.0 Internet BriefingWeb3.0 Internet Briefing
Web3.0 Internet BriefingDaniel Bruckhoff
910 views47 slides
HTML5 - presentation at W3C-Tag 2009 by
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009Felix Sasaki
718 views38 slides

Similar to Findability(20)

Suchmaschinenoptimierung - Vortrag Heiko Depner, La Mina GmbH - 02.12.2014 by kommoguntia
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
kommoguntia903 views
Web 3.0 konkret - Internet Briefing by basis06 AG
Web 3.0 konkret - Internet BriefingWeb 3.0 konkret - Internet Briefing
Web 3.0 konkret - Internet Briefing
basis06 AG1.1K views
SharePointCommunity.ch SharePoint Lösungen für die Zukunft by David Schneider
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 Schneider1.8K views
HTML5 - presentation at W3C-Tag 2009 by Felix Sasaki
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
Felix Sasaki718 views
2010 | mein!KI.KA – Die Kinderkanal-Community | Drupal Dev Days München by Jutta Horstmann
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 Horstmann291 views
SEO für China ... eine Einführung by Marcus Pentzek
SEO für China ... eine EinführungSEO für China ... eine Einführung
SEO für China ... eine Einführung
Marcus Pentzek1.6K views
Webinar Modern Valo - Ready-to-go Intranet by Beetroot AG
Webinar Modern Valo - Ready-to-go IntranetWebinar Modern Valo - Ready-to-go Intranet
Webinar Modern Valo - Ready-to-go Intranet
Beetroot AG190 views
Drupal Austria Roadshow in Klagenfurt by dasjo
Drupal Austria Roadshow in KlagenfurtDrupal Austria Roadshow in Klagenfurt
Drupal Austria Roadshow in Klagenfurt
dasjo1.4K views
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt" by Stephan Hamberger
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 Hamberger381 views
Top 10 Internet Trends 2006 by Jürg Stuker
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
Jürg Stuker1.3K views
UX Design: Ziele - Metriken - Patterns (4. Sitzung) by Marcus Haberkorn
UX Design: Ziele - Metriken - Patterns (4. Sitzung)UX Design: Ziele - Metriken - Patterns (4. Sitzung)
UX Design: Ziele - Metriken - Patterns (4. Sitzung)
Marcus Haberkorn2K views
Confluence & JIRA Community Day - Gezieltes Knowledge Networking mit Confluen... by Communardo GmbH
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 GmbH1.3K views
Top 10 Internet Trends 2007 by Jürg Stuker
Top 10 Internet Trends 2007Top 10 Internet Trends 2007
Top 10 Internet Trends 2007
Jürg Stuker1.4K views
Social Software für Unternehmen by Martin Koser
Social Software für UnternehmenSocial Software für Unternehmen
Social Software für Unternehmen
Martin Koser745 views
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen by ISARNETZ
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissenISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARCAMP: Hallo Welt / Dr. Richard Heigl - freies wissen
ISARNETZ654 views
.NET Datenzugriff einfach und performant mit Micro O/R Mappern by André Krämer
.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ämer1.2K views

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