Rich Snippets - Congreso Web 2012

9,373 views
9,287 views

Published on

Mejora tu visibilidad en buscadores utilizando microdatos
Charla en el congreso web de Zaragoza 2012,
Por Pedro Martínez y Victor Hernandez

Published in: Education
2 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total views
9,373
On SlideShare
0
From Embeds
0
Number of Embeds
5,152
Actions
Shares
0
Downloads
135
Comments
2
Likes
11
Embeds 0
No embeds

No notes for slide

Rich Snippets - Congreso Web 2012

  1. 1. RICHSNIPPETS Pedro Martínez @PedroMG FriendlyRentals Víctor Hernández @VictorHdez SEOCOM.es
  2. 2. SEOCOM
  3. 3. FriendlyRentals Pedro Martínez friendlyrentals.com @PedroMGMás de 2700 apartamentos26 destinos diferentes.
  4. 4. Mejorar la visibilidad en los buscadores
  5. 5. ¿microformatos? ¿microdatos?Los microdatos son una ampliación y mejoradel HTML orientada a buscadores.El usuario no aprecia ninguna diferencia en sunavegador, sin embargo mejora lainterpretación semántica de la web por partede los buscadores.
  6. 6. Diferencias entremicroformatos y microdatos
  7. 7. Definición de términosRDFa Toman como base a RDF (Resource Description Framework attributes) para añadir significado a los documentosMicroformatos Especifican información estructurada sobre un vocabulario definidoMicrodatos Buscan aprovechar las fortalezas del marcado semántico anteriormente citados junto con las nuevas características de HTML5
  8. 8. Microformatos<p class="vcard"> <a class="fn url" href="http://pedromg.com/"> Pedro Martínez</a></p> Un metodo de atributos pre-existentes en HTML como CLASS.Utiliza un schema fijo creado y ampliado por la comunidad
  9. 9. Microdatos (HTML5)<p itemscope itemtype="http://schema.org/Pers on"><a href="http://pedromg.com/" itemprop="url name"> Pedro Martínez</a></p> Un metodo de marcado con atributos HTML5.
  10. 10. Evolución Natural MicroformatosRDFa HTML /XHTML XHTML Microdatos HTML5
  11. 11. ¡Atención! ¡ATENCION! Google nos ignorara si…• Los datos estructurados de marcado son incorrectos, engañosos o no son relevantes para el contenido de la página.• El site no es atractivo para el sistema de Google, (tiene muy pocas páginas publicadas).• Los datos estructurados se encuentran ocultos al usuario. (usando “hidden” divs).
  12. 12. ¿Qué es Schema?
  13. 13. ¿Qué tipos hay?
  14. 14. ¿Cuál es el objetivo? Destacar frentea la competencia
  15. 15. SCHEMA.ORG:: RECETAS
  16. 16. SCHEMA.ORG:: RESULTADOS DEPORTIVOS
  17. 17. SCHEMA.ORG:: EVENTOS
  18. 18. SCHEMA.ORG:: MUSICA
  19. 19. SCHEMA.ORG:: PELICULAS
  20. 20. SCHEMA.ORG:: VIDEOS
  21. 21. ¿Qué pretenden?
  22. 22. GOOGLE RECETAS
  23. 23. MIS GOOGLE MARCADORES
  24. 24. GOOGLE CARTELERA
  25. 25. GOOGLE CARTELERA
  26. 26.
  27. 27. RICH: ¿MEJORA TU CTR?TU CONTENIDO ES MÁS ATRACTIVO
  28. 28. ¿Mejora el CTR?
  29. 29. ¿Mejora el CTR?Hay webs que han llegado a alcanzar un aumento declicks entre el 5% y 30% manteniendo la mismaposición gracias a la aparición de los Rich Snippets30% uplift in CTR for rich snippet - retail use casesPaul Bruemmer SearchEnginelandhttp://searchengineland.com/how-to-get-a-30-increase-in-ctr-with-structured-markup-1058305% uplift in CTR for rich snippet - AB testsRichard Baxter SEOGadgethttps://seogadget.co.uk/understanding-how-intention-influences-search-result/
  30. 30. “Una imagen vale más que mil palabras.”
  31. 31. “El desorden provoca tensión y atención.” Por Ricardo Tayar y Xavier Colomés
  32. 32. ¿Mejora el CTR?
  33. 33. ¿Mejora el CTR? En SOFTONIC han visto incrementar el tráfico de entrada a la landing de la página con los Rich Snippets un 6%.Llegando a captar más tráfico que el primer resultado.
  34. 34. ¿Mejora el CTR?Imagen de: http://eduard.maeso.me/blog/rich-snippets-aumentar-visibilidad-google
  35. 35. ¿Mejora el CTR?
  36. 36. ¿Cómo se implementan los microdatos?
  37. 37. Implementando microdatos<p>Me llamo Pedro Martínez , soy Project Manager de FriendlyRentals y esta es mi página web <a href="http://pedromg.com”> pedromg.com </a>.</p>
  38. 38. Implementando microdatos<p itemscope >Me llamo Pedro Martínez, soy Project Manager en FriendlyRentals esta es mi página web <a href="http://pedromg.com" >pedromg.com</a>.</p>1. Determinar el ámbito del microdato
  39. 39. Implementando microdatos<p itemscope itemtype="http://schema.org/Person">Me llamo Pedro Martínez, soy Project Manager en FriendlyRentals y esta es mi página web<a href="http://pedromg.com" >pedromg.com</a>.</p>1. Determinar el ámbito del microdato2. Especificar el tipo de elemento
  40. 40. Implementando microdatos<p itemscope itemtype="http://schema.org/Person">Me llamo <span itemprop="name"> Pedro Martínez</span>, soy <span itemprop="jobTitle"> Project Manager</span> en FriendlyRentals y esta es mi página web<a href="http://pedromg.com" itemprop="url">pedromg.com</a>.</p>1. Determinar el ámbito del microdato2. Especificar el tipo de elemento3. Indicar las propiedades del elemento
  41. 41. Let’s mark-up a Yorkshire Pudding recipe pageCocinando un Bakalao a la Baturra
  42. 42. http://codebits.glennjones.net/semantic/hrecipe.html
  43. 43. Componiendo microdatosThing > CreativeWork > Recipe Review Recipe aggregateRating Author Review + Ratings AggregateRating
  44. 44. Enlazando semánticamente Web de la receta rel=author rel=me Author Google+Recipe Profile Profile
  45. 45. Propiedades de recetaReceta - http://schema.org/Recipe
  46. 46. Código original HTML Recipehttp://www.google.com/support/webmasters/bin /answer.py?hl=en&answer=173379
  47. 47. Con microdatos
  48. 48. Rich Snippets Testing Toolhttp://www.google.com/webmasters/tools/richsnippets
  49. 49. Comprobamos el punto de sal…Rich Snippets Testing Tool preview
  50. 50. Comprobamos tags
  51. 51. Nos falta el toque de perejil…Reviews, valoraciones y puntuaciones Las famosas estrellas…..
  52. 52. Review + Rating<div itemprop="review" itemscope itemtype="http://schema.org/Review"> <span itemprop="name”>Muy facil de preparar</span> - por <span itemprop="author”>Pedro</span>, <meta itemprop="datePublished" content="2011-04-01”>Mayo 1, 2012 <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <span itemprop="ratingValue”>4</span>/ <span itemprop="bestRating">5</span>Estrellas </div> <span itemprop="description”>Hemos utilizado hoy tu receta y hemos disfrutado muchodel plato, gracias. </span> </div>
  53. 53. aggregateRatings<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRatin g"> <span itemprop="ratingValue">4</span> estrellas - basado en<span itemprop="reviewCount">250</span> Comentarios</div>
  54. 54. Y ahora al horno y a esperar….
  55. 55. MALAS PRÁCTICAS
  56. 56. Malas prácticasTU CONTENIDO ES MÁS ATRACTIVO
  57. 57. Malas prácticas
  58. 58. Malas prácticas
  59. 59. Malas prácticas<div style="font-size:9px; ma rgin-bottom:8px; text-align:center;"typeof="v:Review-aggregate" xmlns:v="http://rdf.data-vocabulary.org/#"> Eltrabajo de <span property="v:itemreviewed">SEO</span> de nuestra agenciade posicionamiento en buscadores tiene una valoración media de nuestrosclientes de <span rel="v:rating"><span typeof="v:Rating"><span property="v:average">9.726</span> sobre<span property="v:best">10</span></span></span><br> según<span property="v:votes">595</span> valoraciones y<span property="v:count">326</span> opiniones de empresas que hanconfiado en nuestros servicios.
  60. 60. Malas prácticashttp://support.google.com/webmasters/bin/request.py?hl=es&contact_type=rich_snippets_spam
  61. 61. Malas prácticasDespués de varios SPAM report:
  62. 62. Malas prácticasPremisas que sirven en todos los aspectosdel SEO: Si algo huele mal, es que esta mal El fin NO siempre justifica los medios Pan para hoy y hambre para mañana No muerdas juegues con la mano web que te da de comer
  63. 63. SOMOS HUMANOS
  64. 64. SOMOS HUMANOS
  65. 65. ¿Preguntas?¡¡¡Dispara!!!
  66. 66. Pedro Martínez Víctor Hernández@PedroMG @VictorHdezFriendlyRentals SEOCOM.es

×