Formatos
Enriquecidos en
Joomla!
Formatos Enriquecidos

●
●
●
●
●
●

Aparecen debajo de cada resultado de búsqueda
Muestran información clave
Sirven de ayu...
Formatos Enriquecidos
¿Qué tipo de formato existen?
● Microdatos
● Microformatos
● RDFa
Google recomienda el formato de mi...
RDFa
RDFa
●

Describe información específica, como la opinión sobre un restaurante,
un evento, una persona o una ficha de un pr...
Microformatos
Microformatos
●

Describe información específica, como la opinión sobre un evento, una
persona o una ficha de un producto....
Microdatos
Microdatos
●

Describe información específica, como la opinión sobre un evento, una
persona u opinión.

●

Usan atributos ...
Marcado HTML
vs
Marcador de Datos
Marcado HTML
● Otros motores de búsqueda comprendan el contenido
del sitio web.
● La estructura de tu sitio cambia con fre...
Marcador de Datos
●
●
●
●
●

Falta de recursos
Falta de conocimiento
Facilidad
No se puede realizar el marcado en HTML
No ...
¿Qué se puede marcar?
Authorship.
Relaciona los artículos de un sitio web que son de tu autoría con tu perfil de
Google +.
¿Qué se puede marcar?
Opiniones.
Ofrece a los usuarios información adicional sobre las puntuaciones con
estrellas (1 a 5) ...
¿Qué se puede marcar?
Personas.
<div itemscope itemtype="http://data-vocabulary.org/Person">
<strong>
<img style="margin-r...
¿Qué se puede marcar?
Productos.
Es posible mostrar información sobre productos como el precio, la
disponibilidad y las op...
¿Qué se puede marcar?
Empresas y organizaciones.
●
●

Negocios locales: restaurantes, bancos, cine, etc.
Organizaciones: f...
¿Qué se puede marcar?
Eventos.
¿Qué se puede marcar?
Videos.
<div itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject" class="videocont...
¿Qué se puede marcar?
Videos.
●
●

Se aceptan videos del tipo mpg, .mpeg, .mp4, .m4v, .mov, .wmv, .asf, .
avi, .ra, .ram, ...
Buenas prácticas
Recomendaciones
●

No utilizar formatos enriquecidos en contenido oculto.

●

Revisa que no te falten propiedades obligato...
Open Graph
●
●
●

No proporciona la información detallada que necesitan los motores de
búsqueda para mejorar la experienci...
¡GRACIAS!
@_GretelG
Upcoming SlideShare
Loading in...5
×

Rich snippets en joomla!

1,305

Published on

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

Published in: Marketing, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,305
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Rich snippets en joomla!

  1. 1. Formatos Enriquecidos en Joomla!
  2. 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. 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. 4. RDFa
  5. 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. 6. Microformatos
  7. 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. 8. Microdatos
  9. 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. 10. Marcado HTML vs Marcador de Datos
  11. 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. 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. 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. 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. 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. 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. 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. 18. ¿Qué se puede marcar? Eventos.
  19. 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. 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. 21. Buenas prácticas
  22. 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. 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. 24. ¡GRACIAS! @_GretelG
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×