...
Contacto Contacto

Etiquetas Open Graph explicadas: cómo arreglar las vistas previas de enlace en cada plataforma

Open Graph Tags Explained: How to Fix Link Previews on Every Platform Open Graph Tags Explained: How to Fix Link Previews on Every Platform

Cuando un enlace compartido aparece sin imagen, con un título equivocado o con el logo en vez de la imagen del artículo, casi siempre es por etiquetas Open Graph ausentes o incorrectas. Se arreglan en diez minutos si sabes qué regla tiene cada plataforma y por qué sigue mostrándose la vista previa antigua.

Las seis etiquetas Open Graph que cuentan

<meta property="og:title" content="Título para redes">
<meta property="og:description" content="Una o dos frases.">
<meta property="og:image" content="https://ejemplo.com/imagen.jpg">
<meta property="og:url" content="https://ejemplo.com/pagina/">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">

og:title puede diferir del título SEO: en redes funciona un título que despierte curiosidad; en Google, uno preciso. El generador de Open Graph crea las etiquetas y muestra la vista previa por plataforma.

El tamaño de imagen que funciona en todas partes

1200 × 630 píxeles, proporción 1,91:1, menos de 1 MB, JPG o PNG, URL absoluta con https. Por debajo de 600 × 315, Facebook muestra una miniatura junto al texto en vez de la imagen grande; WhatsApp ignora por completo las imágenes de más de 300 KB. Texto en la imagen solo en el centro: los bordes se recortan en algunas plataformas.

Advertisement

Particularidades de cada plataforma

Plataforma Particularidad
Facebook, Messenger Sigue OG estrictamente; caché agresiva
LinkedIn Solo acepta og:image con medidas correctas; si no, la primera imagen de la página
WhatsApp La imagen debe ser pequeña (< 300 KB); la vista previa se cachea al primer envío
X (Twitter) Necesita twitter:card; usa OG como respaldo
Slack, Discord OG más theme-color; las imágenes grandes se reducen

El problema de la caché

Las plataformas guardan la primera vista previa de un enlace y la muestran durante semanas aunque ya hayas corregido las etiquetas. Fuerza una recarga: Sharing Debugger de Facebook («Volver a extraer»), Post Inspector de LinkedIn, Card Validator de X. En WhatsApp solo funciona cambiar mínimamente la URL (por ejemplo, un parámetro ?v=2).

Tabla de errores

Síntoma Causa Solución
Sin imagen Falta og:image, URL relativa, demasiado grande o http en vez de https URL https absoluta, 1200 × 630, menos de 1 MB
Logo en vez de la imagen del artículo El plugin pone la imagen por defecto; la página no tiene la suya Fijar imagen destacada u og:image por página
Título antiguo Caché Volver a extraer con el debugger
Imagen recortada Proporción incorrecta Usar 1,91:1
Vista previa solo en escritorio Imagen de más de 300 KB (WhatsApp) Comprimir

Preguntas frecuentes

¿Necesito Open Graph para el SEO?

No para el posicionamiento, pero sí para la tasa de clics de los enlaces compartidos, y los enlaces compartidos traen backlinks y tráfico.

¿WordPress pone las etiquetas solo?

Yoast, Rank Math y similares sí, si hay imagen destacada. Compruébalo con el extractor de metaetiquetas.

Pruébalo ahora: Generador de etiquetas Open Graph

Gratis, funciona en tu navegador, no se sube nada, sin registro.

Abrir la herramienta →
Add a comment Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Submit Comment

Advertisement
Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.