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

Strukturen im Internet - Microformats vs. Microdata

on

  • 556 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
556
Slideshare-icon Views on SlideShare
556
Embed Views
0

Actions

Likes
0
Downloads
3
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/