Explicación de los formatos enriquecidos y ejemplos de uso en Joomla. Mas información en http://www.bialita.com/blog/seo/11-microdatos-en-html5

1. Formatos
Enriquecidos en
Joomla!

2. Formatos Enriquecidos
●
●
●
●
●
●
Aparecen debajo de cada resultado de búsqueda
Muestran información clave
Sirven de ayuda a los usuarios
Diferenciarte de la competencia
Agregan valor a los resultados orgánicos
Ayudan a incrementar el tráfico de la página web.

3. Formatos Enriquecidos
¿Qué tipo de formato existen?
● Microdatos
● Microformatos
● RDFa
Google recomienda el formato de microdatos, se puede
utilizar su Asistente de marcado de datos estructurado.
http://schema.org/ Colaboración entre Google, Microsoft y Yahoo!

4. RDFa

5. RDFa
●
Describe información específica, como la opinión sobre un restaurante,
un evento, una persona o una ficha de un producto.
●
Usa atributos simples en etiquetas XHTML (<span> o<div>)
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
<p>
<span property="v:name">Gretel</span> es CEO en <a href="http://www.
bialita.com/" rel="v:url">BIAlita</a> que brinda consultoría en Web Analytics |
SEO | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de México.
</p>
</div>

6. Microformatos

7. Microformatos
●
Describe información específica, como la opinión sobre un evento, una
persona o una ficha de un producto.
●
Hacen uso del atributo class en las etiquetas HTML (<span> o <div>)
<div class="vcard">
<img class="photo" src="http://www.bialita.com/images/gretel_gutierrez.jpg" />
<strong class="fn">Gretel Gutiérrez</strong>
<span class="title">CEO</span> de <span class="org">BIAlita/span>
<span class="adr">
<span class="street-address">Pestalozzi</span>
<span class="locality">México</span>, <span class="region">Distrito Federal</span>
<span class="postal-code">03020</span>
</span>
</div>

8. Microdatos

9. Microdatos
●
Describe información específica, como la opinión sobre un evento, una
persona u opinión.
●
Usan atributos simples en etiquetas HTML (<span> o <div>)
<div itemscope itemtype="http://data-vocabulary.org/Person">
<p>
<span itemprop="name">Gretel</span> es CEO en <a href="http://www.
bialita.com/" itemprop="url">BIAlita</a> que brinda consultoría en Web
Analytics | <span itemprop="title">
SEO</span> | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de México.
</p>
</div>

10. Marcado HTML
vs
Marcador de Datos

11. Marcado HTML
● Otros motores de búsqueda comprendan el contenido
del sitio web.
● La estructura de tu sitio cambia con frecuencia.
● Mejor control sobre los tipos de datos del sitio web.

12. Marcador de Datos
●
●
●
●
●
Falta de recursos
Falta de conocimiento
Facilidad
No se puede realizar el marcado en HTML
No se puede realizar el marcado en HTML de manera uniforme

13. ¿Qué se puede marcar?
Authorship.
Relaciona los artículos de un sitio web que son de tu autoría con tu perfil de
Google +.

14. ¿Qué se puede marcar?
Opiniones.
Ofrece a los usuarios información adicional sobre las puntuaciones con
estrellas (1 a 5) y el nombre de los revisores para un producto o servicio.
Ejemplo: Rich Snippets Vote http://goo.gl/nWU0vw
Artículo: http://www.bialita.com/blog/joomla/70-plantilla-para-joomla-3-con-bootstrap
Herramienta: http://www.google.com/webmasters/tools/richsnippets

15. ¿Qué se puede marcar?
Personas.
<div itemscope itemtype="http://data-vocabulary.org/Person">
<strong>
<img style="margin-right: 10px; border: 1px solid #000000; float: left;" src="
images/gretel_gutierrez.jpg" alt="Gretel Gutierrez" width="80" height="80" itemprop="image"
/>Acerca de <span itemprop="name">Gretel Gutierrez</span>
</strong>
<p>Es Director en <a href="http://www.bialita.com/" itemprop="url">BIAlita</a> que brinda
consultoría en Web Analytics | SEO | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de
México. La pueden seguir en su perfil de <a href="https://plus.google.com/+GretelGutierrez?
rel=author" target="_blank" onclick="dataLayer.push({'event': 'cGretel'});">Google +</a></p>
</div>
* Módulo Authorship

16. ¿Qué se puede marcar?
Productos.
Es posible mostrar información sobre productos como el precio, la
disponibilidad y las opiniones.
* Muestra información actualizada y exacta

17. ¿Qué se puede marcar?
Empresas y organizaciones.
●
●
Negocios locales: restaurantes, bancos, cine, etc.
Organizaciones: fundación, escuela, asociación, etc.
Recetas
●
Tiempo de preparación, ingredientes, imagen, etc.

18. ¿Qué se puede marcar?
Eventos.

19. ¿Qué se puede marcar?
Videos.
<div itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject" class="videocontainer">
<h2>Video: <span itemprop="name">Plantilla con Bootstrap3</span></h2>
<object width="640" height="360" data="//www.youtube.com/v/GFV8xeKiAeM?version=3&amp;
hl=es_MX">
<param name="movie" value="//www.youtube.com/v/GFV8xeKiAeM?
version=3&amp;hl=es_MX" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" /><embed src="//www.youtube.
com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX" type="application/x-shockwave-flash"
width="640" height="360" allowscriptaccess="always" allowfullscreen="allowfullscreen"
movie="//www.youtube.com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX"
allowFullScreen="true"></embed>
</object>
</div>

20. ¿Qué se puede marcar?
Videos.
●
●
Se aceptan videos del tipo mpg, .mpeg, .mp4, .m4v, .mov, .wmv, .asf, .
avi, .ra, .ram, .rm, .flv, .swf.
Se recomienda generar un mapa de sitio, se puede usar un RSS en lugar
de un mapa
Ejemplo: https://www.google.com.mx/search?
q=bootstrap&num=40&espv=210&es_sm=91&source=lnms&tbm=vid&sa=X&ei=rTH4UvbFJKaAygG
0z4DYCA&ved=0CAoQ_AUoAg&biw=1436&bih=783

21. Buenas prácticas

22. Recomendaciones
●
No utilizar formatos enriquecidos en contenido oculto.
●
Revisa que no te falten propiedades obligatorias.
Ej. Productos > Precio
●
En Herramientas para Webmaster utiliza Explorar como Google
●
Pide ayuda en https://support.google.
com/webmasters/contact/rich_snippets_feedback

23. Open Graph
●
●
●
No proporciona la información detallada que necesitan los motores de
búsqueda para mejorar la experiencia del usuario
Ayuda a mejorar la comunicación entre empresas y usuarios.
Socializas un contenido de algo que estás haciendo.
Ayuda: https://developers.facebook.com/tools/debug

24. ¡GRACIAS!
@_GretelG