Herramientas SEO

Gratis Generador Open Graph y Twitter Card

Crea meta etiquetas de vista previa social para posts y páginas estáticas.

Cargando herramienta...

Qué es Generador Open Graph y Twitter Card?

Las etiquetas Open Graph y Twitter Card controlan cómo aparece una página cuando alguien la comparte en plataformas sociales, aplicaciones de mensajería y herramientas de vista previa de enlaces. Definen el título de vista previa, la descripción, la imagen, la URL de la página y el formato de la tarjeta. Son útiles cuando las vistas previas predeterminadas muestran el texto incorrecto o ninguna imagen.

Respuesta rápida

Genere etiquetas meta Open Graph y Twitter Card para controlar cómo aparece su página cuando se comparte en plataformas sociales, aplicaciones de mensajería y herramientas de vista previa de enlaces. Use URL absolutas para las imágenes y pruebe después de publicar.

Last updated: 2026-06-11

Limitaciones

Las etiquetas generadas deben colocarse en la sección head HTML de cada página. Las plataformas sociales y las aplicaciones de mensajería leen estas etiquetas cuando se obtiene la página, no cuando se construye.
Las plataformas sociales almacenan en caché las vistas previas de forma agresiva. Después de actualizar las etiquetas og o twitter, use el depurador o probador de uso compartido de cada plataforma para forzar una actualización de la caché.
Algunas plataformas ignoran ciertas etiquetas. X lee twitter:card mientras que Facebook y LinkedIn usan etiquetas og:. No todas las plataformas admiten todas las directivas.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

Ingrese el título de la página, la descripción, la URL canónica, el nombre del sitio y la URL de la imagen de vista previa.
Elija el tipo Open Graph. Use website para páginas normales y article para publicaciones de blog.
Copie las etiquetas meta generadas en la sección head de su página.
Use una URL de imagen absoluta y pruebe la página después de publicarla.

Para qué puedes usarla

Preparar etiquetas de compartir en redes sociales antes de publicar una entrada de blog.
Crear un bloque de meta etiquetas repetible para páginas HTML estáticas.
Vista previa del título, descripción y longitud de la imagen antes de copiar y pegar.

Casos de uso

Ejemplos prácticos

Ejemplo

Vista previa de publicación de blog

Un editor quiere que una publicación muestre un título e imagen específicos en X, LinkedIn, Facebook, Slack y Discord. Las etiquetas generadas mantienen la vista previa consistente en esas plataformas.

Ejemplo

Lanzamiento de página de herramienta

Una nueva página de calculadora necesita una imagen de vista previa limpia y una descripción breve. Esta herramienta crea el bloque social meta antes de que la página se publique.

Errores comunes

Usar una URL de imagen relativa para las imágenes de vista previa social.
Escribir un título o descripción demasiado largos para escanear.
Olvidar la URL canónica de la página en og:url.

Verificación

Pruebe la página publicada usando el Facebook Sharing Debugger, LinkedIn Post Inspector y X Card Validator para confirmar que cada plataforma lee la vista previa esperada.
Verifique que el valor og:url coincida con la URL canónica y que la URL og:image sea absoluta y accesible.

FAQ

Preguntas sobre Generador Open Graph y Twitter Card

Qué tamaño de imagen debería usar?

Una imagen de 1200 por 630 píxeles es un tamaño práctico predeterminado para vistas previas de enlaces grandes. Mantenga el texto importante alejado de los bordes.

El marcado Twitter Card sigue siendo útil?

Sí. Muchos sitios aún incluyen etiquetas Twitter Card porque proporcionan datos de vista previa explícitos a las plataformas que los leen.

Puede una página usar etiquetas Open Graph y Twitter a la vez?

Sí. La mayoría de las páginas deberían usar ambas. Open Graph cubre muchas plataformas, mientras que las etiquetas Twitter Card brindan control adicional para las vistas previas de X.

Herramientas relacionadas