Herramientas para webmasters de Google

A continuación se indica el mismo código HTML marcado con microdatos:

<div itemscope itemtype="http://data-vocabulary.org/Person">
  Mi nombre es <span itemprop="name">Roberto Sánchez</span>, 
    
  pero me llaman <span itemprop="nickname">Rober</span>.
  Esta es mi página principal: 
  <a href="http://www.example.com" itemprop="url">www.example.com</a>.
   
  Vivo en 
  <span itemprop="address" itemscope
    itemtype="http://data-vocabulary.org/Address">
    <span itemprop="locality">Alcobendas</span>, 
    <span itemprop="region">Madrid</span> 
  </span>
  y trabajo de <span itemprop="title">ingeniero</span>
   
  en <span itemprop="affiliation">ACME S.A.</span>.
  Mis amigos:
  <a href="http://blog-david.example.com" rel="friend">David</a>y 
    
  <a href="http://blog-elena.example.com" rel="friend">Elena</a>

</div>

A continuación se indica cómo funciona este ejemplo:

• En la primera línea, <itemscope itemtype="http://www.data-vocabulary.org/Person"> indica que el código HTML incluido en <div> representa una persona. itemscope indica que el contenido de <div> describe un elemento, y itemtype="http://www.data-vocabulary.org/Person" indica que el elemento es una persona. Se puede usar person para que represente vcard de microformatos.
• En el ejemplo se describen las propiedades de una persona como, por ejemplo, su nombre, su alias o su cargo. Para etiquetar las propiedades de una persona, a todos los elementos que contengan una de esas propiedades (como, por ejemplo, <div> o <span>) se les asigna un atributo itemprop que indica una propiedad (por ejemplo, <span itemprop="nickname">).
• Una propiedad puede estar formada por otro elemento, es decir, un elemento puede incluir otros elementos. Por ejemplo, la información de la persona anterior incluye una dirección (itemtype="http://www.data-vocabulary.org/Address") con las propiedades locality y region.
• La propiedad rel="friend" de XFN identifica la relación de Roberto con David y con Elena.

A continuación, se muestra el mismo contenido HTML marcado con el microformato "hCard".

<div class="vcard">
   Soy
   
   <span class="fn">Roberto Sánchez</span>,
   
   pero me llaman
   
   <span class="nickname">Rober</span>.
   
   Esta es mi página principal:
   <a href="http://www.example.com" class="url">www.example.com</a>.
   
   Vivo en
   <span class="adr">
      <span class="locality">Alcobendas</span>,
      
      <span class="region">Madrid</span>
   </span>
   y trabajo de
   <span class="title">ingeniero</span> en
   
   <span class="org">ACME S.A.</span>
   
   Mis amigos:
   <a href="http://blog-david.example.com" rel="friend">David</a>y 
   
   <a href="http://blog-elena.example.com" rel="friend">Elena</a>

</div>

A continuación explicamos cómo funciona el ejemplo:

• En la primera línea, class="vcard" indica que el código HTML incluido en la etiqueta <div> describe la información de contacto (en este caso, la información de contacto de una persona).

  (El microformato que se utiliza para describir la información de contacto se denomina hCard y en HTML se conoce como vcard. No se trata de un error ortográfico).

• En el ejemplo, se describen las propiedades del elemento de persona como, por ejemplo, una foto, el nombre, el cargo, la organización y la dirección. Para etiquetar las propiedades de la persona que se describen con el microformato vcard, a todos los elementos que contengan una de esas propiedades (como, por ejemplo, <span> o <div>) se les asigna un atributo class que indica una propiedad. El microformato vcard describe el nombre de Roberto (fn), su cargo (title) y la organización para la que trabaja (org).
• Las propiedades pueden contener otras propiedades. En el ejemplo anterior, la propiedad adr indica la dirección de la persona, que incluye además las subpropiedades locality y region.
• La propiedad rel="friend" de XFN identifica la relación de Roberto con David y con Elena.

A continuación se indica el mismo contenido HTML marcado con RDFa.

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
   Soy <span property="v:name">Roberto Sánchez</span>,
   
   pero me llaman <span property="v:nickname">Rober</span>.
   
   Esta es mi página principal:
   <a href="http://www.example.com" rel="v:url">www.example.com</a>.
   
   Vivo en
   <span rel="v:address">
      <span typeof="v:Address">
         <span property="v:locality">Alcobendas</span>,
         <span property="v:region">Madrid</span>
      </span>
   </span>
   y trabajo de <span property="v:title">ingeniero</span>
   
   at <span property="v:affiliation">ACME S.A.</span>.
   Mis amigos:
   <a href="http://darryl-blog.example.com" rel="v:friend">David</a> y
   
   <a href="http://edna-blog.example.com" rel="v:friend">Elena</a>

</div>

A continuación explicamos cómo funciona el ejemplo:

• El ejemplo empieza con una declaración de espacio de nombres que utiliza el atributo xmlns. Esta declaración indica el espacio de nombres en el que se especifica el vocabulario (una lista de entidades y de sus componentes). Puedes utilizar la declaración de espacio de nombres xmlns:v="http://rdf.data-vocabulary.org/#" siempre que marques páginas de usuario, de opinión o de datos de lugares. Asegúrate de utilizar la barra inclinada y el símbolo # (xmlns:v="http://rdf.data-vocabulary.org/#" ).
• En la primera línea, typeof="v:Person" también indica que el contenido marcado representa a una persona.
• Cada propiedad de la persona (como, por ejemplo, su nombre o su apodo) se etiqueta con el atributo property. El nombre de propiedad va precedido de v: (<span property="v:nickname">).
• Queremos incluir los datos de la dirección de Roberto (typeof="v:Address") en la entidad typeof="v:Person". Para ello, utilizamos el atributo rel en lugar de property para indicar una relación entre Roberto (la entidad v:Person) y esta dirección (la entidad v:Address). A continuación, añadimos <span typeof="v:Address"> para incluir la entidad de dirección real.
• La propiedad rel="friend" de XFN identifica la relación de Roberto con David y con Elena.