Cómo utilizar Rich Snippets en su sitio web usando JSON

Lo importante que es destacar en los resultados de búsqueda es evidente para aquellos que trabajan en el mundo del SEO y el marketing digital. Los Rich Snippets son una herramienta fantástica para lograr esto porque pueden aumentar significativamente la visibilidad de su sitio web en Google. Sin embargo, ¿cómo puedes ponerlos en práctica? Hoy explicaré paso a paso cómo usarlo con JSON-LD, el método preferido por Google.

¿Qué son los Rich Snippets?

Antes de comenzar el post, es fundamental comprender qué son los Rich Snippets. En esencia, son trozos de código que puedes agregar a tu sitio web para que los motores de búsqueda puedan comprender mejor el contenido de tus páginas. Estos fragmentos pueden incluir información adicional, como reseñas, eventos o preguntas frecuentes. Esto permite que tu resultado de búsqueda sea más atractivo para los usuarios.

Rich Snippets más famosos:

1. Product: Detalles como el nombre, la imagen, el precio y las reseñas se incluyen para cada producto.
2. Review: Para comentarios sobre bienes o servicios.
3. Event: La fecha, la ubicación y el tipo de evento están incluidos en este tipo de evento.
4. Organization: El nombre, el logo y el contacto son información sobre una organización.
5. Person: el nombre, la dirección y el contacto de una persona.
6. LocalBusiness: Dirección, horario y servicios para negocios locales.
7. FAQ: Incluye las preguntas y respuestas más comunes para preguntas frecuentes.
8. Breadcrumb: Para mostrar la jerarquía de navegación de tu sitio, facilitando la navegación de los usuarios.

¿Por qué deberíamos utilizar JSON-LD?

El formato JSON-LD se utiliza para organizar datos vinculados a través de scripts en HTML. En comparación con otros formatos como Microdata o RDFa, este es el formato preferido por Google porque es más fácil de implementar y mantener. Además, al ser un script independiente, no afecta la estructura de su HTML.

Alternativas:

1. Microdata: Incorpora datos estructurados directamente en las etiquetas HTML. Puede ser más complicado de mantener y menos escalable, especialmente en páginas complicadas.
2. RDFa: Similar a Microdata, agrega características a las etiquetas HTML existentes para proporcionar metadatos. La implementación y la depuración pueden ser más complicadas.

Paso a paso: Implementación de Rich Snippets con JSON-LD

Vamos a usar un Rich Snippet para un tipo de contenido muy popular: reseñas de productos. Puede mejorar significativamente la relevancia de sus productos en los resultados de búsqueda porque este es uno de los Rich Snippets más utilizados en la actualidad.

Paso 1: Crear el JSON-LD

Primero, vamos a crear el JSON-LD para una reseña de producto utilizando los siguientes campos

1. @context: Define el contexto de Schema.org para el documento.
2. @type: Especifica el tipo de schema. En este caso, «Product».
3. name: Nombre del producto.
4. image: URL de la imagen del producto.
5. description: Breve descripción del producto.
6. sku y mpn: Números de referencia del producto.
7. brand: Información sobre la marca del producto.
8. review: Detalles de la reseña, incluyendo calificación y autor.
9. aggregateRating: Calificación agregada del producto basada en múltiples reseñas.
10. offers: Información sobre la oferta del producto, incluyendo precio, disponibilidad y vendedor.

11. <script type=»application/ld+json»>

12. {

13.   «@context»: «https://schema.org/»,

14.   «@type»: «Product»,

15.   «name»: «Nombre del producto»,

16.   «image»: «https://www.dominio.com/foto.jpg»,

17.   «description»: «Descripción del producto.»,

18.   «sku»: «123»,

19.   «mpn»: «123»,

20.   «brand»: {

21.     «@type»: «Brand»,

22.     «name»: «Marca del producto»

23.   },

24.   «review»: {

25.     «@type»: «Review»,

26.     «reviewRating»: {

27.       «@type»: «Rating»,

28.       «ratingValue»: «5»,

29.       «bestRating»: «5»

30.     },

31.     «author»: {

32.       «@type»: «Person»,

33.       «name»: «Nombre y apellidos del autor»

34.     }

35.   },

36.   «aggregateRating»: {

37.     «@type»: «AggregateRating»,

38.     «ratingValue»: «5»,

39.     «reviewCount»: «24»

40.   },

41.   «offers»: {

42.     «@type»: «Offer»,

43.     «url»: «https://www.dominio.com/url-amigable»,

44.     «priceCurrency»: «USD»,

45.     «price»: «14.95»,

46.     «priceValidUntil»: «2026-06-30»,

47.     «itemCondition»: «https://schema.org/NewCondition»,

48.     «availability»: «https://schema.org/InStock»,

49.     «seller»: {

50.       «@type»: «Organization»,

51.       «name»: «Nombre de la empresa»

52.     }

53.   }

54. }

55. </script>

Paso 2: Implementación del código JSON-LD

Necesita insertar el JSON-LD en la cabecera (<header>” de la página HTML una vez que lo haya preparado.

Se debe tener en cuenta que el script JSON-LD se puede incluir en cualquier parte de tu HTML, pero lo mejor es hacerlo en la “<header>». Esto garantiza que los motores de búsqueda puedan encontrarlo rápidamente.

Paso 3: Validación del código JSON-LD

Es crucial asegurarse de que tu JSON-LD está correctamente implementado. Para ello, puedes utilizar la Herramienta de Prueba de Datos Estructurados de Google. Simplemente copia y pega tu URL o el código en la herramienta y revisa los resultados.

Errores más comunes:

1. Errores de sintaxis JSON: Asegúrate de que tu JSON esté correctamente formateado y no haya errores de apertura o cierre de código.
2. Contexto incorrecto: El @context debe ser «https://schema.org/«. Cualquier error aquí puede hacer que Google no interprete tu schema.
3. Faltan propiedades requeridas: Cada tipo de schema tiene propiedades obligatorias. Asegúrate de incluir todas las necesarias. Puedes consultarlas en la documentación oficial de Google.
4. Datos inconsistentes: Los datos en tu JSON-LD deben coincidir con los datos visibles en tu página. Si hay discrepancias, Google puede ignorar tus datos estructurados.

Conclusiones

Implementar Rich Snippets con JSON-LD es una tarea esencial para cualquier desarrollador que quiera mejorar la visibilidad y el atractivo de su sitio web en los resultados de búsqueda de Google. A diferencia de otros métodos, JSON-LD es fácil de implementar y mantener, sin afectar la estructura de tu HTML. Recuerda validar siempre tu código y estar al tanto de las mejores prácticas para asegurar que los motores de búsqueda interpreten correctamente tus datos estructurados.

Escríbenos si quieres resultados.