Generador de Open Graph
Crea etiquetas Open Graph y Twitter Cards para que tus enlaces se dibujen espectaculares en las redes sociales.
Ajustes de Open Graph
Optimización para X / Twitter
¿Para qué sirve optimizar tus tarjetas de Open Graph?
Cuando un usuario comparte una URL de tu sitio web en una conversación de chat o red social, la plataforma no lee tu web completa de forma inmediata; en su lugar, lanza un bot de escaneo rápido para buscar metaetiquetas estructuradas bajo el protocolo de **Open Graph (og:title, og:image, og:description)**.
Confianza y Clics: Si las etiquetas están bien optimizadas, la red social dibujará una tarjeta enriquecida con una portada en alta definición, un título limpio y un resumen directo de tu servicio. Esto inspira mucha más confianza, se ve 100% profesional y multiplica la tasa de clics orgánicos procedentes de fuentes sociales.
Cómo configurar tarjetas Open Graph y Twitter paso a paso
Detalla el contenido
Escribe el título, descripción de previsualización y URL oficial de la página a enlazar.
Indica la portada
Copia y pega la ruta web completa de la imagen que aparecerá de forma visual en la tarjeta.
Activa Twitter Cards
Elige si prefieres previsualizaciones horizontales completas o compactas e ingresa tu usuario de X.
Copia las directivas
Genera el bloque HTML correspondiente y pégalo en la sección de cabecera de tus páginas.
Controlando la Presencia y Apariencia Visual de tus Enlaces en las Redes Sociales
El protocolo Open Graph es una tecnología estructurada creada originalmente por Facebook en 2010. Permite integrar etiquetas meta especializadas en la cabecera HTML de cualquier página web para dictar exactamente qué imagen, título y descripción descriptiva se debe mostrar cuando un usuario copia y pega la URL en plataformas de mensajería o redes sociales.
Este generador interactivo compila las etiquetas clave `og:title`, `og:description`, `og:image` (la URL de la portada de la tarjeta), `og:url` y `og:site_name`, y además incluye soporte de optimización avanzado para los estándares de Twitter Cards (`twitter:card` y `twitter:site`). Esto asegura que tus enlaces se dibujen con espectaculares previsualizaciones en WhatsApp, LinkedIn, Facebook y X.
Implementar etiquetas Open Graph profesionales aumenta drásticamente la tasa de clics y la tracción social de tus contenidos. Evita que los bots extraigan imágenes aleatorias (como banners de cookies o logotipos recortados) y te permite gobernar tu identidad visual en toda la web.
Etiquetas Críticas de Redes Sociales
- **og:title**: Título de la tarjeta social (puede diferir ligeramente del título SEO para ser más llamativo).\n**og:image**: La URL absoluta de la imagen destacada que servirá de portada.\n**og:type**: Especifica el tipo de objeto (e.g. `website`, `article`, `product`).
Preguntas Frecuentes
Prácticamente todas las plataformas sociales modernas, incluyendo Facebook, WhatsApp, LinkedIn, Slack, Discord, Pinterest y Telegram.
La dimensión estándar recomendada para lograr tarjetas horizontales de tamaño completo es de 1200 x 630 píxeles, con una relación de aspecto de 1.91:1.
Puedes utilizar herramientas de depuración oficiales y gratuitas de las propias plataformas, como el "Facebook Sharing Debugger" o el "LinkedIn Post Inspector" para vaciar el caché y previsualizar tus tarjetas.
Si la imagen supera los 8MB o sus dimensiones son excesivas, plataformas como WhatsApp o Facebook podrían ignorarla y mostrar un enlace simple sin gráficos.
Aunque el estándar lo permite declarando varias líneas de og:image, la mayoría de los visualizadores sociales solo procesarán y mostrarán la primera etiqueta que encuentren.
Generador de Open Graph
GeneradoresCrea etiquetas Open Graph y Twitter Cards para que tus enlaces se dibujen espectaculares en las redes sociales.
¿Necesitas una solución a medida?
Construimos plataformas personalizadas, sistemas de gestión, ecommerce de alto rendimiento y SEO técnico avanzado para escalar tu negocio.
Solicitar Presupuesto