MAISON CODE .
/ SEO · Schema · JSON-LD · Growth · Architecture

Esquemas de empresa: el lenguaje SEO de los robots

El robot de Google no lee inglés. Lee JSON-LD. Una guía técnica para dominar el gráfico de conocimiento con esquemas de organización, producto y ruta de navegación.

AB
Alex B.
Esquemas de empresa: el lenguaje SEO de los robots

Cuando un humano mira la página de su producto, ve “€120,00”. Saben que es un precio porque está en negrita y cerca del botón “Comprar”. Cuando el robot de Google mira su página, ve <div>€120,00</div>. ¿Ese es el precio? ¿Ese es el costo de envío? ¿Es ese el monto del ahorro? ¿Es ese el número de modelo “120”? Google utiliza Machine Learning para adivinar. Pero adivinar es costoso y propenso a errores.

Datos estructurados (Schema.org) elimina las conjeturas. Es un vocabulario estandarizado (fundado por Google, Microsoft, Yahoo y Yandex) para etiquetar datos explícitamente. Le está susurrando al rastreador: “Esta cadena ‘120.00’ es el precio. Esta cadena ‘USD’ es la moneda”.

Si implementas esto correctamente, Google te recompensará con Rich Snippets.

  • Estrellas: calificación de 5 estrellas que se muestra en los resultados de búsqueda.
  • Precio: “120.00 USD” mostrado en la búsqueda.
  • Disponibilidad: Texto verde “En stock”.

Estos potenciadores visuales aumentan la tasa de clics (CTR) en un promedio del 30 %. Es la tarea técnica de SEO con mayor ROI que puedes realizar.

Por qué Maison Code habla de esto

En Maison Code Paris, actuamos como la conciencia arquitectónica de nuestros clientes. A menudo heredamos stacks “modernos” construidos sin una comprensión fundamental de la escala.

Discutimos este tema porque representa un punto de inflexión crítico en la madurez de la ingeniería. Implementarlo correctamente diferencia un MVP frágil de una plataforma resistente de nivel empresarial.

1. JSON-LD: el estándar moderno

En 2015, utilizamos microdatos (etiquetas HTML abarrotadas con itemprop="price"). Estaba desordenado y rompía el diseño. En 2025, utilizamos JSON-LD (Notación de objetos JavaScript para datos vinculados). Actúa como una capa de datos separada. Vive en una etiqueta <script> en <head>. No afecta en absoluto la representación visual.

2. El esquema de organización (gráfico de conocimiento)

Esto le dice a Google quién eres. Le ayuda a obtener ese enorme “Panel de conocimiento” en el lado derecho de los resultados de búsqueda del escritorio.

{
  "@context": "https://schema.org",
  "@type": "Organización",
  "nombre": "Maison Code París",
  "url": "https://maisoncode.paris",
  "logotipo": "https://maisoncode.paris/assets/logo-512.png",
  "description": "Estudio de ingeniería de software de lujo especializado en Headless Commerce.",
  "fechadefundación": "2020-01-01",
  "fundadores": [
    {
      "@tipo": "Persona",
      "nombre": "Alex B."
    }
  ],
  "punto de contacto": {
    "@type": "Punto de contacto",
    "teléfono": "+33-1-00-00-00-00",
    "contactType": "ventas",
    "areaServed": ["FR", "US", "AE"],
    "disponibleIdioma": ["inglés", "francés"]
  },
  "igual que": [
    "https://twitter.com/maisoncode",
    "https://linkedin.com/company/maisoncode",
    "https://github.com/maisoncode"
  ]
}

Estrategia clave: La matriz sameAs es fundamental. Le dice explícitamente a Google: “Esa página de LinkedIn nos pertenece”. Esto agrega sus señales de autoridad.

3. El esquema del producto (el generador de dinero)

Si tiene una tienda de comercio electrónico, esto no es negociable. Sin un esquema de producto válido, Google Merchant Center (Shopping) rechazará su feed.

