Implementar JSON-LD para rich snippets

Contents

Implementar JSON-LD para Rich Snippets: Guía Completa

Los rich snippets (fragmentos enriquecidos) mejoran la forma en que tu contenido aparece en los resultados de búsqueda, ofreciendo mayor visibilidad y potenciando el CTR. JSON-LD se ha consolidado como la forma recomendada por Google para estructurar datos en tus páginas web. En esta guía amplia y detallada aprenderás desde los conceptos básicos de JSON-LD hasta ejemplos avanzados, buenas prácticas y herramientas de validación.

1. ¿Qué es JSON-LD

JSON-LD (JavaScript Object Notation for Linked Data) es un formato para representar datos enlazados de manera sencilla. Se basa en JSON-LD 1.1 Recommendation del W3C, y permite:

Separar el marcado semántico del contenido visual.
Facilitar la lectura por máquinas y buscadores.
Integrar datos externos mediante URIs.

2. ¿Por qué usar JSON-LD

Recomendado por Google sobre otros formatos (microdata, RDFa).
Más fácil de mantener y actualizar al estar aislado en un ltscriptgt independiente.
Menos invasivo: no cambia la estructura visual del DOM.

3. Fundamentos de Schema.org

Schema.org es la ontología estándar respaldada por Google, Microsoft, Yahoo! y Yandex. Ofrece una extensa colección de tipos y propiedades para describir:

Artículos (Article)
Productos (Product)
Organizaciones (Organization)
Eventos (Event)
Recetas (Recipe)

4. Estructura básica de JSON-LD



ltscript type=application/ld jsongt

{

  @context: https://schema.org,

  @type: Article,

  headline: Título del artículo,

  author: {

    @type: Person,

    name: Juan Pérez

  },

  datePublished: 2023-07-15,

  image: https://tusitio.com/imagen.jpg

}

lt/scriptgt

5. Ejemplos Prácticos

5.1 Artículo de Blog



ltscript type=application/ld jsongt

{

  @context: https://schema.org,

  @type: BlogPosting,

  mainEntityOfPage: {

    @type: WebPage,

    @id: https://tusitio.com/articulo-ejemplo

  },

  headline: Cómo implementar JSON-LD para Rich Snippets,

  image: https://tusitio.com/imagen-articulo.jpg,

  datePublished: 2023-07-15,

  author: {

    @type: Person,

    name: María López

  },

  publisher: {

    @type: Organization,

    name: Agencia SEO,

    logo: {

      @type: ImageObject,

      url: https://tusitio.com/logo.png

    }

  }

}

lt/scriptgt

5.2 Producto de Comercio Electrónico



ltscript type=application/ld jsongt

{

  @context: https://schema.org/,

  @type: Product,

  name: Cámara Digital XYZ,

  image: [https://tusitio.com/camara1.jpg],

  description: Cámara réflex con zoom 20x y grabación 4K.,

  sku: CAM-XYZ-126,

  brand: { @type: Brand, name: Fototech },

  offers: {

    @type: Offer,

    url: https://tusitio.com/camara-xyz,

    priceCurrency: EUR,

    price: 499.00,

    itemCondition: https://schema.org/NewCondition,

    availability: https://schema.org/InStock

  }

}

lt/scriptgt

6. Validación y Pruebas

Antes de desplegar tu JSON-LD en producción, es imprescindible validarlo:

7. Mejores Prácticas

Datos Relevantes: Incluye solo información veraz y correlacionada con el contenido visible.
Evita Bloquearlo: No coloques el JSON-LD en archivos JavaScript externos que bloqueen su carga.
Actualización: Revisa periódicamente tu marcado para adaptarte a cambios de algoritmo.
Contexto Único: Usa un solo @context para todo el script.
Simplifica: No dupliques propiedades ni etiquetas innecesarias.

8. Casos de Uso Avanzados

BreadCrumbList: Muestra estructura de migas de pan.
Event: Para conferencias, conciertos y seminarios.
Recipe: Recetas culinarias con tiempo de cocción e ingredientes.
FAQPage: Páginas de preguntas frecuentes.

9. Ejemplo: BreadcrumbList



ltscript type=application/ld jsongt

{

  @context: https://schema.org,

  @type: BreadcrumbList,

  itemListElement: [

    {

      @type: ListItem,

      position: 1,

      name: Inicio,

      item: https://tusitio.com/

    },

    {

      @type: ListItem,

      position: 2,

      name: Categoría,

      item: https://tusitio.com/categoria

    },

    {

      @type: ListItem,

      position: 3,

      name: Subcategoría,

      item: https://tusitio.com/categoria/subcategoria

    }

  ]

}

lt/scriptgt

10. Herramientas de Generación

Herramienta	Descripción
Google Structured Data Markup Helper	Generador visual para diversos tipos de contenido.
Merkle’s JSON-LD Schema Generator	Plantillas para comercio electrónico, eventos, recetas y más.
Schema App	Solución de pago para grandes sitios con gestión centralizada.

11. Conclusión

Implementar JSON-LD es esencial para que tu sitio web aproveche al máximo los rich snippets y mejore su visibilidad en buscadores. Siguiendo buenas prácticas, validando correctamente y utilizando los ejemplos y herramientas aquí presentados, podrás estructurar datos de forma consistente y profesional.

Para más detalles, consulta la documentación oficial de Google Structured Data y Schema.org.

Acepto donaciones de BAT's mediante el navegador Brave 🙂

Implementar JSON-LD para rich snippets