TontonTools

Generador de gráficos abierto

Genere metaetiquetas Open Graph: vistas previas perfectas para compartir, listas para copiar y pegar.

100% Gratis Sin registro Amigable con la privacidad Herramientas SEO
Actualizado sep. 2026
Share X / Twitter Facebook LinkedIn WhatsApp

Cómo usar Generador de gráficos abierto

  1. Rellene los campos: título de la página, una descripción de ~110 caracteres, la URL absoluta de la imagen (1200 × 630 px) y la URL de la página.
  2. Copia las metaetiquetas generadas del cuadro de salida.
  3. Pégalas dentro del de la página, a través de tu plantilla, complemento CMS SEO o editor de temas.
  4. Verifica con el Abra Graph Checker y actualice los cachés de la plataforma si la página se compartió antes.

¿Cuál es Generador de gráficos abierto?

Un generador Open Graph crea las metaetiquetas que controlan la vista previa compartida de su enlace: usted completa el título, la descripción, la imagen y la URL, y genera el marcado exacto para el de su página:




Escribirlos a mano invita a cometer pequeños errores que interrumpen las vistas previas (atributos de propiedad versus nombre, rutas de imagen relativas, og:type faltante), que es exactamente lo que se evita al generarlos.

Sobre el Generador de gráficos abierto

Rellene los cuatro campos (título, descripción, URL de la imagen y URL de la página), además del tipo de contenido, y copie el bloque Open Graph completo en la plantilla de su página o en la sección principal del CMS.

Escribir bien los campos: og:title puede ser más impactante que su título SEO (no necesita sufijo de marca; la plataforma muestra su dominio de todos modos) y sobrevive en su totalidad hasta ~60 caracteres; og:description tiene aproximadamente 2 líneas (~110 caracteres) en la mayoría de las plataformas, por lo tanto, cargue el gancho al principio; og:image debe ser una URL https absoluta para una imagen de 1200 × 630 px con el tema centrado.

Dónde van las etiquetas: dentro de en cada página que se puede compartir, cada una con sus propios valores: un bloque OG idéntico en todo el sitio hace que cada enlace compartido parezca la página de inicio. Verifique el resultado en vivo con nuestro Open Graph Checker y agregue etiquetas de tarjetas de Twitter (nuestro generador complementario) para el formato mejorado de X.

Preguntas Frecuentes

El protocolo requiere cuatro: og:title, og:type (normalmente "sitio web" o "artículo"), og:image y og:url. En la práctica, agregue también og:description: las plataformas lo muestran y la vista previa parece simple sin él.
Sí, y a menudo debería hacerlo: la etiqueta del título está adaptada para la búsqueda (palabras clave, marca), y og:title para el feed social (curiosidad, sin sufijo de marca). Dos audiencias, dos titulares, misma página.
Cada página que esperas que se comparta, sí, con valores específicos de la página. Los complementos de CMS SEO (Yoast, Rank Math) los generan por página automáticamente; esta herramienta cubre sitios personalizados y plantillas creadas a mano.
"sitio web" para la mayoría de las páginas, "artículo" para publicaciones de blogs y noticias (desbloquea metadatos de artículos como hora de publicación y autor en algunas plataformas). Los productos, vídeos y música tienen sus propios tipos, pero los dos básicos cubren la mayoría de los sitios.
No directamente: son para plataformas sociales. Indirectamente, las mejores vistas previas generan más acciones y clics, y Google puede usar og:image como pista al seleccionar miniaturas. Trátelos como optimización de clics para el lado social de la web.

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.