Pega tu URL
Introduce cualquier URL pública. La obtenemos como un rastreador de redes sociales para leer exactamente lo que ven las plataformas, siguiendo las redirecciones.
Introduce cualquier URL pública. La obtenemos como un rastreador de redes sociales para leer exactamente lo que ven las plataformas, siguiendo las redirecciones.
Obtén una puntuación de 0 a 100, un recuento de errores, advertencias y consejos, y una vista previa de tu tarjeta para compartir en cada plataforma.
Ajusta las etiquetas, observa cómo se actualizan las vistas previas en tiempo real y copia el HTML corregido directamente en tu head.
Cada etiqueta que leen las redes sociales y los motores de búsqueda, señalada como error, advertencia o consejo.
Open Graph es el protocolo que Facebook introdujo en 2010 para controlar cómo se ve una URL cuando se comparte. Las etiquetas se ubican en el head de tu página e indican a cada plataforma qué título, descripción e imagen mostrar en lugar de adivinarlos.
Cuando faltan las etiquetas, las plataformas recurren a lo que puedan rastrear: una imagen al azar, el título en bruto o nada en absoluto. Tu publicación cuidadosamente redactada acaba pareciendo un enlace pelado, y los enlaces pelados reciben muchos menos clics.
Casi todas las grandes plataformas leen Open Graph, incluidas Facebook, LinkedIn, WhatsApp, Discord, Slack, Telegram y Pinterest. X usa sus propias etiquetas de Twitter Cards, pero recurre a og: cuando estas faltan, así que un único conjunto de etiquetas bien hecho cubre casi todos los sitios.
Las etiquetas esenciales que debes definir en cada página, con valores recomendados y por qué cuenta cada una.
| Etiqueta | Valor recomendado | Por qué importa |
|---|---|---|
| og:title | 30 a 90 caracteres | El titular de tu tarjeta para compartir. Demasiado corto parece pobre, demasiado largo se trunca. |
| og:description | 80 a 300 caracteres | La línea de apoyo bajo el título. Vende el clic sin quedar cortada. |
| og:image | 1200x630, por debajo de 500KB | El mayor impulsor de clics con diferencia. Con un tamaño incorrecto o demasiado pesada, se rompe. |
| og:url | La URL canónica | Consolida las veces que se comparte y la interacción en una única dirección canónica. |
| og:type | website o article | Indica a las plataformas cómo categorizar la página y qué etiquetas adicionales aplican. |
| og:site_name | El nombre de tu marca | Muestra tu marca en la tarjeta en lugar de un dominio pelado. |
| og:locale | p. ej. en_US | Señala el idioma de la página para que las vistas previas se muestren en la región correcta. |
La og:image es la etiqueta que más a menudo se rompe. Usa 1200x630 como valor seguro por defecto y luego revisa los límites por plataforma que aparecen abajo.
| Plataforma | Tamaño recomendado | Proporción | Notas |
|---|---|---|---|
| 1200x630 | 1.91:1 | Mínimo 600x315. Con menos de 1200 de ancho se ve borrosa. | |
| 1200x627 | 1.91:1 | Mínimo 1200x627 para la tarjeta grande. | |
| X (Twitter) | 1200x628 | 1.91:1 | Usa summary_large_image. Las publicaciones gratuitas eliminan las vistas previas de enlaces desde 2023. |
| 1200x630 | 1.91:1 | Mantenla por debajo de 500KB o la vista previa no cargará. | |
| Discord | 1200x630 | 1.91:1 | Muestra og:image directamente y admite tarjetas grandes. |
Las etiquetas de Twitter Cards (twitter:) son la versión propia de Open Graph de X. Cuando están presentes, sustituyen a la etiqueta og: correspondiente en X; cuando faltan, X recurre a og:. Por eso rara vez necesitas un conjunto duplicado completo.
En la práctica, define twitter:card como summary_large_image y deja que og:title, og:description y og:image hagan el resto. Añade twitter:site o twitter:title solo cuando quieras que X muestre algo distinto del resto de plataformas.
Ten en cuenta la salvedad: desde 2023, X elimina las vistas previas de enlaces de la mayoría de las publicaciones gratuitas y muestra un enlace pelado en su lugar. Tus etiquetas siguen siendo correctas, solo que puede que no se muestren allí, por lo que esta herramienta lo señala en la tarjeta de X.
Dónde definir tus etiquetas og: y Twitter Cards en las plataformas más comunes.
| Plataforma | Cómo añadir etiquetas de Open Graph |
|---|---|
| WordPress | Instala Yoast SEO o Rank Math y luego define el título, la descripción y la imagen social por página en el panel de SEO. |
| Shopify | Edita theme.liquid para generar las etiquetas og: a partir de los campos de la página, o usa una app de SEO que las inyecte automáticamente. |
| Webflow | Abre Page Settings, luego la sección de Open Graph, y define el título, la descripción y la imagen por página. |
| Wix | Ve a los ajustes de SEO de la página, abre Social Share y define el título, la descripción y la imagen. |
| Squarespace | Define una imagen social para todo el sitio en Marketing y luego sustitúyela por página en Page Settings, Social Image. |
| Next.js / React | Exporta un objeto metadata o generateMetadata con los campos openGraph y twitter, o renderiza las etiquetas meta en el head. |
| HTML puro | Pega las etiquetas meta corregidas de esta herramienta directamente en el head de tu página. |
Añade una URL de imagen absoluta de al menos 1200x630 y por debajo de 500KB. Las rutas relativas y las imágenes diminutas son la principal causa de tarjetas rotas.
Mantén og:title por debajo de 90 caracteres y og:description por debajo de 300. Usa la vista previa en tiempo real para confirmar que no se corta nada.
Ambos guardan en caché la vista previa antigua. Usa el Sharing Debugger de Facebook (Scrape Again) o el Post Inspector de LinkedIn para forzar una actualización.
Dos etiquetas og:title confunden a los analizadores, que pueden elegir la incorrecta. Elimina los duplicados para que cada etiqueta aparezca exactamente una vez.
La respuesta equilibrada: Open Graph no mueve directamente el posicionamiento en Google, pero gana clics y ofrece a los rastreadores de IA un contexto limpio. Esto es lo que hace y lo que no hace.
Las etiquetas de Open Graph no son un factor de posicionamiento directo en Google. Lo que hacen es impulsar los clics desde las redes sociales, lo que aporta tráfico de referencia real y las señales de interacción que respaldan el posicionamiento de forma indirecta.
Los rastreadores de ChatGPT, Perplexity y Gemini usan metadatos estructurados para entender de qué trata una página. Unas etiquetas og: y de título limpias les dan un contexto preciso para citarte correctamente.
Unas etiquetas de Open Graph bien formadas son la base que todo sitio profesional debería tener. No te posicionarán por sí solas, pero unas etiquetas rotas te cuestan clics de forma silenciosa cada vez que se comparte tu enlace.
Las tácticas exactas que usamos para posicionar marcas en Google y ser citadas por ChatGPT, Claude, Gemini y Perplexity — directamente en tu bandeja de entrada.
Shopify
SEO/AEO Academy
Atrae clientes desde Google y las IAs con una tienda diseñada para posicionarse.
75 lecciones · 15 capítulos · 100% gratis
The SEO + AEO
✳Academy
Consigue que ChatGPT, Claude, Gemini y Perplexity te citen con un plan práctico y probado.
Plan de 100 días · 15 habilidades · tus propios datos
Explora herramientas relacionadas para seguir mejorando tus señales SEO on-page y técnicas.
Auditoría de Generative Engine Optimization para que LLMs y la búsqueda IA descubran tu sitio.
Abrir herramientaAuditoría completa del rendimiento de tu sitio en ChatGPT, Claude, Perplexity y Gemini.
Abrir herramientaComprueba si ChatGPT cita tu sitio y qué te impide aparecer en sus respuestas.
Abrir herramientaComprueba si los grandes modelos de lenguaje citan tu sitio y corrige lo que te excluye.
Abrir herramientaAuditoría SEO completa para IA que detecta los problemas técnicos que bloquean tu visibilidad.
Abrir herramientaDescubre si tu contenido puede aparecer en los AI Overviews de Google.
Abrir herramientaAudita cómo se posiciona tu sitio en las respuestas y citas con IA de Perplexity.
Abrir herramientaComprueba si cualquier URL está indexada por Google, el título y fragmento que muestra, además de reescrituras de título y desviaciones de canonical.
Abrir herramientaValida tu robots.txt en busca de problemas de rastreo y comprueba que los bots accedan a tus páginas clave.
Abrir herramientaCrea un robots.txt válido con plantillas, controles para bots de IA y validación en tiempo real; luego cópialo o descárgalo.
Abrir herramientaValida tu sitemap XML, cuenta URLs y detecta enlaces rotos y entradas entre dominios.
Abrir herramientaRevisa la etiqueta canonical de cualquier página para detectar problemas de contenido duplicado e indexación antes de que afecten a tu posicionamiento.
Abrir herramientaAnaliza tu sitio y genera un archivo llms.txt limpio y estructurado para los modelos de IA, con secciones editables, vista previa en vivo y descarga con un clic.
Abrir herramientaValida tu llms.txt según el estándar. Detecta errores de sintaxis, secciones faltantes y enlaces rotos. Pega un archivo o analiza una URL en vivo.
Abrir herramientaVerifica cualquier etiqueta H1 por longitud, uso de palabras clave y unicidad. Pega un borrador o escanea una URL en vivo.
Abrir herramientaComprueba cualquier meta descripción: longitud, ancho en píxeles, uso de la palabra clave y CTA. Pega un borrador u obtén desde una URL en vivo.
Abrir herramientaPrevisualiza tu etiqueta de título y meta descripción en los resultados de Google en escritorio y móvil, con truncamiento preciso por píxeles.
Abrir herramientaComprueba si ChatGPT, Perplexity y la IA de Google pueden leer, entender y citar tu página, con una puntuación clara y correcciones priorizadas.
Abrir herramientaFind keyword gaps vs your competitors and discover terms your site should target.
Abrir herramientaCompara dos dominios cara a cara. Mira brechas de tráfico, solapamiento de palabras clave y perfiles de backlinks.
Abrir herramientaIntroduce una URL para ver cómo se muestra tu enlace en Facebook, LinkedIn, X, Discord y WhatsApp. Audita tus etiquetas og: y Twitter Cards y obtén al instante una puntuación de 0 a 100 con correcciones.
Puntuación de Open Graph
https://example.com/example-page
Rendimiento
Editar y previsualizar
Cambia las etiquetas de abajo y observa cómo cada vista previa se actualiza en tiempo real. Copia el HTML corregido cuando estés conforme.
Vistas previas en redes sociales
Example Page Title Goes Right Here
This is an example description that shows how your page will look when it is shared on social media. Swap in your own og:title and og:description to see the pre…
twitter:creator is not set.
Corrección: Add twitter:creator to credit the author on X.
<meta name="twitter:creator" content="@yourhandle" />
No alternate og:locale tags found.
Corrección: Add og:locale:alternate tags if you publish this page in more than one language.
| Etiqueta | Valor | Estado |
|---|---|---|
| og:title | Example Page Title Goes Right Here | Presente |
| og:description | This is an example description that shows how your page will look when it is shared on social media. Swap in your own og:title and og:description to see the previews update. | Presente |
| og:image | https://example.com/og-image.png | Presente |
| og:url | https://example.com/example-page | Presente |
| og:type | article | Presente |
| og:site_name | Example | Presente |
| og:locale | en_US | Presente |
| og:image:width | 1200 | Presente |
| og:image:height | 630 | Presente |
| og:image:alt | Example preview image | Presente |
| twitter:card | summary_large_image | Presente |
| twitter:title | Example Page Title Goes Right Here | Presente |
| twitter:description | This is an example description that shows how your page will look when it is shared on social media. Swap in your own og:title and og:description to see the previews update. | Presente |
| twitter:image | https://example.com/og-image.png | Presente |
| twitter:site | @example | Presente |
| twitter:creator | Sin definir | Ausente |
| <title> | Example Page Title Goes Right Here | Presente |
| meta description | This is an example description that shows how your page will look when it is shared on social media. Swap in your own og:title and og:description to see the previews update. | Presente |
| canonical | https://example.com/example-page | Presente |
| favicon | https://example.com/favicon.ico | Presente |
| theme-color | #2563EB | Presente |
| manifest | https://example.com/site.webmanifest | Presente |
Prompt de corrección con IA
Copia un prompt listo para usar con tu URL, puntuación, problemas y etiquetas actuales. Pégalo en Cursor, ChatGPT, Claude o Copilot para obtener las etiquetas meta corregidas.
You are an expert technical SEO. Below is the Open Graph audit for https://example.com/example-page (score 97/100). Current tags: og:title: Example Page Title Goes Right Here og:description: This is an example description that shows how your page will look when it is shared on social media. Swap in your own og:title and og:description to see the previews update. og:image: https://example.com/og-image.png og:type: article · og:site_name: Example · og:locale: en_US twitter:card: summary_large_image Issues: - Tip: twitter:creator is not set. - Tip: no alternate og:locale tags found. Return a corrected, complete set of Open Graph and Twitter Card meta tags ready to paste into the <head>, filling any gaps with best-practice values.