SlideShare ist ein Scribd-Unternehmen logo
Microformats
Schemantische Objekte in Webseiten
Was sind Microformats?
Microformats sind Metadaten.
Crawler von Suchmaschinen und anderen Diensten
können durch Microformats Real-World Objekte wie z.B.
Personen und ihre Verbindung zueinander klar erkennen.
Bsp. Mitarbeiter einer Firma, Schauspieler eines Filmes
Anwendungsfälle
Microformats / Daten machen Sinn bei
● Blogs (Atom, Readability)
● Events / Locations
● Kontaktinfos
Anwendungsfälle
Google unterstützt Microformats für diese
Anwendungsfälle:
● Reviews
● People
● Products
● Businesses and organizations
● Recipes
● Events
● Music
Wie sieht es aus?
Es gibt mehrere konkurrierende Standards:
● Microformats (h-card, h-calendar, …)
● RDFa
● Schema.org / Microdata (Google, Bing, Yahoo, Yandex)
● WAI-ARIA (Barrierefreiheit, W3 Reccomendation)
● Open Graph
Microformats (v2)
● Benutzt festgelegte Vokabular zur
Identifizierung.
● Community-Generiert.
● Neues Vokabular muss erst von der
Community akzeptiert werden.
● HTML4 Transitional und HTML5
Microformats Beispiel
<div class="h-card">
<img class="u-photo" alt="photo of Mitchell"
src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/>
<a class="p-name u-url"
href="http://blog.lizardwrangler.com/"
>Mitchell Baker</a>
(<a class="u-url"
href="https://twitter.com/MitchellBaker"
>@MitchellBaker</a>)
<span class="p-org">Mozilla Foundation</span>
<p class="p-note">
Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and
its activities.
</p>
<span class="p-category">Strategy</span>
<span class="p-category">Leadership</span>
</div>
Microdata (Schema.org / RDFa)
● Benutzt URIs zur klassifizierung.
● Von Google, Yahoo und Bing initiiert.
● Vokabular kann beliebig erweitert werden
● Nur HTML5 (schema.org)
● HTML4, XML, HTML5 (RDFa)
Microdata (Schema.org)
<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Jane Doe</span>
<img src="janedoe.jpg" itemprop="image" />
<span itemprop="jobTitle">Professor</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">
20341 Whitworth Institute
405 N. Whitworth
</span>
<span itemprop="addressLocality">Seattle</span>,
<span itemprop="addressRegion">WA</span>
<span itemprop="postalCode">98052</span>
</div>
<span itemprop="telephone">(425) 123-4567</span>
<a href="mailto:jane-doe@xyz.edu" itemprop="email">jane-doe@xyz.edu</a>
</div>
Unterstützung
● Google unterstützt alle Standards, empfiehlt aber
Microdata zu verwenden.
● Bei Blog-Feeds haben sich Microformats durchgesetzt.
● Microformats h-Card und h-Calendar sind ratifizierte
Standards.
● Browser-Unterstützung bisher nur über Plugins.
Nur einen Standard verwenden
Google warnte explizit davor, mehr als einen
der drei Standards (Microformat, RDFa,
Schema.org) gleichzeitig pro Objekt zu
verwenden.
(Hat die Warnung aber wieder relativiert.)
Es ist aber schlicht nicht nötig.
Weiterführende Links
Schema.org Hauptseite
http://schema.org/docs/schemas.html
Microformats Hauptseite
http://microformats.org/wiki/microformats2
Schema.org FAQ
https://support.google.com/webmasters/answer/1211158#whymicrodata
Structured Data Testing Tool
http://www.google.com/webmasters/tools/richsnippets
http://pin13.net/

Weitere ähnliche Inhalte

Ähnlich wie Microformats

Drupal Community Stammtisch
Drupal Community StammtischDrupal Community Stammtisch
Drupal Community Stammtisch
Social DNA GmbH
 
Change Management geht Web 2.0: Urknall oder Irrweg?
Change Management geht Web 2.0: Urknall oder Irrweg?Change Management geht Web 2.0: Urknall oder Irrweg?
Change Management geht Web 2.0: Urknall oder Irrweg?
Joachim Niemeier
 
Log Monitoring at eBay kleinanzeigen (April 2013)
Log Monitoring at eBay kleinanzeigen (April 2013)Log Monitoring at eBay kleinanzeigen (April 2013)
Log Monitoring at eBay kleinanzeigen (April 2013)
Manuel Aldana
 
Powersphere Lotus Connections
Powersphere Lotus ConnectionsPowersphere Lotus Connections
Powersphere Lotus Connections
Andreas Schulte
 
