En la nueva Martes Class de hoy hablamos de los Rich Snippets. Este tipo de etiquetado semántico es valorado cada vez más por Google debido a la información adicional que aporta al usuario en sus resultados de búsqueda. Si eres de los que piensa que hay vida semántica más allá de las meta-etiquetas tradicionales, ¡no te pierdas esta micro-formación!

1. Martes Class:
RICH SNIPPETS

2. Martes Class: Rich Snippets
ÍNDICE
Origen
Definición
Tipos de marcado
Snippets más populares
Ejemplo de Implementación
Herramientas
Novedades

3. Martes Class: Rich Snippets
HISTORIA
2009
Google empieza a añadir fragmentos enriquecidos (microformatos) en sus resultados de búsqueda. Permitiendo
visualizar información adicional y características avanzadas para mejorar la experiencia del usuario
2011
Nace Schema.org fruto de la alianza de Google, Yahoo, Bing y Yandex con el objetivo de proveer diferentes
“esquemas” de marcado web estandarizado sin importar el motor de búsqueda.

4. Martes Class: Rich Snippets
DEFINICIÓN
Los Rich Snippets son una convención de los principales motores de búsqueda a través deSchema.org
para etiquetar contenido con información más avanzada. (bloques en cuadro en las SERPs)
¿Y schema.org?
Plataforma donde se define el correcto uso de los textos enriquecidos a través de un vocabulario estandarizado y
ofrecido en tres tipos de marcado para que los webmaster puedan implementarlo.
● Microdata
● JSON-LD
● RDFa
¿Por qué es tan importante?
Para Google el objetivo de mostrar estas líneas de texto adicional en sus SERPs es dotar de mayor información
sobre lo que el usuario se va a encontrar en la página, teniendo un impacto directo en el CTR de la página.
(cuanto más cuqui quede nuestro resultado de búsqueda, más posibilidad de que nos visiten)

5. Martes Class: Rich Snippets
TIPOS DE MARCADO
MARCADO Implementación Etiquetas utilizadas Notas
MICRODATA Etiquetas HTML intercaladas
en el contenido
Itemscope
Itemtype
Itemprop
HTML puro y soporta todos los schemas
JSON-LD Script inline @type
@context
Más fácil de implementar y preferido por
Google
RDFa Etiquetas xHTML intercaladas
en el contenido
Property
Typeof
Uno de los marcados menos utilizados y
destinados al desuso

6. Martes Class: Rich Snippets
RICH SNIPPETS POPULARES
RATING / REVIEW
- El buscador muestra este snippet cuando encuentra valoraciones
válidas, o clasificaciones
- Muestra 5 estrellitas iluminadas en función de las valoraciones de
los usuarios (max 5)
- Si las valoraciones son positivas, el CTR aumenta
considerablemente
PRODUCTO
- Muy útil para ecommerce y fichas de producto
- ¿Qué se puede destacar? Imágen, precio, stock disponible, marca
OTROS
- Eventos, videos, recetas, organizaciones...

7. Martes Class: Rich Snippets
EJEMPLO IMPLEMENTACIÓN - REVIEW
MICRODATA
Itemtype - Atributos utilizados
RATING: http://www.schema.org/Rating
Itemprop - Atributos utilizados
itemprop=“worstRating” La peor valoración posible (0 estrellitas)
itemprop=“bestRating” La mejor valoración posible (5 estrellitas)
itemprop=”ratingValue” La valoración recibida por el usuario
JSON-LD
REVIEW: http://www.schema.org/Review
Itemprop=”dataPublished” FECHA
Itemprop=”itemreviewed” ITEM
Itemprop=”author” AUTOR
Itemprop=”description” DESCRIPCIÓN

8. Martes Class: Rich Snippets
TOOLS
RICH SNIPPET TESTING TOOL
Comprobar los rich snippets implementados en una página y comprobar si hay errores
JSON- LD Schema Generator
Generador del rich snippet en marcado JSON completando los campos que marca
GOOGLE SEARCH CONSOLE
Informe de rich snippets que tienes implementados en tu página y si hay errores
SCREAMING FROG - DIOS!
Scraping de contenido para que rastree los schemas insertados en cada una de las URLs
Más herramientas y plugins
https://wordpress.org/plugins/all-in-one-schemaorg-rich-snippets/ (plugin de schemas para wordpress)
https://www.magentocommerce.com/magento-connect/msemantic-semantic-seo-for-rich-snippets-in-google-and-yahoo.html (plugin para snippet de producto)
https://webmaster.yandex.com/tools/microtest/ (testing tool de yandex)
https://chrome.google.com/webstore/detail/microdatareveal/olapakiakkblfdaajcifgldandnikpdh?hl=en (extensión de chrome que se activa cuando en la página detecta microdatos)

9. Martes Class: Rich Snippets
COSAS CHULAS Y NOVEDADES
FEATURED SNIPPET GOOGLE
- Responden a consultas reales de los usuarios (muy enfocado a
búsquedas long tail)
- Visualmente se muestra como una cajetilla de información, bullets
points o tabla. Depende del tipo de búsqueda
- Lo mejor? Te aseguras la primera posición y aquí lo tenemos!
RICH SNIPPET RESULTADOS IMAGÉNES DE MÓVIL
- El buscador de Google Imágenes muestra el marcado de producto en
búsquedas de móvil
- Desde diciembre está incluído en el guidelines de schemas de producto
KNOWLEDGE GRAPH
El Knowledge Graph es una base de conocimiento creada por Google a través
de diferentes fuentes de información como Wikipedia.
Google intenta emular el comportamiento de un cerebro, que es capaz, no
sólo de almacenar diferentes inputs de conocimiento, sino de relacionarlos
entre ellos y así lograr entender la búsqueda y no sólo basarse en las
keywords.
VIDEO

10. ¡GRACIAS! ☺