Rich snippets en joomla!

2,042 views
2,015 views

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
2,042
On SlideShare
0
From Embeds
0
Number of Embeds
1,246
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

×