Google je nejlepší kuchařworkshop o strukturovaném webu

22.6. 2011Národní technická knihovna

Recept na tento workshop

1. Usaď zhruba 50 účastníků znalých HTML do příjemné místnosti.

2. Řekni jim o strukturovaných datech a RDFa (25 minut).3. Rozděl je do 4 skupin podle toho, co je zajímá.4. Nechej je pod vedením zapisovat data (60 minut).5. Pomáhej jim, když nebudou vědět.6. Předveď během workshopu upečená strukturovaná data.

Texttxt

Tabulkacsv

Stromhtml

Grafrdf

Web

data HTTP HTML

Web dokumentů

• Velká část informací na Webu ...o je přístupná pouze vizuálněo je přístupná pouze v kontextuo není dostatečně formalizovaná pro automatizované

zpracovánío je určená lidem, ale ne strojům

Googlebot

... je slepý

black-box

A webová stránka je pro něj...

RDF

define:RDF• Resource Description Framework• Standardní formát pro data na Webu• RDF popisuje zdroje• Zdroje jsou pojmenovány pomocí URI• Jednotkou RDF je trojice

URI

define:URI• Uniform Resource Identifier• Globálně unikátní jméno (identifikátor) zdroje na Webu

URI:<http://rdf.data-vocabulary.org/#Recipe>

Kompaktní URI (CURIE):@prefix dv: <http://rdf.data-vocabulary.org/#> .dv:Recipe

RDF trojice

Podmět        přísudek      předmět.

Např.:ex:recept-na-testoviny rdf:type dv:Recipe .

Zápisy RDF

• NTriples - trojice• Turtle• XML• RDFa

ویبサイト網頁

the Webवे�ब

вэб-ցանցვებเว็�บ

Česky

<http://example.com/recipe> je recept.<http://example.com/recipe> se jmenuje "Nejlepší RDFa workshopové těstoviny".

NTriples

<http://example.com/recipe> <http://www.w3.org/1999/02/22-rdf-syntax-ns#type><http://rdf.data-vocabulary.org/#Recipe>.

<http://example.com/recipe><http://rdf.data-vocabulary.org/#name> "Nejlepší workshopové RDFa těstoviny"@cs .

XML

<?xml version="1.0"?><rdf:RDF  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"   xmlns:v="http://rdf.data-vocabulary.org/#">  <v:Recipe rdf:about="http://example.com/recipe">    <v:name xml:lang="cs">Nejlepší workshopové RDFa těstoviny</v:name>  </v:Recipe></rdf:RDF>

Turtle

@prefix v: <http://rdf.data-vocabulary.org/#> .

<http://example.com/recipe> a v:Recipe ;  v:name "Nejlepší workshopové RDFa těstoviny"@cs  .

RDFa

<div  vocab="http://rdf.data-vocabulary.org/#"  typeof="Recipe"  about="http://example.com/recipe">  <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa - věc (subjekt)

<div  vocab="http://rdf.data-vocabulary.org/#"  typeof="Recipe"  about="http://example.com/recipe">  <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa - vlastnost (predikát)

<div  vocab="http://rdf.data-vocabulary.org/#"  typeof="Recipe"  about="http://example.com/recipe">  <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa - hodnota (objekt)

<div  vocab="http://rdf.data-vocabulary.org/#"  typeof="Recipe"  about="http://example.com/recipe">  <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>

HTML

<div>  <h1>Nejlepší workshopové RDFa těstoviny</h1></div>

Mikroformáty

<div class="hrecipe">  <h1 class="fn">Nejlepší workshopové RDFa těstoviny</h1></div>

Microdata

<div itemscope itemtype="http://data-vocabulary.org/Recipe">  <h1 itemprop="name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa 1.0 (XHTML)

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Recipe">  <h1 property="v:name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa 1.1

<div prefix="v: http://rdf.data-vocabulary.org/#" typeof="v:Recipe">  <h1 property="v:name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa 1.1

<div vocab="http://rdf.data-vocabulary.org/#" typeof="Recipe">  <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>

RDFa

