Upgrade to Pro — share decks privately, control downloads, hide ads and more …

nuqjatlh, cha’DIch (What does it mean, too? / Sekunde mal, wat soll’n dit heißen?)

nuqjatlh, cha’DIch (What does it mean, too? / Sekunde mal, wat soll’n dit heißen?)

Unter „semantischem Markup“ verstehen viele, die jeweils passenden HTML-Elemente einzusetzen. Diese beschreiben aber die Struktur, nicht den Inhalt einer Webseite.
Damit „verstehen“ Maschinen (bspw. Suchmaschinen) noch nicht, worum es auf der Seite geht. Dem kann man mit microformats, microdata, RDFa, Schema.org nachhelfen. Davon profitieren nicht nur Suchmaschinen; es werden auch andere Anwendungen gezeigt, die den Nutzern zugute kommen.
Achtung: Der Vortrag kann Spuren von klingonischen Flüchen enthalten.

Gunnar Bittersmann

February 02, 2017
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

Transcript

  1. 
    

    View Slide

  2. nuqjatlh
    cha’DIch

    View Slide

  3. hä?

    View Slide

  4. What does it mean,
    too?

    View Slide

  5. Sekunde mal,
    wat soll’n dit heißen?

    View Slide

  6. View Slide

  7. Tonight we want to add our voices to the thousands
    of Americans who are protesting at airports around
    the country the Muslim Ban and the detention of
    foreign nationals and refugees. America is a nation
    of immigrants and we find this anti-democratic and
    fundamentally un-American.
    —Bruce Springsteen, Adelaide, Australia, 30 January 2017
    AMERICAN LAND
    Written by Bruce Springsteen

    View Slide

  8. Tonight we want to add our voices to the thousands
    of Americans who are protesting at airports around
    the country the Muslim Ban and the detention of
    foreign nationals and refugees. America is a nation
    of immigrants and we find this anti-democratic and
    fundamentally un-American.
    —Bruce Springsteen, Adelaide, Australia, 30 January 2017
    AMERICAN LAND
    Written by Bruce Springsteen
    The McNicholas, the Posalskis, the Smiths, Zerillis, too
    The Blacks, the Irish, Italians, the Germans and the Jews
    Come across the water a thousand miles from home
    With nothing in their bellies but the fire down below
    They died building the railroads worked to bones and skin
    They died in the fields and factories names scattered in the wind
    They died to get here a hundred years ago they’re still dying now
    The hands that built the country we’re always trying to keep out

    View Slide

























  9. Tonight we want to add our voices to the thousands
    of Americans who are protesting at airports around
    the country the Muslim Ban and the detention of
    foreign nationals and refugees. America is a nation
    of immigrants and we find this anti-democratic and
    fundamentally un-American.
    —Bruce Springsteen, Adelaide, Australia, 30 January 2017
    American Land
    Written by Bruce Springsteen
    The McNicholas, the Posalskis, the Smiths, Zerillis, too
    The Blacks, the Irish, Italians, the Germans and the Jews
    Come across the water a thousand miles from home
    With nothing in their bellies but the fire down below
    They died building the railroads worked to bones and skin
    They died in the fields and factories names scattered in the wind
    They died to get here a hundred years ago they’re still dying now
    The hands that built the country we’re always trying to keep out

    View Slide

  10. View Slide

  11. subject
    predicate
    object
    Resource Description Framework

    View Slide

  12. <>
    type
    Song
    subject
    predicate
    object

    View Slide

  13. http://example.org/songs/american-land
    http://example.org/ns/type
    http://example.org/ns/Song
    subject
    predicate
    object

    View Slide

  14. http://example.org/songs/american-land
    http://example.org/ns/name
    "American Land"
    subject
    predicate
    object

    View Slide

  15. http://example.org/songs/american-land
    http://example.org/ns/author
    http://example.org/people/bruce
    subject
    predicate
    object

    View Slide

  16. http://example.org/people/bruce
    http://example.org/ns/name
    "Bruce Springsteen"
    subject
    predicate
    object

    View Slide

  17. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:ns="http://example.org/ns/"
    >




    American Land


    Bruce Springsteen




    XML

    View Slide

  18. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:ns="http://example.org/ns/"
    >




    American Land

    View Slide

  19. {
    "@context": "http://example.org/ns",
    "type": "Song",
    "name": "American Land“,
    "author": {
    "type": "Person",
    "name": "Bruce Springsteen"
    }
    }
    JSON-LD

    View Slide

  20. http://example.org/songs/american-land
    http://example.org/ns/type
    http://example.org/ns/Song
    subject
    predicate
    object
    readable.

    View Slide

  21. http://example.org/songs/american-land
    http://example.org/ns/type
    http://example.org/ns/Song
    subject
    predicate
    object
    understandable?

    View Slide

  22. http://example.org/songs/american-land
    http://schema.org/type
    http://schema.org/CreativeWork
    subject
    predicate
    object
    understandable.

    View Slide


  23. American Land
    Written by Bruce Springsteen
    RDFa

    View Slide


  24. American Land
    Written by Bruce Springsteen
    RDFa

    View Slide


  25. American Land
    Written by Bruce Springsteen
    RDFa

    View Slide


  26. American Land
    Written by

    Bruce Springsteen


    RDFa

    View Slide


  27. American Land
    Written by

    Bruce Springsteen


    RDFa

    View Slide


  28. American Land
    Written by



    Bruce Springsteen



    RDFa

    View Slide


  29. American Land
    Written by
    typeof="http://schema.org/Person">

    Bruce Springsteen


    RDFa

    View Slide


  30. American Land
    Written by
    typeof="http://schema.org/Person">

    Bruce Springsteen



    View Slide


  31. American Land
    Written by
    typeof="Person">

    Bruce Springsteen



    View Slide


  32. American Land
    Written by
    typeof="Person">
    Bruce Springsteen



    View Slide


  33. American Land
    Written by
    itemscope itemtype="http://schema.org/Person">
    Bruce Springsteen


    Microdata

    View Slide

  34. View Slide

  35. View Slide

  36. OUT OF YOUR BEANS
    COFFEE GRINDERS
    98 € PICK
    Peugeot
    Coffee grinder
    76 € PICK
    Kalita
    Coffee grinder
    54 € PICK
    Heyde
    Coffee grinder

    View Slide














  37. Pick me!



    View Slide

  38. #page-products
    {

    .product-list
    {

    li { … }
    [property="image"] { … }
    [property="brand"] { … }
    [property="model"] { … }
    [property="description"] { … }
    [property="price"] { … }
    button { … }
    }
    }

    View Slide

  39. no classes!
    Look ma,

    View Slide

  40. View Slide

  41. View Slide

  42. View Slide

  43. View Slide

  44. 

    View Slide