La imagen OG de WordPress no se muestra al compartir una entrada

En WordPress, las etiquetas Open Graph provienen de un plugin de SEO o del tema. Los motivos más habituales suelen ser el conflicto entre dos fuentes, una página en caché o una imagen demasiado pequeña.

Última actualización

Solución rápida


  1. Revisa la publicación con el comprobador de etiquetas meta y busca etiquetas og:image duplicadas.

  2. Deja que solo un plugin genere Open Graph y desactívalo en los demás.

  3. Borra la caché de la página, la caché de los plugins y la caché de la CDN.

  4. Actualiza el enlace en cada plataforma con la herramienta de actualización.


Por qué no se muestra la imagen de WordPress

  • Dos plugins generan etiquetas Open Graph. Yoast advierte de que las etiquetas duplicadas hacen que Facebook, X y LinkedIn elijan el texto o la imagen incorrectos.

  • La salida de Open Graph está desactivada en tu plugin de SEO.

  • Una caché sigue sirviendo el HTML antiguo. Las cachés del servidor, del tema, de los plugins y de la CDN cuentan.

  • La entrada no tiene imagen destacada ni imagen para redes sociales, por lo que el plugin recurre a una predeterminada o a nada.

  • La plataforma guardó en caché la vista previa antigua.

Cómo solucionarlo

  1. Abre la entrada en el comprobador de metaetiquetas y cuenta las etiquetas og:image. Debería haber una.

  2. En Yoast SEO, ve a Ajustes, Características del sitio, Compartir en redes sociales y activa los datos de Open Graph. Desactívalos en cualquier otro plugin que también los genere.

  3. Establece una imagen destacada o una imagen específica en la pestaña de apariencia en redes sociales de la barra lateral de Yoast.

  4. Purga todas las capas de caché, incluida la de Cloudflare o la de tu proveedor de alojamiento.

  5. Pasa la URL por el Depurador de contenido compartido de Facebook y el Post Inspector de LinkedIn.

Etiquetas que tu plugin debería generar

  • og:title, og:description, og:url, og:image

  • og:type con valor article para las entradas

  • article:published_time y article:modified_time, que añade Yoast

  • twitter:card para X

Reglas de tamaño de imagen

  • Facebook: mínimo 200 x 200 px, 1200 x 630 px recomendado, máx. 8 MB

  • LinkedIn: mínimo 1200 x 627 px, máx. 5 MB

  • WhatsApp: menos de 600 KB

La propia página de ayuda de Yoast sugiere mantener las imágenes por debajo de 2 MB y no superar los 2000 x 1600 px. Comprueba la tuya con el comprobador de tamaño de imágenes OG.

Cómo forzar una actualización

Borra primero las cachés de WordPress y luego actualiza cada plataforma. Facebook requiere «Volver a extraer» en el Depurador de contenido compartido, LinkedIn necesita Post Inspector, y X, Slack y Discord necesitan que se comparta la URL con una nueva cadena de consulta (query string). La herramienta de actualización las enlaza todas.

Fuentes

Preguntas frecuentes

¿Por qué Facebook muestra la imagen incorrecta en mi entrada de WordPress?

Por lo general, dos plugins o el propio tema generan las etiquetas og:image. Mantén solo una fuente para las etiquetas Open Graph y vacía la caché.

¿Dónde configuro la imagen para compartir en Yoast SEO?

En la pestaña Apariencia en redes sociales de la barra lateral de Yoast en la entrada. Sin ella, Yoast utiliza la imagen destacada.

He cambiado la imagen destacada pero Facebook sigue mostrando la antigua. ¿Por qué?

Facebook almacena las imágenes en caché por URL. Sube la nueva imagen como un archivo nuevo y, a continuación, haz clic en «Volver a extraer» en el depurador de contenido compartido.

Comprueba tu página y, a continuación, actualiza la vista previa

Pega tu URL en el comprobador gratuito para ver las etiquetas exactas que lee cada aplicación. Una vez que las etiquetas sean correctas, usa la herramienta de actualización para borrar la vista previa antigua.