Generador de Meta Tags Open Graph y Twitter Cards
Optimiza la apariencia de tus enlaces al compartirlos en redes sociales. Previsualiza el diseño en tiempo real y copia el código HTML.
📝 Datos de tu Página Web
Título
Descripción...
¿Por qué las etiquetas Open Graph aumentan tu tráfico web?
📈 Hasta un 40% más de Clics (CTR)
Los enlaces que muestran una tarjeta grande con imagen atractiva obtienen significativamente más interacciones y retuits que los enlaces de texto planos sin previsualización.
🛡️ Control Total de tu Marca
Evitas que redes sociales como WhatsApp o Facebook elijan al azar un icono o imagen secundaria de tu barra lateral para representar tu artículo.
🚀 E-E-A-T y Confianza
Una previsualización profesional genera credibilidad inmediata entre los usuarios, reduciendo la desconfianza ante posibles enlaces sospechosos o spam.
Preguntas Frecuentes sobre Meta Tags
¿Qué son las etiquetas Open Graph y Twitter Cards?
El protocolo Open Graph (creado originalmente por Facebook y adoptado por LinkedIn, WhatsApp y Telegram) junto a Twitter Cards son metaetiquetas HTML que controlan exactamente qué título, descripción e imagen se muestran cuando alguien comparte tu enlace en redes sociales.
¿Cuál es el tamaño recomendado para la imagen og:image?
El tamaño estándar internacional recomendado es de 1200 × 630 píxeles con una relación de aspecto de 1,91:1. Esto garantiza que la imagen se vea nítida en tarjetas grandes tanto en Twitter/X como en Facebook y WhatsApp.
¿Dónde se pegan estas etiquetas en mi página web?
Debes insertarlas dentro de la sección <head> ... </head> del archivo HTML de tu página web o en la plantilla principal de tu gestor de contenidos (Astro, WordPress, Next.js, etc.).
¿Por qué WhatsApp a veces no muestra la imagen de mi enlace?
WhatsApp almacena en caché la información de los enlaces. Si la imagen pesa más de 300 KB, no tiene protocolo HTTPS seguro o la etiqueta og:image está ausente o mal configurada, WhatsApp mostrará un enlace de texto simple.