• Zápis RDF do HTML atributů• HTML a HTML+RDFa vypadá stejně• Pouze syntaxe, ne obsah• Standard W3C

RDFa

RDFa v praxi

1. Určete, co chcete popisovat (např. recept).2. Najděte RDF slovník, kterým to lze popsat (např. Google

Data Vocabulary).3. Použijte prostředky slovníku k vyjádření popisu (např. dv:Recipe) ve vaší statické HTML stránce nebo dynamicky naplňované HTML šabloně.

RDF slovníkyhttp://www.flickr.com/photos/judepics/409841087/

RDF slovníky

0. Použijte správný DOCTYPE

• XHTML: <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN""http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">• HTML5: <!doctype html>

1. Uveďte použité slovníky

xmlns (XHTML)

Např.:xmlns:dv="http://rdf.data-vocabulary.org/#"

prefix, vocab, profile (HTML5)

Např.:prefix="dv: http://rdf.data-vocabulary.org/#"

2. Pojmenujte popisovanou věc

about (XHTML, HTML5)

Např.: <body about="http://example.com/recipe">

3. Co je to za věc?

typeof (XHTML, HTML5)

Např.:<body about="http://example.com/recipe" typeof="dv:Recipe">

4. Jaké má věc vlastnosti?

property, rel, rev (XHTML, HTML5)Např.:<h1 property="name">Nejlepší workshopové RDFa těstoviny</h1>

5. Přiřaďte vlastnostem hodnoty

textový obsah HTML elementu, content, href, resource, src (XHTML, HTML5)

Např.:<h1 property="name">Nejlepší workshopové RDFa těstoviny</h1>

Nebo:<span property="v:author" rel="dcterms:creator" resource="http://purl.org/klimek#me">Jakub Klímek</span>

6. Popište hodnoty

xml:lang (XHTML), lang (HTML5), datatype (XHTML, HTML5)

Např.:<h1 property="name" lang="cs">Nejlepší workshopové RDFa těstoviny</h1>

K čemu je RDFa?

• Větší viditelnost, lepší nalezitelnosto Search Engine Optimization

Např. BestBuyo Sémantické vyhledávání

Např. vertikální vyhledávání v Google• Sémantická reklama

o Kontextuální doporučování• Agregace dat

o Např. Facebook Like Button• Potenciál k linkování, rekombinaci a remixování dat

Kdo RDFa používá

Zdroj dat

Sémantické vyhledávání

Recepty Google

Hledání obrázků podle licence

Sindice.com - pokročilé hledání

Search engine optimization

• zvyšení návštěvnosti z vyhledávačůo Např. BestBuy +30 %

• zvýšení click-through rate pro atraktivnější výsledky vyhledávánío Např. BestBuy pro Yahoo! +15 %

Zdroj

1. Osobní stránky a profily organizací• vCard• Friend of a Friend (FOAF)• Google Data Vocabulary

2. GoodRelations pro produkty v e-shopech• Kdo jej používá?

o Google, Yahoo, BestBuy, Overstock, O'Reilly, Peek & Clopenburg

• Jak mi může pomoci?o Semantic SEOo Rich Snippets

3. Google Data Vocabulary pro receptyVýhody+   jednotná reprezentace receptu+   lepší zobrazení ve vyhledávání Google

Nevýhody-    hodnocení receptu lze jednoduše zneužít-    reprezentace množství a ingrediencí není jazykově a regionálně nezávislá

4. rNews pro články

• Nový RDF slovník pro popis článků• Vychází z existujících standardů (např. NewsML)• Vytvářen International Press Telecommunications Council

(IPTC)o Konsorcium tiskových organizací (např. NY Times,

Associated Press, Reuters)• Beta verze 0.5, verze 1.0 se chystá na září 2011• Design pro jednoduchost

Jste na tahu!

“A little semantics goes a long way.”

James Hendler

Díky!

Pořadatelé:SNM GUG (@SNMgug)             NTK (@ntkcz)

Vedoucí workshopu:Jindřich Mynarz (@jindrichmynarz)

Jakub Klímek (@jakub_klimek)Josef Petrák (@padacek)

Marek Ovečka (@kveigar)