![Page 1: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/1.jpg)
Google je nejlepší kuchařworkshop o strukturovaném webu
22.6. 2011Národní technická knihovna
![Page 2: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/2.jpg)
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.
![Page 3: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/3.jpg)
Texttxt
![Page 4: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/4.jpg)
Tabulkacsv
![Page 5: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/5.jpg)
Stromhtml
![Page 6: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/6.jpg)
Grafrdf
![Page 7: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/7.jpg)
Web
![Page 8: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/8.jpg)
data HTTP HTML
![Page 9: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/9.jpg)
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
![Page 10: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/10.jpg)
Googlebot
![Page 11: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/11.jpg)
... je slepý
![Page 12: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/12.jpg)
black-box
A webová stránka je pro něj...
![Page 13: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/13.jpg)
![Page 14: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/14.jpg)
![Page 15: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/15.jpg)
![Page 16: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/16.jpg)
![Page 17: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/17.jpg)
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
![Page 18: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/18.jpg)
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
![Page 19: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/19.jpg)
RDF trojice
Podmět přísudek předmět.
Např.:ex:recept-na-testoviny rdf:type dv:Recipe .
![Page 20: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/20.jpg)
Zápisy RDF
• NTriples - trojice• Turtle• XML• RDFa
ویبサイト網頁
the Webवे�ब
вэб-ցանցვებเว็�บ
![Page 21: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/21.jpg)
Česky
<http://example.com/recipe> je recept.<http://example.com/recipe> se jmenuje "Nejlepší RDFa workshopové těstoviny".
![Page 22: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/22.jpg)
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 .
![Page 23: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/23.jpg)
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>
![Page 24: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/24.jpg)
Turtle
@prefix v: <http://rdf.data-vocabulary.org/#> .
<http://example.com/recipe> a v:Recipe ; v:name "Nejlepší workshopové RDFa těstoviny"@cs .
![Page 25: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/25.jpg)
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>
![Page 26: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/26.jpg)
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>
![Page 27: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/27.jpg)
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>
![Page 28: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/28.jpg)
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>
![Page 29: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/29.jpg)
HTML
<div> <h1>Nejlepší workshopové RDFa těstoviny</h1></div>
![Page 30: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/30.jpg)
Mikroformáty
<div class="hrecipe"> <h1 class="fn">Nejlepší workshopové RDFa těstoviny</h1></div>
![Page 31: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/31.jpg)
Microdata
<div itemscope itemtype="http://data-vocabulary.org/Recipe"> <h1 itemprop="name">Nejlepší workshopové RDFa těstoviny</h1></div>
![Page 32: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/32.jpg)
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>
![Page 33: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/33.jpg)
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>
![Page 34: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/34.jpg)
RDFa 1.1
<div vocab="http://rdf.data-vocabulary.org/#" typeof="Recipe"> <h1 property="name">Nejlepší workshopové RDFa těstoviny</h1></div>
![Page 35: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/35.jpg)
![Page 36: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/36.jpg)
RDFa
• Zápis RDF do HTML atributů• HTML a HTML+RDFa vypadá stejně• Pouze syntaxe, ne obsah• Standard W3C
![Page 37: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/37.jpg)
RDFa
![Page 38: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/38.jpg)
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ě.
![Page 39: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/39.jpg)
RDF slovníkyhttp://www.flickr.com/photos/judepics/409841087/
![Page 40: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/40.jpg)
RDF slovníky
![Page 41: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/41.jpg)
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>
![Page 42: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/42.jpg)
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/#"
![Page 43: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/43.jpg)
2. Pojmenujte popisovanou věc
about (XHTML, HTML5)
Např.: <body about="http://example.com/recipe">
![Page 44: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/44.jpg)
3. Co je to za věc?
typeof (XHTML, HTML5)
Např.:<body about="http://example.com/recipe" typeof="dv:Recipe">
![Page 45: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/45.jpg)
4. Jaké má věc vlastnosti?
property, rel, rev (XHTML, HTML5)Např.:<h1 property="name">Nejlepší workshopové RDFa těstoviny</h1>
![Page 46: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/46.jpg)
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>
![Page 47: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/47.jpg)
6. Popište hodnoty
xml:lang (XHTML), lang (HTML5), datatype (XHTML, HTML5)
Např.:<h1 property="name" lang="cs">Nejlepší workshopové RDFa těstoviny</h1>
![Page 48: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/48.jpg)
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
![Page 49: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/49.jpg)
Kdo RDFa používá
![Page 50: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/50.jpg)
Zdroj dat
![Page 51: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/51.jpg)
Sémantické vyhledávání
Recepty Google
![Page 52: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/52.jpg)
Hledání obrázků podle licence
![Page 53: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/53.jpg)
Sindice.com - pokročilé hledání
![Page 54: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/54.jpg)
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
![Page 55: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/55.jpg)
![Page 56: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/56.jpg)
1. Osobní stránky a profily organizací• vCard• Friend of a Friend (FOAF)• Google Data Vocabulary
![Page 57: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/57.jpg)
![Page 58: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/58.jpg)
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
![Page 59: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/59.jpg)
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á
![Page 60: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/60.jpg)
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
![Page 61: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/61.jpg)
Jste na tahu!
![Page 62: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/62.jpg)
“A little semantics goes a long way.”
James Hendler
![Page 63: Google je nejlepší kuchař - workshop o strukturovaném webu](https://reader035.vdocuments.net/reader035/viewer/2022081414/54c3eaa14a7959201a8b45cf/html5/thumbnails/63.jpg)
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)