El documento discute las diferencias entre microformatos y microdatos. Los microformatos usan atributos HTML existentes como clase para especificar información estructurada, mientras que los microdatos usan nuevos atributos HTML5 como itemscope para marcar semánticamente el contenido. El documento también advierte sobre malas prácticas como el uso de microdatos ocultos o engañosos que podrían ignorarse o considerarse spam por los motores de búsqueda.

1. RICH
SNIPPETS
Pedro Martínez
@PedroMG
FriendlyRentals
Víctor Hernández
@VictorHdez
SEOCOM.es

2. SEOCOM

3. FriendlyRentals
Pedro Martínez
friendlyrentals.com
@PedroMG
Más de 2700 apartamentos
26 destinos diferentes.

4. Mejorar la visibilidad en
los buscadores

5. ¿microformatos? ¿microdatos?
Los microdatos son una ampliación y mejora
del HTML orientada a buscadores.
El usuario no aprecia ninguna diferencia en su
navegador, sin embargo mejora la
interpretación semántica de la web por parte
de los buscadores.

6. Diferencias entre
microformatos y microdatos

9. Definición de términos
RDFa
Toman como base a RDF (Resource Description Framework
attributes) para añadir significado a los documentos
Microformatos
Especifican información estructurada sobre un vocabulario
definido
Microdatos
Buscan aprovechar las fortalezas del marcado semántico
anteriormente citados junto con las nuevas características
de HTML5

10. 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

11. 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.

12. Evolución Natural
Microformatos
RDFa
HTML /
XHTML
XHTML
Microdatos
HTML5

14. ¡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).

15. ¿Qué es Schema?

16. ¿Qué tipos hay?

17. ¿Cuál es el objetivo?
Destacar frente
a la competencia

18. SCHEMA.ORG:: RECETAS

19. SCHEMA.ORG:: RESULTADOS
DEPORTIVOS

20. SCHEMA.ORG:: EVENTOS

21. SCHEMA.ORG:: MUSICA

22. SCHEMA.ORG:: PELICULAS

23. SCHEMA.ORG:: VIDEOS

24. ¿Qué pretenden?

25. GOOGLE RECETAS

26. MIS GOOGLE MARCADORES

27. GOOGLE CARTELERA

28. GOOGLE CARTELERA

29. …

30. RICH: ¿MEJORA TU CTR?
TU CONTENIDO
ES MÁS
ATRACTIVO

31. ¿Mejora el CTR?

32. ¿Mejora el CTR?
Hay webs que han llegado a alcanzar un aumento de
clicks entre el 5% y 30% manteniendo la misma
posición gracias a la aparición de los Rich Snippets
30% uplift in CTR for rich snippet - retail use cases
Paul Bruemmer SearchEngineland
http://searchengineland.com/how-to-get-a-30-increase-in-ctr-with-
structured-markup-105830
5% uplift in CTR for rich snippet - AB tests
Richard Baxter SEOGadget
https://seogadget.co.uk/understanding-how-intention-influences-
search-result/

33. “Una imagen vale más
que mil palabras.”

34. “El desorden provoca
tensión y atención.”
Por Ricardo Tayar y Xavier Colomés

35. ¿Mejora el CTR?

36. ¿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.

37. ¿Mejora el CTR?
Imagen de: http://eduard.maeso.me/blog/rich-snippets-aumentar-
visibilidad-google

38. ¿Mejora el CTR?

39. ¿Cómo se implementan
los microdatos?

40. 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>

41. 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

42. 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 microdato
2. Especificar el tipo de elemento

43. 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 microdato
2. Especificar el tipo de elemento
3. Indicar las propiedades del elemento

44. Let’s mark-up a Yorkshire Pudding recipe page
Cocinando un Bakalao a la Baturra

45. http://codebits.glennjones.net/semantic/hrecipe.html

46. Componiendo microdatos
Thing > CreativeWork > Recipe
Review
Recipe
aggregateRating
Author Review + Ratings
AggregateRating

47. Enlazando semánticamente
Web de la receta
rel=author rel=me
Author Google+
Recipe Profile Profile

48. Propiedades de receta
Receta - http://schema.org/Recipe

49. Código original HTML
Recipe
http://www.google.com/support/webmasters/bin
/answer.py?hl=en&answer=173379

50. Con microdatos

51. Rich Snippets Testing Tool
http://www.google.com/webmasters/tools/richsnippets

52. Comprobamos el punto de sal…
Rich Snippets Testing Tool preview

53. Comprobamos tags

54. Nos falta el toque de perejil…
Reviews, valoraciones y puntuaciones
Las famosas estrellas…..

55. 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 mucho
del plato, gracias. </span>
</div>

56. 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>

57. Y ahora al horno y a esperar….

58. MALAS PRÁCTICAS

59. Malas prácticas
TU CONTENIDO
ES MÁS
ATRACTIVO

60. Malas prácticas

61. Malas prácticas

62. 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/#"> El
trabajo de <span property="v:itemreviewed">SEO</span> de nuestra agencia
de posicionamiento en buscadores tiene una valoración media de nuestros
clientes 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 han
confiado en nuestros servicios.

63. Malas prácticas
http://support.google.com/webmasters/bin/reques
t.py?hl=es&contact_type=rich_snippets_spam

64. Malas prácticas
Después de varios SPAM report:

65. Malas prácticas
Premisas que sirven en todos los aspectos
del 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

66. SOMOS HUMANOS

67. SOMOS HUMANOS

68. ¿Preguntas?
¡¡¡Dispara!!!

69. Pedro Martínez Víctor Hernández
@PedroMG @VictorHdez
FriendlyRentals SEOCOM.es