Web Content-Management-Systeme the Past - the Present - the Future
Web Content-Management-Systeme the Past - the Present - the FutureWeb Content-Management-Systeme the Past - the Present - the Future
Web Content-Management-Systeme the Past - the Present - the Future
Alexander Loechel
 
Anwendungsbeispiele von Enterprise Mashups
Anwendungsbeispiele von Enterprise MashupsAnwendungsbeispiele von Enterprise Mashups
Anwendungsbeispiele von Enterprise Mashupstischmid
 
Interoperable IT-Infrastruktur für die öffentliche Verwaltung
Interoperable IT-Infrastruktur für die öffentliche VerwaltungInteroperable IT-Infrastruktur für die öffentliche Verwaltung
Interoperable IT-Infrastruktur für die öffentliche Verwaltung
Johann Höchtl
 
Personalization & User Tracking
Personalization & User TrackingPersonalization & User Tracking
Personalization & User Tracking
Advance Metrics
 
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
confluent
 
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
 
Ice 2007
Ice 2007Ice 2007
Ice 2007
Andreas Schulte
 
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
 
TFF2023 - Navigating Tourism Data Nexus
TFF2023 - Navigating Tourism Data NexusTFF2023 - Navigating Tourism Data Nexus
TFF2023 - Navigating Tourism Data Nexus
TourismFastForward
 
Mikroformate in Bibliothekswebseiten
Mikroformate in BibliothekswebseitenMikroformate in Bibliothekswebseiten
Mikroformate in Bibliothekswebseiten
Christian Hauschke
 
Publishing in the digital age 1 december 2011 - semantic meetup zürich
Publishing in the digital age   1 december 2011 - semantic meetup zürichPublishing in the digital age   1 december 2011 - semantic meetup zürich
Publishing in the digital age 1 december 2011 - semantic meetup zürichAI4BD GmbH
 
Web Zweinull
Web ZweinullWeb Zweinull
Web Zweinull
georgpv
 

Ähnlich wie Microformats (17)

Drupal Community Stammtisch
Drupal Community StammtischDrupal Community Stammtisch
Drupal Community Stammtisch
 
Change Management geht Web 2.0: Urknall oder Irrweg?
Change Management geht Web 2.0: Urknall oder Irrweg?Change Management geht Web 2.0: Urknall oder Irrweg?
Change Management geht Web 2.0: Urknall oder Irrweg?
 
Log Monitoring at eBay kleinanzeigen (April 2013)
Log Monitoring at eBay kleinanzeigen (April 2013)Log Monitoring at eBay kleinanzeigen (April 2013)
Log Monitoring at eBay kleinanzeigen (April 2013)
 
Powersphere Lotus Connections
Powersphere Lotus ConnectionsPowersphere Lotus Connections
Powersphere Lotus Connections
 
Web Content-Management-Systeme the Past - the Present - the Future
Web Content-Management-Systeme the Past - the Present - the FutureWeb Content-Management-Systeme the Past - the Present - the Future
Web Content-Management-Systeme the Past - the Present - the Future
 
Anwendungsbeispiele von Enterprise Mashups
Anwendungsbeispiele von Enterprise MashupsAnwendungsbeispiele von Enterprise Mashups
Anwendungsbeispiele von Enterprise Mashups
 
Interoperable IT-Infrastruktur für die öffentliche Verwaltung
Interoperable IT-Infrastruktur für die öffentliche VerwaltungInteroperable IT-Infrastruktur für die öffentliche Verwaltung
Interoperable IT-Infrastruktur für die öffentliche Verwaltung
 
