# OG / Twitter-card _Fuente: https://seomatrix.ai/es/tools/og-generator/_ --- ## Qué hace Open Graph (og:) y Twitter Card (twitter:) son etiquetas meta del 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é revisa - **og:title** — El titular que aparece en la tarjeta compartida; si falta, la plataforma usa el 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 ### ¿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.