Generador Gratis de Etiquetas Open Graph y Twitter Card
Este generador gratuito de Open Graph crea las etiquetas meta og y twitter que controlan cómo se ve una página cuando se comparte en Facebook, LinkedIn, WhatsApp, X y otras aplicaciones. Ingresa el título, descripción, dirección de la página y dirección de la imagen, elige el tipo y estilo de tarjeta, y copia las etiquetas. También verifica longitudes y dibuja una vista previa de la tarjeta, para que puedas corregir problemas antes de compartir.
Generador de Etiquetas Open Graph
On-page SEO
Sobre esta herramienta
Cuando alguien comparte un enlace, las aplicaciones leen algunas etiquetas meta para decidir qué título, descripción e imagen mostrar. Sin ellas, la aplicación adivina, y el resultado suele ser una imagen incorrecta o una frase cortada. Las etiquetas Open Graph, que la mayoría de las aplicaciones leen, y las etiquetas Twitter Card, utilizadas por X, te dan control sobre esa primera impresión.
Completa el título de la página, una descripción, la dirección completa de la página y la dirección completa de una imagen para compartir. Una imagen de 1200 por 630 píxeles funciona bien en la mayoría de las plataformas. Elige el tipo, como sitio web, artículo o producto, y el estilo de tarjeta para X: summary muestra una imagen pequeña, summary_large_image muestra una ancha. La herramienta escribe todas las etiquetas, escapa caracteres especiales e indica longitudes que probablemente se corten.
Las etiquetas van dentro del head de la página. Después de publicar, prueba la página con el verificador de Open Graph, porque las plataformas mantienen una copia en caché y pueden necesitar una actualización antes de mostrar tus cambios. La vista previa aquí es un dibujo simple de la tarjeta, no una captura de pantalla de ninguna aplicación. Nada de lo que ingreses se almacena.
Preguntas frecuentes
¿Qué tamaño debe tener una imagen de Open Graph?
Una opción segura común es 1200 por 630 píxeles, una proporción de aproximadamente 1.91 a 1, guardada como JPEG o PNG y mantenida por debajo de aproximadamente 5 MB. Mantén el texto importante alejado de los bordes porque algunas aplicaciones recortan la imagen.
¿Necesito tanto etiquetas Open Graph como Twitter Card?
X recurre a las etiquetas Open Graph cuando faltan las etiquetas de Twitter, por lo que las etiquetas og solas a menudo funcionan. Agregar twitter:card le dice a X qué diseño usar, por eso esta herramienta escribe ambas. Otras aplicaciones simplemente leen las etiquetas og.
¿Cuánto tiempo deben tener el título y la descripción?
Los títulos alrededor de 60 caracteres y descripciones de hasta aproximadamente 155 a 200 caracteres generalmente se muestran completos. Las plataformas cortan el texto en diferentes longitudes, así que pon las palabras importantes primero. Las verificaciones debajo de las etiquetas indican el texto que probablemente se acorte.
¿Por qué un enlace compartido aún muestra la imagen antigua?
Las plataformas almacenan en caché los datos de un enlace. Después de cambiar las etiquetas, usa el depurador de uso compartido de la plataforma para obtener la página nuevamente, o agrega una versión a la dirección de la imagen. Las etiquetas en tu página serán correctas incluso si la vista previa tarda un tiempo en actualizarse.