¿A qué creéis que corresponde la siguiente definición?

Aspectos del significado, sentido o interpretación de signos lingüísticos como símbolos, palabras, expresiones o representaciones formales.

Exacto, a la Semántica.

Hasta ahora hemos hablado muchas veces del HTML5, y de como éste, nos va a solucionar todo, nos va a sacar las castañas del fuego, y lo maravilloso que es… pero no tenemos que olvidar la razón final del nacimiento de HTML5, y por ello, de que lo utilicemos.

La razón, es la semántica, la razón de ser de HTML5 es la de comunicar más cosas con los metadatos (además del resto de características técnicas, claro está).

¿Y con qué está íntimamente ligada la semántica?…

Sí, con el SEO.

¿Cómo exprimir más HTML5 en favor de mejorar el SEO?

Las nuevas etiquetas y los fragmentos de código enriquecidos.

Las nuevas etiquetas: Evidentemente, la forma más obvia son las nuevas etiquetas, de ese modo la semántica ha mejorado enormemente, por ello es muy importante conocer bien el nuevo etiquetado, y entender las posibilidades de uso.

Los fragmentos de código enriquecidos:

Ejemplo de Microformatos (hCard, uno de los más populares):

<cite class="vcard">
    <a class="fn url" rel="friend colleague met" href="http://joanballester.es/">Joan Ballester</a>
</cite> ha escrito un post (<cite>
    <a href="http://joanballester.es/test">
        test
    </a>
</cite>) con su visión acerca de salir de España.

Ejemplo de RDFa desde google support:

<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 Alcobendas (Madrid) y trabajo como <span property="v:title">ingeniero</span>
  en <span property="v:affiliation">ACME S.A.</span>
</div>

Ejemplo de Microdatos directo desde la W3C:

<section itemscope itemtype="http://example.org/animals#cat">
 <h1 itemprop="name">Hedral</h1>
 <p itemprop="desc">Hedral is a male american domestic
 shorthair, with a fluffy black fur with white paws and belly.</p>
 <img itemprop="img" src="hedral.jpeg" alt="" title="Hedral, age 18 months">
</section>

Conclusión

En general aún estamos realmente verdes en cuanto a semántica web, y aunque todas (o muchísimas) tecnologías apuntan directamente a la semántica como opción de futuro, especialmente enfocado a la búsqueda e indexación de datos.

Sin ninguna duda HTML5 ha sido un paso de gigante en este tema, pero aún nos queda mucho camino por recorrer. Y en este caso, como en muchos otros, los desarrolladores que nos dedicamos al desarrollo web tenemos mucho que decir en que esto se consiga o no 😉

¡Ánimo!

Comparte… ¡o no!
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedIn

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *