Microformats
Schemantische Objekte in Webseiten
Was sind Microformats?
Microformats sind Metadaten.
Crawler von Suchmaschinen und anderen Diensten
können durch Microforma...
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 ...
Wie sieht es aus?
Es gibt mehrere konkurrierende Standards:
● Microformats (h-card, h-calendar, …)
● RDFa
● Schema.org / M...
Microformats (v2)
● Benutzt festgelegte Vokabular zur
Identifizierung.
● Community-Generiert.
● Neues Vokabular muss erst ...
Microformats Beispiel
<div class="h-card">
<img class="u-photo" alt="photo of Mitchell"
src="https://webfwd.org/content/ab...
Microdata (Schema.org / RDFa)
● Benutzt URIs zur klassifizierung.
● Von Google, Yahoo und Bing initiiert.
● Vokabular kann...
Microdata (Schema.org)
<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Jane Doe</span>
<img src=...
Unterstützung
● Google unterstützt alle Standards, empfiehlt aber
Microdata zu verwenden.
● Bei Blog-Feeds haben sich Micr...
Nur einen Standard verwenden
Google warnte explizit davor, mehr als einen
der drei Standards (Microformat, RDFa,
Schema.or...
Weiterführende Links
Schema.org Hauptseite
http://schema.org/docs/schemas.html
Microformats Hauptseite
http://microformats...
Nächste SlideShare
Wird geladen in …5
×

Microformats

242 Aufrufe

Veröffentlicht am

Webseiten maschinenlesbar machen mit Microformats.

Veröffentlicht in: Internet
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
242
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
3
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Microformats

  1. 1. Microformats Schemantische Objekte in Webseiten
  2. 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. 3. Anwendungsfälle Microformats / Daten machen Sinn bei ● Blogs (Atom, Readability) ● Events / Locations ● Kontaktinfos
  4. 4. Anwendungsfälle Google unterstützt Microformats für diese Anwendungsfälle: ● Reviews ● People ● Products ● Businesses and organizations ● Recipes ● Events ● Music
  5. 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. 6. Microformats (v2) ● Benutzt festgelegte Vokabular zur Identifizierung. ● Community-Generiert. ● Neues Vokabular muss erst von der Community akzeptiert werden. ● HTML4 Transitional und HTML5
  7. 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. 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. 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. 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. 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. 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/

×