herramienta gratis

Generador de Open Graph / Twitter-card

Controla cómo se ve tu página al compartirla en redes sociales y mensajería. Completa los campos y copia las metaetiquetas og: + twitter: en tu <head>. Funciona en tu navegador.

Metaetiquetas

Pega dentro de <head>. Usa una imagen de 1200×630 para la tarjeta grande. Previsualizar la tarjeta →

Qué comprueba esta herramienta

Open Graph (og:) y Twitter Card (twitter:) son etiquetas meta del <head> que le indican a las redes sociales, apps de mensajería y rastreadores cómo mostrar tu página cuando se comparte su enlace: el título, la descripción, la imagen de vista previa y el tipo de contenido. Este generador arma ese marcado a partir de los campos que completas, para que copies y pegues una vista previa que controlas en lugar de dejar que cada plataforma la adivine desde el contenido en bruto. Un marcado limpio y explícito hace que las vistas previas sean coherentes y le da a los rastreadores y motores de IA un resumen inequívoco y citable de la página.

Qué se evalúa

og:title
El titular que aparece en la tarjeta compartida; si falta, la plataforma usa el <title> o una cadena adivinada, así que un valor explícito mantiene la vista previa en el mensaje correcto.
og:description
El resumen de una o dos líneas bajo el título; es lo que convence de hacer clic antes de entrar, por lo que debe ser específico y autosuficiente.
og:image
La miniatura de vista previa; necesita una URL HTTPS absoluta y un tamaño de 1200×630 px, o se recortará o saldrá en blanco en lugar de una tarjeta nítida a todo el ancho.
og:type
Declara el tipo de contenido (website, article, product…), que la plataforma usa para elegir el diseño de la tarjeta y los campos propios de ese tipo.
twitter:card
Define el formato de la tarjeta en X/Twitter — summary o summary_large_image —, es decir, si la imagen se muestra pequeña o como banner a todo el ancho.
og:url
La URL canónica a la que resuelve el enlace, para que las vistas previas y la interacción se concentren en una sola dirección y no se fragmenten entre variantes.

Cómo usarla

  1. Completa el título, la descripción, la URL de la imagen y el tipo de contenido de la página que quieres compartir.
  2. Copia las etiquetas og: y twitter: generadas dentro del <head> de tu página.
  3. Verifica la vista previa en vivo con un depurador de la red social (o vuelve a compartir el enlace) y ajusta la imagen o el texto hasta que la tarjeta se muestre como quieres.

Preguntas frecuentes

¿En qué se diferencian Open Graph y Twitter Card?

Las etiquetas og: las leen la mayoría de las plataformas — Facebook, LinkedIn, Slack, WhatsApp y otras —, mientras que las twitter: solo aplican en X. X recurre a las og: cuando no hay twitter:, así que solo necesitas las twitter: para cambiar el tipo de tarjeta o mostrar otro texto en X.

¿Qué tamaño de imagen debo usar para og:image?

Usa 1200×630 px (aproximadamente 1.91:1) con una URL HTTPS absoluta; es el tamaño al que la mayoría de plataformas recorta la tarjeta grande. Las imágenes con rutas relativas suelen salir en blanco, mientras que una imagen de menor tamaño normalmente solo se muestra como una tarjeta más pequeña y menos prominente — y solo se descarta si queda por debajo del mínimo de la plataforma.

¿Las etiquetas Open Graph ayudan al SEO o a la citación por IA?

Las etiquetas OG no son un factor de posicionamiento directo en Google, pero dan a los rastreadores y motores de IA un título, descripción e imagen limpios de tu página, lo que reduce la ambigüedad y mejora cómo se representa tu enlace al compartirlo o resumirlo.

¿Por qué la vista previa sigue mostrando la imagen antigua tras actualizar las etiquetas?

Las plataformas cachean el marcado OG, así que la vista previa antigua persiste hasta que el caché caduque. Fuérzalo con la herramienta de depuración de la plataforma — por ejemplo, el Sharing Debugger de Facebook — para que vuelvan a rastrear la URL y tomen tus nuevas etiquetas.

compartir el resultado ¿Resultado útil? Compártelo: Telegram WhatsApp X
esto es solo una herramienta

Esta auditoría es 1 de 85 operaciones en seo·matrix

Las herramientas gratuitas te muestran QUÉ corregir. La auditoría completa y el equipo autónomo de 20 agentes de IA lo resuelven de principio a fin: estrategia, contenido, GEO, enlazado interno, publicación y mantenimiento continuo.

Todas las herramientas gratuitas →