Los Micro Datos son un paso mas hacia la web semántica de la que tanto se habla últimamente, los Micro Datos son pequeños fragmentos de código que el usuario no notara en el diseño de la web pero que los buscadores encontraran y agradecerán ya que les ayudara a entender mejor nuestra web.
Podemos encontrar todos los tipos de Micro Datos que podemos utilizar en Schema.org donde están divididos por categorías dependiendo del contenido que tenemos que marcar, esto es así por que para que realmente nuestra web sea completamente semántica y legible por los buscadores debemos decirle en todo momento que tipo de contenido están leyendo, si son datos de una persona, si son datos de una receta de cocina o de un coche en venta de segunda mano, podemos pensar que los buscadores son inteligentes pero en realidad solo son maquinas que devoran el código fuente de nuestras paginas web y lo clasifican e indexan en sus indices, por tanto, cuanta mas y mejor información podamos darle al buscador de lo que esta leyendo mejor para nosotros y mejor para ellos ya que podrán clasificar mucho mejor nuestro sitio.
Como siempre veremos un pequeño ejemplo practico con el bloque de autor que tenemos en este mismo blog.
Como podéis ver en este bloque muestra una foto (por que soy guapo y se que os gusta) y una pequeña descripción de quien soy, donde vivo y que es lo que hago, en realidad así tal cual lo vemos para los buscadores no es mas que un bloque de texto mas que mostrara en determinados resultados de búsqueda si coincide con el texto que se busca, ahora bien, si nos detenemos un poco a mirar el código fuente de este bloque la cosa cambia un poco, bueno no, la cosa cambia mucho.
<div class="biografia" itemscope itemtype="http://schema.org/Person">
<div class="biografia-avatar">
<span itemprop="image"><?php $author_email = get_the_author_email ();
echo get_avatar ($author_email, 80);
?></span>
</div>
<div class="biografia-texto">
<p>Mi nombre es <span itemprop="name">Ricardo Fernandez</span>, aunque en muchos sitios me pueden conocer como <span itemprop="additionalName">Budha</span>, soy <span itemprop="jobTitle">diseñador</span> de Themes para WordPress y veo el mundo desde <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span itemprop="addressLocality">Banyoles</span> (<span itemprop="addressRegion">Girona</span>)</span>, adicto a las redes sociales, sobre todo a Twitter, escribo sobre WordPress, social media, Seo y lo que me pasa por la cabeza cuando tengo tiempo libre.</p>
</div>
</div>
Como vemos tenemos marcados los datos esenciales con unos códigos “algo raros”, datos como el nombre, la localidad, la región, el nick, lo que hago, lo que en realidad son datos importantes y relevantes que yo necesito que los buscadores sepan de mi, ahora analicemos un poco el marcado de Micro Datos para poder entenderlo y comprenderlo mejor.
El primer “código raro” que encontramos es itemscope, este código es el que marca el inicio de un bloque de texto donde encontraremos Micro Datos, podemos utilizarlo en cualquier etiqueta ya sea un div, p, span…..
El siguiente código que encontramos es itemtype seguido de una URL concreta, este código nos dice que tipo de Micro Datos vamos a encontrar en este bloque de marcado, en este caso si seguimos la url de Schema.org veremos que son Micro Datos de una persona física.
El siguiente código que encontramos en itemprop, este es el código que marca directamente cada elemento y siempre estará seguido del nombre del elemento, así si estamos marcando un Ricardo Fernández que es un nombre debemos utilizar según el listado de Schema.org itemprop=”name” para dejar claro que el texto que viene a continuación es el nombre de una persona.
Es importante tener en cuenta que en el caso del bloque de marcado Person es obligatorio utilizar el marcado name, es decir no podemos crear un bloque de marcado Person y no poner el nombre de dicha persona, no seria lógico.
Por ultimo podemos ver que a la hora de marcar la localidad y la región donde vivo añadimos un nuevo itemtype, en este caso PostalAddress, esto es así por que la localidad y la región pertenece a otro grupo de Micro Datos que según Schema.org esta en el listado PostalAddress.
El procedimiento de marcado es exactamente el mismo, debemos declarar el bloque de marcaje con itemscope, el tipo de Micro Dato con itemtype y el texto marcado con itemprop.
Una vez creado nuestro etiquetado con Micro Datos podemos verificar que los buscadores pueden leer bien dichos Micro Datos con las herramientas que tanto Google como Bing nos facilitan para ello.
La herramienta de Google para comprobar Micro Datos es la siguiente
http://www.google.com/webmasters/tools/richsnippets?hl=es
Y la herramienta de Bing para comprobar Micro Datos es la siguiente
http://www.bing.com/toolbox/EntityExtraction
En Schema.org tenemos todos las combinaciones de Micro Datos que podemos utilizar hasta el momento, se trata de navegar por los diferentes menús y encontrar el tipo de Micro Datos que necesitamos utilizar en cada sección de nuestro blog o sitio web.
entonces los micro datos es un buen sistema despues de leer el articulo detalladamente lo tratare de implementar haber que pasa y les comento
Siempre dandome trabajo Ricardo
, gracias por el tuto, aunque veo que con la cantidad de Micro Datos que hay en Schema tengo como para no aburrirme en unos dias.
Ya sabes Sandra, yo siempre haciendo amigos
, por cierto veo que ya lo tienes en uno de tus blogs
que buen apunte para los que queremos aprender sobre este tema…. gracias por el dato
es un excelente tema quen quiero ampliar para implementarlo
Las opciones en Micro Datos son inmensas, dale un buen repaso a Schema y veras que tienes una gran cantidad de ellos Jeison.
oye que bueno estoy comenzando a leer sobre Schema el tema es extenso pero de gran interés gracias por los aportes .
buen dia
gracias por la informacion la verdad estudie un curso tecnico en sistemas y la verdad me mostraron poco de redes, programacion. que interesante aprender mas sobre este lenguaje creo que hoy en dia es muy importante saber como nos reconoce los buscadores.
de nuevo gracias y bendiciones.
Para los que trabajamos con mantenimiento informatico en Barcelona y con servicios informaticos Barcelona, esta clase de herramientas ha marcado una gran diferencia para nuestro clientes.
Gracias por el paso a paso sobre cómo implementarlo.
Tambien puedo enseñaros a no hacer spam en blogs para que los administradores no tengamos que borrar los enlaces que dejais en los comentarios.
Un saludo
Muy buena Ricardo, hoy mismo estaba en el foro de webmaster y leí que hablaron de este tema y ni idea de ello… saludos de nicorto el pesao
Pues bienvenido a mi blog personal compañero, seguro que el pequeño tutorial te sirve de mucho igual que al resto de compañeros.
Un saludo
Ricardo, esto para webs del tipo juegos online no sirve mucho no?
No tiene sentido utilizarlo para una web de juegos, lo que explico en este articulo esta orientado a blogs de manera que en cada articulo se pueda saber quien es el autor del mismo.
Pero de todas formas puedes investigar un poco en Schema y utilizar los micro datos que necesites para cada tipo de web, yo aqui solo explico como utilizar los microdatos para el autor de un blog pero el procedimiento es el mismo para cualquier otro caso.
ok gracias
Muy buen post. Recientemente he tenido que implementar NewsArticle en HTML5 y realmente lo único “complicado” es anidar los microformatos, es decir cuando la propiedad de uno se convierte, a la vez, en un esquema. Creo que las ventajas de su aplicación, fuera de la atención que le esté prestando Google a algunos esquemas no es más que el principio de esta tecnología.
Hola Ricardo, gracias por el articulo, muy interesante, mi pregunta es ¿sabes en qué parte del código debe ir este pequeño código? Es decir ¿hay que pegarlo en el header o en cualquier lugar de la página?
Por otro lado tengo dudas sobre el tipo de schema a elegir, yo me dedico a la venta de cuadros, y nmo se si debo elegir una plantilla de “persona” ya que soy pintor o de “artículos” ya que vendo mis cuadros.
Muchas gracias
Buenas Rubén.
A tu primera pregunta, los códigos son para marcar determinados textos, por tanto, debes crear los bloques de micro datos en aquellas partes del código que deseas marcar con ellos.
A tu segunda pregunta, puedes utilizar tantas plantillas como necesites, depende de si estas marcando con micro datos una persona, una dirección, un articulo, un post de un blog…. deberas escoger una plantilla u otra.
Espero haber aclarado un poco tus dudas.
Un saludo
Micro datos como utilizarlos en nuestra pagina web, me ha parecido muy ameno, me hubiera gustado que fuese más amplio pero ya saeis si lo bueno es breve es dos veces bueno. Enhorabuena por vuestra web. Besotes.