Mejores prácticas para agregar semántica a un sitio web

Question

Apr 14, 2013, 04:19 PM

Mejores prácticas para agregar semántica a un sitio web

Estoy un poco confundido acerca de la semántica de los sitios web. Entiendo que cada URI debe representar un recurso. Supongo que toda la información proporcionada por RDFa dentro de una página web describe el recurso representado por el URI de esa página web. Mi pregunta es: ¿Cuáles son las mejores prácticas para proporcionar datos semánticos parasubpáginas de un sitio web.

En mi caso, quiero crear un sitio web para un grupo de teatro llamado magma que use RDFa con schema.org y vocabularios opengraph. Digamos que tengo la página de bienvenida (http://magma.com/), una página de contacto (http://magma.com/contact/) y páginas para obras individuales (http://magma.com/play/<playid>/).

Ahora creo que tanto la página de bienvenida como la página de contacto representan el mismo recurso (magma) al tiempo que proporciona información diferente sobre ese recurso. Sin embargo, las páginas de juegos representan juegos que solo son realizados por magma. ¿O es mejor decir que las páginas de juego también representan magma pero que proporcionan información sobre las obras que realizará ese grupo? La tercera opción con la que tropecé eshttp://schema.org/WebPage. Especialmente los subtipos comoContactPage Parece ser relevante.

Cuando se trata de la implementación, ¿dónde pongo el RDFa?

Y finalmente: ¿Cómo cambiará mi elección la forma en que el sitio web es tratado por terceros (google, facebook, ...)?

Me doy cuenta de que esta pregunta es un poco borrosa. Para hacerlo más concreto, agregaré un ejemplo que podría criticar:

<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>