{
  "@context": "https://schema.org",
  "@tipo": "Producto",
  "name": "La camiseta del desarrollador",
  "imagen": [
    "https://ejemplo.com/photos/1x1/photo.jpg",
    "https://ejemplo.com/photos/16x9/photo.jpg"
  ],
  "description": "Una camisa diseñada para el trabajo profundo. 100% Algodón.",
  "sku": "DEV-CAMISA-001",
  "mpn": "925872",
  "marca": {
    "@tipo": "Marca",
    "nombre": "Código de casa"
  },
  "revisión": {
    "@type": "Revisar",
    "calificación de revisión": {
      "@type": "Calificación",
      "calificaciónValor": "5",
      "mejor calificación": "5"
    },
    "autor": {
      "@tipo": "Persona",
      "nombre": "John Doe"
    }
  },
  "calificación agregada": {
    "@type": "Calificación Agregada",
    "ratingValue": "4.8",
    "reviewCount": "89"
  },
  "ofertas": {
    "@type": "Oferta",
    "url": "https://ejemplo.com/camisa",
    "precioCurrency": "USD",
    "precio": "119,99",
    "priceValidUntil": "2026-11-20",
    "itemCondition": "https://schema.org/NewCondition",
    "disponibilidad": "https://schema.org/InStock",
    "Detalles de envío": { 
       "@type": "Detalles de envío de la oferta",
       "tasa de envío": { "@tipo": "Monto monetario", "valor": "0", "moneda": "USD" }
    }
  }
}

Detalle crítico: La propiedad aggregateRating es lo que genera las estrellas en los resultados de búsqueda. Debe agregar reseñas dinámicamente desde su base de datos (o Yotpo/Judge.me).

4. Implementación dinámica en Next.js

No los codifique. Deben coincidir dinámicamente con el contenido de la página. Si su precio se actualiza a €99 en la interfaz de usuario, el esquema DEBE actualizarse a €99 al instante. Si el esquema dice €99 y la página visible dice €119, Google aplica una Acción manual (penalización) por “datos estructurados spam”.

importar encabezado desde 'siguiente/encabezado';

exportar función predeterminada ProductPage({ producto }) {
  esquema constante = {
    "@context": "https://schema.org",
    "@tipo": "Producto",
    "nombre": producto.título,
    "ofertas": {
      "@type": "Oferta",
      "precio": producto.precio.cantidad, // Garantizar "119,99"
      "precioCurrencia": producto.precio.códigomoneda
    }
  };

  regresar (
    <>
      <Cabeza>
        <guión
          tipo="aplicación/ld+json"
          peligrosamenteSetInnerHTML={{ __html: JSON.stringify(esquema) }}
        />
      </cabeza>
      <h1>{producto.título}</h1>
    </>
  );
}

5. Esquema BreadcrumbList (Navegación)

Esto limpia la visualización de su URL en Google. En lugar de: maisoncode.paris/products/categories/shirts/silk Google muestra: Inicio > Productos > Camisas > Camisa de seda (migas de pan en las que se puede hacer clic).

{
  "@context": "https://schema.org",
  "@type": "Lista de rutas de navegación",
  "itemListElement": [{
    "@type": "ListItem",
    "posición": 1,
    "nombre": "Productos",
    "artículo": "https://example.com/products"
  },{
    "@type": "ListItem",
    "posición": 2,
    "nombre": "Camisas",
    "artículo": "https://example.com/products/shirts"
  }]
}

6. Validación: la prueba de resultados enriquecidos

No puede verificar esto simplemente viendo la fuente de la página. Debes utilizar las herramientas del Validador.

  1. Prueba de resultados enriquecidos (Google): le indica si es elegible para funciones brillantes (Estrellas/Precio).
  2. Validador de marcado de esquema (Schema.org): Le indica si su sintaxis es JSON-LD válida.

Flujo de trabajo:

  1. Desarrollar localmente (localhost:3000).
  2. Utilice ngrok (túnel) para exponer públicamente su servidor local.
  3. Pegue la URL ngrok en la prueba de resultados enriquecidos.
  4. Corregir errores.
  5. Implementar.

