Crear imágenes Open Graph con un agente de IA
La tarjeta que aparece al compartir un enlace, generada página por página sin abrir un editor de diseño.
Cancel anytime before day 7 · no lock-in
Por qué esa miniatura decide el clic
Cuando alguien pega el enlace de tu web en WhatsApp, LinkedIn o X, lo primero que ve no es tu titular sino una imagen. Si no hay ninguna, aparece un recuadro gris y el enlace pierde toda su fuerza.
Esa miniatura sale de las etiquetas Open Graph de tu <head>. Merece la pena tratarla como parte del producto y no como un detalle que se deja para el final.
Las etiquetas que van en el head
La etiqueta clave es og:image, y necesita una URL absoluta. Estas son las que conviene tener siempre presentes:
og:imagecon la URL del archivoog:image:widtha 1200 yog:image:heighta 630, la proporción 1.91:1twitter:cardensummary_large_imagepara la tarjeta grande de Xog:image:altcon una descripción para lectores de pantalla
Pedirle la imagen al agente
Figgshield es un servidor MCP en https://api.figgshield.ai/mcp. Cuando lo conectas en Claude, Cursor, Windsurf o ChatGPT en modo desarrollador, le describes la tarjeta en lenguaje normal y el agente llama a la herramienta de imagen.
El modelo es Nano Banana 2, de Google. Puedes generar en 1K o 2K por 8 créditos, o en 4K por 16. Para una tarjeta de 1200 por 630, el 2K deja margen de sobra para recortar al formato exacto.
Un prompt puede ser tan directo como: Tarjeta social 1200x630, fondo azul noche, el texto 'Precios claros, sin sorpresas' en blanco, logo pequeño abajo a la izquierda. Pide el texto incrustado o reserva un espacio y superponlo en tu plantilla al construir el sitio.
Manten el archivo por debajo de 1 MB. Las plataformas guardan la imagen en caché la primera vez que la leen, así que un cambio suele necesitar un nuevo rastreo desde su depurador.
Adaptar la tarjeta a cada mercado
Un mismo sitio en español rara vez habla igual a un lector de Madrid que a uno de Ciudad de México o Buenos Aires. La imagen social es un buen sitio para reflejar esa diferencia.
Genera una variante por región: cambia el texto (ordenador frente a computadora), el precio en euros o en pesos, o una foto que resulte familiar en cada país. Con el agente pides todas las variantes en una sola conversación y salen con el mismo estilo de marca.
Sirve cada versión según la ruta o el idioma detectado, por ejemplo /es-es/ y /es-mx/, y apunta el og:image de cada página a su archivo.
El enlace de 7 días y dónde guardar el archivo
Cada archivo que genera Figgshield vive en un enlace privado durante 7 días y después se borra. Es almacenamiento temporal, no un CDN.
No pongas ese enlace directamente en og:image, porque la tarjeta desaparecería en una semana. Descarga el archivo y súbelo a tu repositorio o al mismo bucket donde sirves el resto de recursos estáticos. Así la etiqueta apunta a una URL que tú controlas.
Si envías una imagen de referencia (tu logo, una captura de otra tarjeta), se usa en memoria para guiar la generación y no se guarda en ningún momento.
Cuánto cuesta y cómo empezar
Un solo saldo de créditos cubre imágenes y vídeo, y Figgshield cobra a precio de coste, sin recargo sobre los modelos. Si más adelante quieres una previsualización en movimiento, puedes convertir una tarjeta ya generada en un clip de cinco segundos con Kling 3 pasando su id, por 35 créditos.
La prueba Pro de 5 dólares por 7 días incluye 150 créditos, alrededor de dieciocho imágenes. Cancela antes del día 7 y no pagas nada más. No hay plan gratuito. Tienes el detalle en cómo funcionan los créditos.