¿Cómo se diferencian los rich snippets de los snippets “normales“ en los resultados de búsqueda de Google? ¿Cómo puedo asegurarme de que mi presencia en la web sea evaluada a través de valoraciones, estrellas, fotos u otra información?
En este artículo, aprenderás qué ventajas te aportarán los rich snippets y cómo puedes crearlos.
Un snippet es básicamente el resultado de una búsqueda previa en las SERPs (Search Engine Result Pages). El texto debe informar y generar simultáneamente un clic. Hay diferentes tipos de snippets que presentaremos aquí:
Los snippets estándar son pequeñas vistas previas de una web que Google lista en los SERPs después de una consulta de búsqueda. El motor de búsqueda genera estos snippets de texto automáticamente utilizando los metadatos. Normalmente muestran el meta título, la meta descripción y la URL. De esta manera, el visitante puede decidir rápidamente si el resultado de la búsqueda es relevante para su búsqueda o no.
Figura 1: Snippet estándar de allrecipes.com.
Los snippets con bordes grises en la parte superior de la página se encuentran en la categoría "snippets destacados"o "features snippets". Los operadores web no tienen influencia directa en estas visualizaciones.
Google mismo decide qué información es lo suficientemente relevante para el término de búsqueda como para atraer la atención del lector. Éstas son a menudo definiciones generales de términos con avisos hacia significados adicionales. El OneBox abajo mencionado, por ejemplo, aparece con la consulta de búsqueda "alcance de la publicidad".
Figura 2: OneBox sobre el tema del alcance de la publicidad
Los rich snippets se basan en datos estructurados que los webmasters pueden incorporar en el código de la web, según un esquema especial para entregar información detallada a los motores de búsqueda. Schema.org es una iniciativa que Google, Yahoo y Microsoft (Bing) crearon para que sus motores de búsqueda pudieran indexar mejor los contenidos de sus sitios web. Todos los motores de búsqueda comunes soportan el esquema de marcado para que los webmasters no tengan que decidir o implementar varios esquemas.
En el pleno sentido de la palabra, los rich snippets "realzan" el resultado con información práctica para los lectores. Así, por ejemplo, se pueden incorporar imágenes, enlaces, vistas previas o vídeos. Si la información necesaria se inserta en el código fuente en forma de rich snippets (metadatos, microformatos o RDFa), los lectores pueden ver lo más importante del operador del sitio de un solo vistazo.
De este modo, Google responde automáticamente a preguntas detalladas como, por ejemplo:
Figura 3: Rich snippet de Cinesa (Madrid)
Ya sean minoristas online, músicos, organizadores u ONG... Google soporta los más variados tipos de información. En la web schema.org, encontrarás una colección de etiquetas HTML y marcas de revisión para el uso de rich snippets para las siguientes aplicaciones, por ejemplo:
Un tipo particular de rich snippet es el Sitelinks Search Box. Con el término de búsqueda "Madrid", Google ofrece al lector, por ejemplo, información actual del portal de la ciudad. Puede buscar sitios y eventos de forma específica dentro de un campo de búsqueda. Los resultados orgánicos se quedan de nuevo atrás.
Figura 4: Cuadro de búsqueda de enlaces de situación para el término de búsqueda "Madrid" (lado derecho).
A primera vista, las rich cards no tienen mucho en común con los rich snippets. En mayo de 2016, Google anunció oficialmente los resultados de búsqueda de películas y recetas en Google.com. En ese momento, esto significaba que estaban ampliando esta oferta a otras regiones y contenidos. Desde el 22 de marzo de 2016, las rich cards también están disponibles en todo el mundo.
De esta manera, Google quiere mejorar la "experiencia de usuario" para la búsqueda móvil. Las rich cards presentan un carrusel de información en la parte superior del sitio de resultados de búsqueda.
Figura 5: Rich cards para la búsqueda móvil.
No hay garantía alguna de que el motor de búsqueda vaya a mostrar tus rich snippets como a ti te gustaría, y pueden pasar semanas hasta que se muestren. Sin embargo, de esta manera tienes una mayor posibilidad de aterrizar en los SERPs que con snippets simples. Esto es particularmente importante para los minoristas online. Deben ganarse la atención de sus clientes en milisegundos si desean superar a la competencia. Esto funciona mejor con unos colores llamativos y estrellas, que con tres simples líneas de texto.
Con la ayuda de microdatos, el minorista puede proporcionar una descripción detallada del producto y, por ejemplo, obtener información sobre el precio, el color, el tamaño, el estado o el fabricante del artículo. Si estos detalles se muestran a los clientes potenciales y cumplen con sus expectativas, el camino al carrito de la compra se acorta.
Un ejemplo especialmente claro de rich snippets es el sector de los alimentos. Si, por ejemplo, buscas en Google el término genérico "recetas", verás los resultados de búsqueda de numerosas colecciones de recetas y blogs de alimentos.
Si introduces específicamente "BBC Good Food" en la barra de búsqueda, aparecerá el rich snippet con información adicional. De esta manera, el portal simplifica la entrada para sus lectores. Lleva directamente al área que te interesa en lugar de tener que buscar en la web durante mucho tiempo. Por lo tanto, los rich snippets también pueden orientar al visitante.
Figura 6: Búsqueda específica a través de rich snippets
Utilizando el término genérico microformato, existen tres formatos posibles para la implementación de contenidos: JSON-LD, RDFa y microdatos. Los tres formatos son compatibles entre sí y utilizan HTML estándar con convenciones adicionales para poder extraer datos más fácilmente del HTML estándar.
Encontrarás ayuda para este complejo tema en la Google Search Console. Haz clic en "Datos estructurados" en el apartado "Presentación en la búsqueda".
Figura 7: Área "Datos Estructurados" en la Google Search Console.
Aquí se abre la Herramienta de Pruebas de Datos Estructurados, con la que podrás editar los formatos para cada web individual. De este modo, puedes comprobar primero si hay rich snippets disponibles utilizando tu URL.
No tienes que ser un programador perfecto, porque en la Consola de Búsqueda de Google, los datos del marcador te ayudarán en el etiquetado y almacenamiento de datos estructurados. Puedes marcar información relevante en tu web sin usar lenguaje de marcado y sin interferir con el código fuente.
Figura 8: Etiquetado con el marcador de datos de Google.
Si los microdatos correspondientes se depositan en el texto fuente, debes comprobar si los rich snippets aparecen correctamente en los SERPs. Para ello, utiliza la Herramienta de rich snippets en la Google Search Console.
Si se reconoce el rich snippet, verás el código a la izquierda y la designación "recipe" a la derecha. La receta para el sitio aparecerá entonces junto con las clasificaciones y fotos en los SERPs.
Figura 9: rich snippet de BBC Good Food en los SERPs.
Con datos estructurados, también puedes crear información sobre tu personal y su empresa. Además de la introducción del nombre, ocupación y datos de contacto, también existe la posibilidad de delinear el contenido de tu web en una breve descripción.
Si introduces información personal en un generador de rich snippets, recibirás un código que puedes integrar en el texto fuente de tu web. La información se encuentra en etiquetas HTML como <div>, <p> y <span>.
Los siguientes elementos también están:
1. itemscope indica que dentro de la <div> hay una descripción y revela la fuente;
2. itemtype: indica el tipo de designación, en este caso, la "persona",
3. itemprop da información detallada sobre la persona.
Con el Optimizador de snippets de Ryte, también puedes comprobar tus snippets en unos pocos pasos y de esta manera asegurarte de que toda la información se muestra en su totalidad.
Figura 11: El Optimizador de snippets de Ryte
Con el uso de rich snippets, tu web destacará en los resultados de búsqueda. Estrellas, imágenes y vídeos animarán a los clientes a hacer clic. La información adicional en el snippet crea valor añadido y fortalece la confianza del lector en tu marca, tus productos o tus servicios.
Los rich snippets pueden, además, aumentar tu click-through rate y pueden mantener a los lectores en tu web por más tiempo. Una buena visión general y una navegación transparente también animan a los usuarios a hacer clic. Para que todos los contenidos sean legibles a primera vista - tanto para los buscadores como para los lectores - schema.org pone a su disposición breadcrumbs.
Una breadcrumb es una ruta de navegación que consta de varios enlaces que ayudan a los usuarios a comprender la jerarquía de una web y a orientarse. En la herramienta de prueba, los breadcrumbs aparecen así:
Figura 12: Los breadcrumbs simplifican la navegación.
En snippets "normales" la URL se muestra bajo el título. Si utiliza breadcrumbs en tu web, Google también mostrará la estructura del sitio de forma más comprensible. A continuación, verás un ejemplo del resultado de la búsqueda con descripción (arriba) y sin desicripción (abajo), es decir, con la URL estándar.
Figura 13: Snippet con y sin breadcrumb.
El uso de rich snippets en tu web tiene mucho sentido. De acuerdo con el tamaño de tu web y el abanico de temas, sin embargo, hay una cierta cantidad de trabajo, ya que el margen de beneficio debe ser introducido tanto para las versiones de escritorio como para las versiones móviles. En el mejor de los casos, empezarías por el sitio más importante y luego optimizarías el resto poco a poco. Para las tiendas online y las webs menos conocidas, tiene aún más sentido trabajar con rich snippets. Al final, son parte de la reputación de tu propia marca y pueden llevar aumentar tu número de clics.
¿Estás optimizando correctamente los snippets?
Escrito el 27.08.2018 por Clara Rubio.
Clara es una apasionada del mundo digital y la tecnología. Desde siempre ha estado interesada en en estos campos, llevándolos por bandera en su vida profesional y personal. Como redactora, escribirá sobre numerosos temas, incluyendo las novedades del mundo SEO y de cómo Ryte te ayudará en tu camino al éxito digital.
Optimice su sitio web con Ryte
Demo gratuita