Personalization & User Tracking
Personalization & User TrackingPersonalization & User Tracking
Personalization & User Tracking
 
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
Clash of Cultures: Agile Microservices & Business Intelligence (Frank Schmidt...
 
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
 
Ice 2007
Ice 2007Ice 2007
Ice 2007
 
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
 
TFF2023 - Navigating Tourism Data Nexus
TFF2023 - Navigating Tourism Data NexusTFF2023 - Navigating Tourism Data Nexus
TFF2023 - Navigating Tourism Data Nexus
 
Mikroformate in Bibliothekswebseiten
Mikroformate in BibliothekswebseitenMikroformate in Bibliothekswebseiten
Mikroformate in Bibliothekswebseiten
 
Publishing in the digital age 1 december 2011 - semantic meetup zürich
Publishing in the digital age   1 december 2011 - semantic meetup zürichPublishing in the digital age   1 december 2011 - semantic meetup zürich
Publishing in the digital age 1 december 2011 - semantic meetup zürich
 
Web Zweinull
Web ZweinullWeb Zweinull
Web Zweinull
 

Mehr von stbaechler

Distributed apps
Distributed appsDistributed apps
Distributed apps
stbaechler
 
Immutable Libraries for React
Immutable Libraries for ReactImmutable Libraries for React
Immutable Libraries for React
stbaechler
 
Javascript Bundling and modularization
Javascript Bundling and modularizationJavascript Bundling and modularization
Javascript Bundling and modularization
stbaechler
 
Testing React Applications
Testing React ApplicationsTesting React Applications
Testing React Applications
stbaechler
 
User stories schreiben
User stories schreibenUser stories schreiben
User stories schreiben
stbaechler
 
Nested sets
Nested setsNested sets
Nested sets
stbaechler
 
Zeitplanung mit PERT
Zeitplanung mit PERTZeitplanung mit PERT
Zeitplanung mit PERT
stbaechler
 
Bower Paketmanager
Bower PaketmanagerBower Paketmanager
Bower Paketmanager
stbaechler
 

Mehr von stbaechler (8)

Distributed apps
Distributed appsDistributed apps
Distributed apps
 
Immutable Libraries for React
Immutable Libraries for ReactImmutable Libraries for React
Immutable Libraries for React
 
Javascript Bundling and modularization
Javascript Bundling and modularizationJavascript Bundling and modularization
Javascript Bundling and modularization
 
Testing React Applications
Testing React ApplicationsTesting React Applications
Testing React Applications
 
User stories schreiben
User stories schreibenUser stories schreiben
User stories schreiben
 
Nested sets
Nested setsNested sets
Nested sets
 
Zeitplanung mit PERT
Zeitplanung mit PERTZeitplanung mit PERT
Zeitplanung mit PERT
 
Bower Paketmanager
Bower PaketmanagerBower Paketmanager
Bower Paketmanager
 

Microformats

  • 2. Was sind Microformats? Microformats sind Metadaten. Crawler von Suchmaschinen und anderen Diensten können durch Microformats Real-World Objekte wie z.B. Personen und ihre Verbindung zueinander klar erkennen. Bsp. Mitarbeiter einer Firma, Schauspieler eines Filmes
  • 3. Anwendungsfälle Microformats / Daten machen Sinn bei ● Blogs (Atom, Readability) ● Events / Locations ● Kontaktinfos
  • 4. Anwendungsfälle Google unterstützt Microformats für diese Anwendungsfälle: ● Reviews ● People ● Products ● Businesses and organizations ● Recipes ● Events ● Music
  • 5. Wie sieht es aus? Es gibt mehrere konkurrierende Standards: ● Microformats (h-card, h-calendar, …) ● RDFa ● Schema.org / Microdata (Google, Bing, Yahoo, Yandex) ● WAI-ARIA (Barrierefreiheit, W3 Reccomendation) ● Open Graph
  • 6. Microformats (v2) ● Benutzt festgelegte Vokabular zur Identifizierung. ● Community-Generiert. ● Neues Vokabular muss erst von der Community akzeptiert werden. ● HTML4 Transitional und HTML5
  • 7. Microformats Beispiel <div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</span> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</span> <span class="p-category">Leadership</span> </div>
  • 8. Microdata (Schema.org / RDFa) ● Benutzt URIs zur klassifizierung. ● Von Google, Yahoo und Bing initiiert. ● Vokabular kann beliebig erweitert werden ● Nur HTML5 (schema.org) ● HTML4, XML, HTML5 (RDFa)
  • 9. Microdata (Schema.org) <div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Jane Doe</span> <img src="janedoe.jpg" itemprop="image" /> <span itemprop="jobTitle">Professor</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress"> 20341 Whitworth Institute 405 N. Whitworth </span> <span itemprop="addressLocality">Seattle</span>, <span itemprop="addressRegion">WA</span> <span itemprop="postalCode">98052</span> </div> <span itemprop="telephone">(425) 123-4567</span> <a href="mailto:jane-doe@xyz.edu" itemprop="email">jane-doe@xyz.edu</a> </div>
  • 10. Unterstützung ● Google unterstützt alle Standards, empfiehlt aber Microdata zu verwenden. ● Bei Blog-Feeds haben sich Microformats durchgesetzt. ● Microformats h-Card und h-Calendar sind ratifizierte Standards. ● Browser-Unterstützung bisher nur über Plugins.
  • 11. Nur einen Standard verwenden Google warnte explizit davor, mehr als einen der drei Standards (Microformat, RDFa, Schema.org) gleichzeitig pro Objekt zu verwenden. (Hat die Warnung aber wieder relativiert.) Es ist aber schlicht nicht nötig.
  • 12. Weiterführende Links Schema.org Hauptseite http://schema.org/docs/schemas.html Microformats Hauptseite http://microformats.org/wiki/microformats2 Schema.org FAQ https://support.google.com/webmasters/answer/1211158#whymicrodata Structured Data Testing Tool http://www.google.com/webmasters/tools/richsnippets http://pin13.net/