Strukturen im Internet - Microformats vs. Microdata
Upcoming SlideShare
Loading in...5
×
 

Strukturen im Internet - Microformats vs. Microdata

on

  • 605 views

Mein Talk auf der Developer Week 2013 in Nürnberg. Thema: Wie bekommen wir Strukturen ins Netz? Antwort: Structured Data.

Mein Talk auf der Developer Week 2013 in Nürnberg. Thema: Wie bekommen wir Strukturen ins Netz? Antwort: Structured Data.

Statistics

Views

Total Views
605
Views on SlideShare
605
Embed Views
0

Actions

Likes
0
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Strukturen im Internet - Microformats vs. Microdata Strukturen im Internet - Microformats vs. Microdata Presentation Transcript

  • Struktur im InternetMicroformats vs. Microdatawww.flickr.com/photos/herrolsen/7009460113/
  • Nils LaukXING AGTeam Lead Frontend Architectureliebt Struktur
  • Computer sind dummwww.flickr.com/photos/tschaut/2702223634/
  • Helft dem Internetwww.flickr.com/photos/sebke/3485578139/
  • SemantikSemantik, auch Bedeutungslehre, nennt man dieTheorie oder Wissenschaft von der Bedeutung derZeichen. Zeichen können in diesem Fall Wörter,Phrasen oder Symbole sein. Die Semantik be-schäftigt sich typischerweise mit den Beziehungenzwischen Zeichen und Bedeutungen dieserZeichen. - (Wikipedia)www.flickr.com/photos/doug88888/3843456676/
  • <comicexpression></comicexpression>www.flickr.com/photos/jcolman/306950863/
  • Auftritt: Structured Datawww.flickr.com/photos/alancleaver/3405608142/
  • 2005Dan CederholmTantek ÇelikClass-Selektoren
  • Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk
  • <div class="vcard">Nils LaukXING AGDammtorstraße 29-3220354 Hamburgwww.xing.com/profile/nils_lauk</div>
  • <div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-address">Dammtorstraße 29-32</div><span class="postal-code">20354</span><span class="region">Hamburg</span></div><a href="#" class="url">www.xing.com/profile/nils_lauk</a></div>
  • Wahnsinn!
  • Schnittstelle - z.B. Add-on für Firefox
  • www.flickr.com/photos/borrowed/2278532757/Gut für die User
  • www.flickr.com/photos/zippy/50307480/Gut für die Industrie
  • Oft benutzte Microformats•hCard•hCalendar•rel-tag•XFN•hReview•hRecipe•hProduct•hMedia...
  • Mehrwertwww.flickr.com/photos/myklroventine/3400039523/
  • Happy Userwww.flickr.com/photos/jamesyu/366732694/
  • Microdata
  • sehr viele Typen, sehr ausführlich
  • <div class="vcard"><div class="fn">Nils Lauk</div><div class="org">XING AG</div><div class="adr"><div class="street-address">Dammtorstraße 29-32</div><span class="postal-code">20354</span><span class="region">Hamburg</span></div><a href="#" class="url">www.xing.com/profile/nils_lauk</a></div><div itemscope itemtype="http://schema.org/Person"><div itemprop="name">Nils Lauk</div><div itemscope itemtype="schema.org/Organization"><div itemprop="name">XING AG</div></div><div itemscope itemprop="address"itemtype="http://schema.org/PostalAddress"><div itemprop="streetAddress">Dammtorstraße 29-32</div><span itemprop="postalCode">20354</span><span itemprop="addressLocality">Hamburg</span></div><a href="#" itemprop="url">www.xing.com/profile/nils_lauk</a></div>
  • {"items": [{"type": ["http://schema.org/Essen"],"properties": {"Frucht": ["Apfel"]}},{"type": ["http://schema.org/Suess"],"properties": {"Schokolade": ["Herb"]}}]}github.com/matt-west/microdatajs
  • Microdata in freier Wildbahnwww.flickr.com/photos/29487767@N02/3439298042/
  • www.google.de/webmasters/tools/richsnippets
  • Keine Daten? AJAX...?
  • VergleichMicroformats•Class-Selektoren•etabliert•geringes SetMicrodata•HTML5•relativ neu•data-vocabulary.org•Google/Bing/Yahoo•schema.org•umfangreichwww.flickr.com/photos/blueridgekitties/4978985479/
  • Microformats 2www.flickr.com/photos/tzzimone/494855060/
  • <div class="vcard"><div class="fn">Hein Mück</div></div><div class="h-card">Hein Mück</div>MicroformatsMicroformats 2
  • Microformats 2<a class="h-card" href="http://foo.bar">Hein Mück</a>{"items": [{"type": ["h-card"],"properties": {"name": ["Hein Mueck"],"url": ["http://foo.bar"]}}]}
  • Microformats 2 - Zug abgefahren?www.flickr.com/photos/samchurchill/4587963200/
  • 13% mit Auszeichnungwww.flickr.com/photos/jepoirrier/2462476884/49,3% MF 14,4% MD 36,3% RDFaWeb Data Commons Extraction Report - Februar 2012 Corpus
  • Use structured datawww.flickr.com/photos/edtrigger/4276152246/
  • Geduldwww.flickr.com/photos/chovy/2353209387/
  • Alles wird gut!www.flickr.com/photos/31029865@N06/5845003579/
  • Dankewww.flickr.com/photos/timmy2s/7004300420/