Generador de gráficos abiertos y tarjetas de Twitter

Genere y obtenga una vista previa de las metaetiquetas Open Graph (OG) y Twitter Card. Asegúrese de que sus enlaces se vean perfectos cuando los comparta en Facebook, LinkedIn, X y WhatsApp.

Open Graph y Twitter Card Generator crea y obtiene una vista previa de las metaetiquetas que controlan el aspecto de sus enlaces cuando se comparten en Facebook, LinkedIn, X y WhatsApp. Una tarjeta bien configurada convierte una URL simple en una vista previa rica y digna de hacer clic con el título, la descripción y la imagen correctos.

Share
Categoría
Herramientas SEO
Incluye
Características de 6
Acceso
Gratis · Sin registro
Privacidad
Se ejecuta en tu navegador
Generador de gráficos abiertos y tarjetas de Twitter

Calibrating Social Metadata Studio......

Please wait a moment

como usar

Cómo utilizar Generador de gráficos abiertos y tarjetas de Twitter

  1. 01

    Ingrese los detalles de su página

    Agregue el título, la descripción, la URL de la imagen y la URL de la página.

  2. 02

    Vista previa de la tarjeta

    Vea un fragmento en vivo de cómo aparecerá el enlace en todas las plataformas.

  3. 03

    Copia las etiquetas

    Tome las metaetiquetas Open Graph y Twitter Card ya preparadas.

  4. 04

    Agrégalos a tu página

    Pega las etiquetas en el <head> de tu página y prueba el uso compartido.

Casos de uso

Casos de uso comunes

  • —Un blogger hace que las publicaciones compartidas muestren un título y una imagen adecuados.
  • —Un especialista en marketing se asegura de que el enlace de una campaña se vea elegante en LinkedIn.
  • —Un desarrollador agrega etiquetas Open Graph a una nueva página de destino.
  • —El dueño de una tienda arregla una vista previa de compartir rota en Facebook.
Descripción general

Diseñe vistas previas perfectas para compartir en redes sociales

El estudio de metadatos te permite crear y obtener una vista previa de las etiquetas Open Graph y Twitter Card que controlan el aspecto de tus enlaces cuando se comparten en X, Facebook, LinkedIn y Slack. Un título, una descripción y una imagen atractivos pueden aumentar drásticamente los clics en las redes sociales: tráfico que también envía señales de participación positivas.

Detenga las vistas previas de enlaces rotos o feos

Los metadatos faltantes o con formato incorrecto provocan miniaturas en blanco y títulos truncados que silenciosamente acaban con los recursos compartidos. Genere etiquetas correctas listas para pegar y vea exactamente cómo cada plataforma representará su página, para que cada enlace que publique parezca intencional y de marca.

Características
01
Open Graph (OG) y generador de etiquetas de tarjetas de Twitter
02
Vistas previas en vivo para Facebook, X, LinkedIn, WhatsApp, Discord y Slack
03
Resumen vs resumen_large_image Cambio de tarjeta de Twitter
04
Importe y complete automáticamente etiquetas desde cualquier URL existente
05
Validación y advertencias de longitud por plataforma
06
Metaetiquetas listas para copiar con exportación HTML
Preguntas frecuentes

Preguntas frecuentes

¿Qué son las etiquetas Open Graph y por qué las necesito?+

Las etiquetas Open Graph (OG) son metaetiquetas HTML que controlan cómo aparece su página web cuando se comparte en plataformas sociales. Sin ellos, Facebook y LinkedIn utilizarán texto e imágenes aleatorias de su página, lo que resultará en acciones de mala apariencia.

¿Cómo agrego etiquetas Open Graph a mi sitio web?+

Utilice este generador para crear sus etiquetas OG, luego péguelas dentro de la sección <head> de su HTML. Etiquetas clave: og:título, og:descripción, og:image (debe ser 1200×630px), og:url y og:tipo.

¿Qué tamaño debe tener la imagen og:?+

El tamaño recomendado de og:image es 1200×630 píxeles (relación de aspecto 1,91:1). Esto funciona en Facebook, LinkedIn y X/Twitter. El tamaño mínimo es 600×315px, pero las imágenes más grandes se muestran de manera más destacada.

¿Cuál es la diferencia entre Open Graph y Twitter Cards?+

Las etiquetas Open Graph funcionan en Facebook, LinkedIn, Pinterest y WhatsApp. Las Twitter Cards son metaetiquetas específicas de Twitter. Ambos tienen propósitos similares (controlar la apariencia de la vista previa) pero usan nombres de etiquetas diferentes (og: vs twitter:).

¿Cómo pruebo mis etiquetas Open Graph?+

Utilice la vista previa de esta herramienta o pruebe directamente con: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) o LinkedIn Post Inspector.

¿Qué sucede si no agrego etiquetas Open Graph?+

Sin etiquetas OG, las plataformas sociales raspan su página y seleccionan contenido aleatorio, a menudo una miniatura borrosa, un título incorrecto o una descripción truncada. Esto genera muchos menos clics cuando se comparte su contenido. Las páginas con etiquetas OG adecuadas obtienen tasas de clics entre 2 y 3 veces más altas en las redes sociales.

¿Cuál es la diferencia entre Open Graph y Twitter Cards?+

Open Graph controla las vistas previas en la mayoría de las plataformas (Facebook, LinkedIn, WhatsApp); Las Twitter Cards son el formato propio de X. La configuración de ambos cubre todas las redes principales.

Lectura relacionada

De la revista

All articles →
Best AI Writing Assistants for Content Teams in 2025AI Tools

Best AI Writing Assistants for Content Teams in 2025

We compared the leading AI writing assistants on editing quality, team features, and pricing to help content teams pick the right one.

AR
Ava Reynolds
Aug 4, 2025 · 16 min
How to Choose the Right AI Image GeneratorHow-To

How to Choose the Right AI Image Generator

With dozens of AI image generators on the market, here is a practical framework for picking one based on your use case, budget, and rights needs.

AR
Ava Reynolds
Aug 11, 2025 · 11 min
Top 10 Free AI Tools You Can Start Using TodayAI Tools

Top 10 Free AI Tools You Can Start Using Today

A curated list of genuinely useful free AI tools — no credit card required — to boost writing, design, and productivity right now.

ML
Marcus Lin
Aug 14, 2025 · 10 min