Para desarrolladores · Sitios de contenido

Una imagen OG única para cada página con una sola URL

Los enlaces con una vista previa de marca reciben más clics. Pon el título en la URL de una plantilla de Bannermatic y cada artículo, producto o evento tendrá su propia imagen Open Graph, renderizada en la primera petición y guardada en caché.

Plan gratuito para siempre. Sin tarjeta.

data.csv
kickertitle
CASO DE ÉXITOCómo redujimos un 80% el tiempo de producción de anuncios
GUÍATamaños de banner para todas las redes publicitarias
NOVEDADLlegan los tamaños vinculados
CASO DE ÉXITO
Cómo redujimos un 80% el tiempo de producción de anuncios
8 semanas · proyectos para tu portafolio
Regístrate
GUÍA
Tamaños de banner para todas las redes publicitarias
8 semanas · proyectos para tu portafolio
Regístrate
NOVEDAD
Llegan los tamaños vinculados
8 semanas · proyectos para tu portafolio
Regístrate
Una plantilla, una fila de datos por banner. Son renders reales.

Cómo funciona

  1. 1

    Diseña la vista previa

    Una plantilla de 1200×630 con título, categoría, autor o precio, con tus fuentes y colores.

  2. 2

    Firma el enlace

    Construye la URL con los datos de la página y fírmala con HMAC (o pide a POST /v1/signed-urls que lo haga).

  3. 3

    Ponla en og:image

    Las redes sociales y las apps de mensajería piden el enlace; la imagen se genera una vez y se sirve desde la caché.

Una sola etiqueta meta

La firma impide que terceros cambien el texto de tu plantilla. Añade _v para vaciar la caché tras un rediseño.

html
<meta property="og:image"
  content="https://api.bannermatic.app/i/tpl_blog.png?title=How%20we%20cut%20costs&kicker=CASE%20STUDY&s=…" />

Por qué no renderizar las OG por tu cuenta

Sin navegador headless por tu parte

El render, las fuentes, los emojis y la caché corren por cuenta de Bannermatic.

Los títulos largos caben

El ajuste automático y el límite de líneas mantienen cualquier titular dentro del marco.

El diseño lo controlan los diseñadores

Cambia la plantilla en el editor y las nuevas vistas previas lo recogen.

No solo OG

Los mismos enlaces funcionan en emails, landing pages y feeds de producto.

Preguntas y respuestas

¿Qué plan necesitan los enlaces firmados?

Los enlaces firmados están disponibles desde el plan Starter. Cada combinación nueva de parámetros cuenta como un render; las peticiones repetidas salen de la caché.

¿Qué tamaño debe tener una imagen OG?

1200×630 píxeles (1.91:1) funciona en Facebook, LinkedIn, X y la mayoría de apps de mensajería. El preset de plantilla viene integrado.

¿Tengo que almacenar las imágenes?

No. El enlace es la imagen: Bannermatic guarda el archivo renderizado y lo sirve en las peticiones siguientes.

Ver también

Dale a cada enlace una vista previa como es debido

Crea una plantilla OG y pega el enlace en la plantilla de tu página.