Generador gratis de imágenes Open Graph (OG) y vista previa | We.Inc
Crea en tu navegador una imagen Open Graph de 1200 x 630 con título, subtítulo, colores de marca y logo; descárgala como PNG. Previsualiza las tarjetas de Facebook, LinkedIn y X y copia las metaetiquetas. Gratis.
Generador y vista previa de imágenes Open Graph
Diseña la imagen que aparece cuando alguien comparte tu enlace. Escribe un título y un subtítulo, elige colores y diseño, añade tu logo y descarga un PNG de 1200 x 630. Comprueba cómo se ve la tarjeta en Facebook, LinkedIn y X y copia las metaetiquetas para tu página. Todo funciona en tu navegador. No enviamos a We.Inc ni a nadie más lo que escribas o subas.
Escribe el título y, si quieres, un subtítulo y el nombre del sitio. Los títulos largos se ajustan hasta en tres líneas.
Elige un diseño y colores de fondo y texto, o selecciona una paleta predefinida.
Si quieres, sube tu logo (PNG, JPG, SVG o WebP). Se dibuja en una esquina y nunca sale de tu dispositivo.
Pulsa «Descargar PNG» para guardar una imagen de 1200 x 630, el tamaño que Facebook, LinkedIn y X usan en las vistas previas grandes.
Sube la imagen a tu sitio, pega su URL completa en el campo URL de imagen y copia las metaetiquetas generadas en el head de tu página.
Procura que el título tenga menos de 60 caracteres y un tamaño legible en teléfonos, donde las tarjetas son pequeñas.
Deja espacio alrededor del texto. Algunas aplicaciones recortan los bordes o muestran la imagen como un cuadrado.
Asegura un contraste alto entre el texto y el fondo. Puedes comprobarlo con el verificador de contraste de color.
Después de publicar, las aplicaciones sociales conservan la imagen anterior en caché. Puedes actualizarla con Sharing Debugger de Facebook y Post Inspector de LinkedIn.
Asigna una imagen propia a cada página importante; una tarjeta genérica con solo el logo recibe menos clics que una que nombra la página.
Preguntas frecuentes
¿Qué tamaño debe tener una imagen Open Graph?
1200 x 630 píxeles (relación 1.91:1) es el estándar para las tarjetas grandes de Facebook, LinkedIn y X. Este generador siempre exporta exactamente ese tamaño.
¿El generador de imágenes OG es gratis?
Sí. No requiere registro y no añade marcas de agua. La imagen se dibuja en el navegador y se descarga directamente en tu dispositivo.
¿Se sube mi logo a algún sitio?
No. Tu navegador lee el logo y lo dibuja localmente en la imagen. No se envía nada a We.Inc.
¿Cómo añado la imagen a mi sitio web?
Sube el PNG a tu sitio para que tenga una URL pública. Luego añade <meta property="og:image" content="esa URL"> y una etiqueta twitter:image al head de la página. Pega la URL en la herramienta y generará las etiquetas.
¿Por qué sigue apareciendo la imagen anterior al compartir mi enlace?
Las redes sociales guardan las vistas previas en caché. Vuelve a rastrear la URL con Sharing Debugger de Facebook o Post Inspector de LinkedIn, o espera a que caduque la caché.
¿Puede leer las etiquetas de mi página activa?
No. Los navegadores impiden que un sitio lea otro; introduce el título, la descripción y la URL de la imagen y la herramienta te mostrará cómo se verán.
Qué hace una imagen Open Graph
Cuando se pega un enlace en Facebook, LinkedIn, X, Slack o una aplicación de mensajería, la aplicación lee las etiquetas Open Graph de la página y muestra una tarjeta con imagen, título y descripción breve. La imagen ocupa la mayor parte de la tarjeta y determina si alguien se fija en el enlace.
Sin la etiqueta og:image, las aplicaciones no muestran una imagen o eligen una al azar de la página. Basta una imagen sencilla con el título de la página y tu marca para que parezca intencional.
Tres reglas para una buena imagen OG
Explica en pocas palabras y con texto grande de qué trata la página. Usa los colores de tu marca para que te reconozcan al compartirla. Aleja el contenido importante de los bordes, porque algunas aplicaciones recortan la imagen a un cuadrado o redondean las esquinas.
En un sitio de We.Inc
En los sitios creados con We.Inc puedes configurar el título, la descripción y la imagen para compartir desde el panel SEO; las etiquetas se generan automáticamente. Esta herramienta sirve para cualquier sitio y para crear la propia imagen.