Лучшие практики для добавления семантики на сайт
Я немного озадачен семантикой сайтов. Я понимаю, что каждый URI должен представлять ресурс. Я предполагаю, что вся информация, предоставленная RDFa внутри веб-страницы, описывает ресурс, представленный URI этой веб-страницы. Мой вопрос: каковы лучшие практики для предоставления семантических данных дляподстраниц веб-сайта.
В моем случае я хочу создать веб-сайт для театральной группы под названием магма, используя RDFa с schema.org и словарями opengraph. Допустим, у меня есть страница приветствия (http://magma.com/), страница контактов (http://magma.com/contact/) и страницы для отдельных пьес (http://magma.com/play/<playid>/).
Теперь я думаю, что и страница приветствия, и страница контактов представляют один и тот же ресурс (магма), в то же время предоставляя различную информацию об этом ресурсе. Страницы игры, тем не менее, представляют игры, которые происходят только от магмы. Или лучше сказать, что страницы воспроизведения также представляют магму, но предоставляют информацию о играх, которые будут выполняться этой группой? Третий вариант, на который я наткнулся, этоhttp://schema.org/WebPage, Особенно подтипы типаContactPage кажется актуальным.
Когда дело доходит до реализации, куда мне поместить RDFa?
И наконец: как мой выбор изменит отношение сторонних веб-сайтов (Google, Facebook, ...)?
Я понимаю, что этот вопрос немного размыт. Чтобы сделать это более конкретным, я добавлю пример, который вы можете критиковать:
<html vocab="http://schema.org/" typeof="TheaterGroup">
<head>
<meta charset="UTF-8"/>
<title>Magma - Romeo and Juliet</title>
<!-- magma sematics from a template file -->
<meta property="name" content="Magma"/>
<meta property="logo" content="/static/logo.png"/>
<link rel="home" property="url" content="http://magma.com/"/>
</head>
<body>
<h1>Romeo and Juliet</h1>
<!-- semantics of the play -->
<div typeof="CreativeWork" name="Romeo and Juliet">
...
</div>
<h2>Shows</h2>
<!-- samantics of magma events -->
<ul property="events">
<li typeof="Event"><time property="startDate">...</time></li>
...
</ul>
</body>
</html>