Los microdatos en HTML5 son una forma estructurada de etiquetar datos para describir una categoría concreta de información (ya sean personas, empresas, productos o eventos). Cada uno de estos atributos se encarga de describir un elemento concreto de dicha información. En otras palabras: se trata de unos atributos simples en etiquetas HTML que asignan a cada elemento y sus propiedades nombres descriptivos que son reconocidos por Google, Yahoo y Bing (así como en todas sus webs asociadas) para organizar mejor los datos.
La implementación de microdatos en nuestro blog o sitio web va a facilitar que nos encuentren por nuestro nombre y actividad profesional, promoviendo así la visibilidad de nuestra marca personal.
Implementar este marcado de microdatos es sumamente fácil; para ello tan sólo tenemos que anidar en el código HTML de nuestra página principal la información de contacto básica: nombre y apellidos, actividad profesional y dirección web.
Un ejemplo sencillo sería el siguiente:
<div> Mi nombre es Juanjo Ramos. Esta es mi página principal: <a href="https://www.consultor-seo.com">www.consultor-seo.com</a> Vivo en Blagnac (Toulouse) y trabajo como SEO Freelance. </div>
El fragmento anterior ya nos sería muy útil para facilitar que nos encuentren pero con el marcado de microdatos, el ejemplo anterior quedaría de la siguiente manera:
<div itemscope itemtype="http://data-vocabulary.org/Person"> Soy <span itemprop="name">Juanjo Ramos</span>.
Esta es mi página principal: <a href="https://www.consultor-seo.com" itemprop="url">www.consultor-seo.com</a>.
Vivo en Toulouse (Francia) y trabajo de <span itemprop="title">SEO Freelance</span>. </div>.
Como vemos, el marcado de microdatos va entre etiquetas <div> y cada elemento se marca con el atributo ‘itemprop‘, denominando itemprop=’name’ el nombre de la persona e itemprop=’title’ el cargo o profesión desempeñada. El elemento itemtype=»http://data-vocabulary.org/Person» indica que este etiquetado se refiere a una persona,
También podríamos añadir al final la empresa u organización donde trabajemos mediante el microdato ‘affiliation’, quedando la última línea de nuestro ejemplo de la siguiente manera:
Trabajo de <span itemprop="title">SEO in-house</span> en <span itemprop="affiliation">EMPRESA. S.A.</span>.
Para mejorar las búsquedas a nivel local, también podemos marcar nuestra dirección con la propiedad ‘address‘, la cual marca direcciones físicas e incluye a su vez su propio conjunto de propiedades. Para usar esta propiedad utilizaremos el siguiente fragmento de código:
<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
Nuestro ejemplo completo quedaría por tanto de la siguiente forma:
<div itemscope itemtype="http://data-vocabulary.org/Person"> Soy <span itemprop="name">Juanjo Ramos</span>.
Esta es mi página principal: <a href="https://www.consultor-seo.com" itemprop="url">www.consultor-seo.com</a>. Vivo en
<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> <span itemprop="locality">Blagnac</span> <span itemprop="region">Toulouse</span> </span>.
Trabajo de <span itemprop="title">SEO in-house</span> en <span itemprop="affiliation">EMPRESA. S.A.</span>.
</div>.
Con este etiquetado de microdatos vamos a mejorar el posicionamiento de nuestro blog personal o toda plataforma web que estemos utilizando para promocionarnos profesionalmente.