7. Errores comunes

  • Formato de moneda: price debe ser una cadena numérica ("100.00"), no una cadena formateada ("€100").
  • Contenido oculto: marcar contenido que nunca es visible para el usuario (por ejemplo, oculto en un div bloqueado). Google odia esto.
  • Reseñas no deseadas: marcar reseñas genéricas de sitios como reseñas de productos.
  • Disponibilidad: No se puede actualizar InStock -> OutOfStock cuando el inventario llega a 0.

6. Rutas de navegación para SEO móvil

En el escritorio, es “bueno tener Breadcrumbs”. En dispositivos móviles, son Navegación crítica. Google reemplaza la barra de URL con la ruta Breadcrumb. Si tienes: Inicio > Mujer > Zapatos > Zapatillas El usuario puede tocar “Zapatos” directamente desde SERP. Esto reduce la tasa de rebote porque los usuarios llegan a la categoría exacta que desean, incluso si hicieron clic en un producto específico. Nota técnica: Asegúrese de que la URL del “elemento” en el esquema coincida exactamente con la URL canónica de la página de categoría (la barra diagonal final es importante).

7. Validación del gráfico de conocimiento

¿Cómo saber si Google te “conoce”? Busque su marca. Si ve un cuadro a la derecha con su logotipo, fundador y perfiles sociales, ganó. De lo contrario, su esquema de organización es débil. Estrategia: Enlace a Wikidata y Wikipedia en la matriz sameAs. Google confía en Wikipedia más que en su propio sitio. Si no tiene una página de Wikipedia, utilice Crunchbase.

8. SEO local: el esquema de negocio local

Si tiene una oficina física (París 8e), no es sólo una “Organización”. Eres una “empresa local”. A Google Maps le encanta esto.

{
  "@type": "Negocio Local",
  "name": "Maison Code París HQ",
  "dirección": {
    "@type": "Dirección postal",
    "streetAddress": "123 Campos Elíseos",
    "addressLocality": "París",
    "códigopostal": "75008",
    "direcciónPaís": "FR"
  },
  "geo": {
    "@type": "GeoCoordenadas",
    "latitud": 48.8566,
    "longitud": 2,3522
  },
  "especificación de horas de apertura": [
    {
      "@type": "Especificación de horas de apertura",
      "dayOfWeek": ["lunes", "martes", "miércoles", "jueves", "viernes"],
      "abre": "09:00",
      "cierra": "18:00"
    }
  ]
}

Esto lo lleva al “Paquete local” (el fragmento de mapa) cuando alguien busca “Agencia de software de París”.

8. Cuadro de búsqueda de vínculos a sitios

¿Sabes cuando buscas “Amazon” y hay una barra de búsqueda dentro del resultado de Google? Tú también puedes tener eso.

{
  "@context": "https://schema.org",
  "@type": "Sitio web",
  "url": "https://maisoncode.paris/",
  "acciónpotencial": {
    "@type": "Acción De Búsqueda",
    "objetivo": "https://maisoncode.paris/search?q={search_term_string}",
    "query-input": "nombre requerido=cadena_término_búsqueda"
  }
}

Esto aumenta el dominio de la marca en la página de resultados del motor de búsqueda (SERP).

9. Esquema de preguntas frecuentes: ocupar espacio

Google le permite mostrar Preguntas y Respuestas directamente en el fragmento de búsqueda. Esto empuja a sus competidores hacia abajo en la página. Incluso si los usuarios no hacen clic, leen su respuesta. “¿Usas reaccionar?” -> “Sí, somos expertos en Remix”. Esta es la optimización de “Búsqueda sin clic”.

10. Conclusión

Los datos estructurados son el puente entre su base de datos y el motor de búsqueda más grande del mundo. Si habla el idioma de Google (JSON-LD), Google escucha. Si murmuras en HTML no estructurado, te ignorarán. Invierta en su estrategia Schema. Es más barato que comprar anuncios.

¿Invisible en Google?

¿Su hermoso sitio parece aburrido en los resultados de búsqueda?

Implementar fragmentos enriquecidos. Contrate a nuestros arquitectos.