One of the common frustrations for WordPress users is when the image doesn’t appear correctly when sharing a post on social media. This issue can affect how your content is displayed and perceived by your audience, potentially reducing engagement. Fortunately, there are several ways to troubleshoot and resolve this problem. In this post, we’ll walk you through the steps to ensure that your images appear correctly when sharing posts in WordPress.
Causas comunes de imágenes faltantes
Antes de profundizar en las soluciones, es importante comprender las razones comunes por las que una imagen podría no aparecer al compartir una publicación:
- Etiquetas de Open Graph faltantes o incorrectasLas plataformas de redes sociales utilizan etiquetas Open Graph (OG) para determinar qué imagen, título y descripción mostrar. Si estas etiquetas faltan o son incorrectas, es posible que la imagen no se muestre.
- No hay imagen destacada establecida:Si tu publicación no tiene una imagen destacada configurada, es posible que plataformas como Facebook no sepan qué imagen usar.
- Problemas de tamaño de la imagenAlgunas plataformas de redes sociales tienen requisitos específicos para las dimensiones de las imágenes. Si la imagen es demasiado pequeña o no cumple con los requisitos mínimos de tamaño, es posible que no se muestre.
- Problemas de almacenamiento en caché:Si su sitio utiliza almacenamiento en caché y recientemente actualizó la imagen destacada o el contenido de la publicación, es posible que la versión anterior aún esté almacenada en caché, lo que provoca que aparezca la imagen incorrecta.
- Conflictos con complementos o temas:A veces, otros complementos o el tema en sí pueden interferir con la forma en que se muestran las imágenes o cómo se generan las etiquetas Open Graph.
Soluciones paso a paso
A continuación te explicamos cómo puedes solucionar el problema de que las imágenes no aparecen al compartir una publicación en WordPress:
1. Asegúrese de que las etiquetas Open Graph estén presentes
Las etiquetas Open Graph son cruciales para controlar cómo se muestra tu contenido en las redes sociales. Sin ellas, las plataformas podrían tener dificultades para identificar la imagen correcta.
- Utilice un complemento de SEO:Complementos como Yoast SEO o SEO todo en uno Añade automáticamente etiquetas Open Graph a tus publicaciones. Asegúrate de que estos plugins estén configurados correctamente para incluir la imagen destacada en las etiquetas OG.
2. Establece una imagen destacada para cada publicación
Una imagen destacada suele ser la imagen predeterminada que usan las plataformas de redes sociales al compartir tu contenido. Aquí te explicamos cómo asegurarte de que esté configurada:
- Establecer la imagen destacada: When creating or editing a post, ensure that a featured image is set in the sidebar under the “Featured Image” section.
- Imagen de respaldo:Si con frecuencia olvida configurar una imagen destacada, considere usar un complemento que asigne automáticamente una imagen de respaldo si no hay ninguna configurada.
3. Agregar el código a su tema
Now that you understand the importance of Open Graph tags, let’s add the necessary code to your theme’s funciones.php file. If you’re using a child theme, add the code to the child theme’s funciones.php archivo para garantizar que sus cambios no se sobrescriban durante futuras actualizaciones del tema principal.
- Acceder al panel de control de WordPress y ve a Apariencia > Editor de temas.
- Seleccione el
funciones.phparchivo de su tema o tema hijo. - Agregue el siguiente código PHP al final del archivo:
- función add_opengraph_tags() {
si (es_único() || es_página()) {
global $post;
si (tiene_publicación_en_miniatura($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘full’);
} demás {
// URL de la imagen predeterminada si la publicación no tiene imagen destacada
$img_src = array(‘https://www.example.com/default-image.jpg’);
}// Título de la publicación
$title = obtener_el_título();
// Descripción de la publicación
$description = get_the_excerpt();echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
}
}
add_action(‘wp_head’, ‘add_opengraph_tags’);
Explicación del código:
agregar_etiquetas_de_opengraph():Esta función verifica si la página actual es una publicación o página y, si es así, genera las etiquetas Open Graph adecuadas.- Imagen destacada:
tiene_publicación_en_miniatura($post->ID):Comprueba si la publicación tiene una imagen destacada configurada.wp_get_attachment_image_src(): Obtiene la URL completa de la imagen destacada. Si la publicación no tiene una imagen destacada, se usa una imagen predeterminada.
- Título y descripción:
obtener_el_título()yobtener_el_extracto():Recupera el título y la descripción de la publicación, que se utilizan para laog:títuloyog:descripciónetiquetas, respectivamente.
- URL canónica y tipo de contenido:
obtener_enlace permanente():Recupera la URL de la publicación actual para elog:urletiqueta.og:tipo: Set to “article” to indicate that the content is an article.
4. Borrar cachés
Si ha realizado cambios en su publicación o imagen, pero la imagen anterior aún aparece, es posible que se deba al almacenamiento en caché.
- Limpiar la caché de su sitio:Si está usando un complemento de almacenamiento en caché, borre el caché después de realizar cambios para garantizar que se envíe la versión actualizada a los usuarios.
- Utilice el depurador de uso compartido de FacebookFacebook almacena en caché las etiquetas OG de una URL. Usa el Depurador de uso compartido de Facebook para actualizar el caché de Facebook para tu publicación.
5. Compruebe si hay conflictos entre complementos o temas
A veces, otros plugins o tu tema pueden interferir con el manejo de las imágenes. Aquí te explicamos cómo solucionar el problema:
- Deshabilitar complementos conflictivos:Deshabilite temporalmente cualquier complemento que pueda interferir con el manejo de imágenes o el SEO, como varios complementos de SEO, y verifique si el problema persiste.
- Cambiar a un tema predeterminadoCambia temporalmente a un tema predeterminado de WordPress (como Twenty Twenty-One) para comprobar si el problema está relacionado con el tema. Si la imagen se ve correctamente con el tema predeterminado, el problema podría estar en tu tema actual.
Asegurarse de que aparezca la imagen correcta al compartir una publicación en redes sociales es crucial para maximizar la interacción y que tu contenido tenga un aspecto profesional. Siguiendo los pasos descritos en este artículo (verificar las etiquetas Open Graph, configurar una imagen destacada, asegurar el tamaño correcto de las imágenes, borrar la caché y solucionar posibles conflictos), puedes resolver este problema común de WordPress.
Si continúa experimentando problemas, considere consultar a un Desarrollador de WordPress Quien puede ayudarte a diagnosticar y resolver problemas más complejos. Con la configuración adecuada, tus publicaciones siempre se verán geniales al compartirlas en redes sociales.
Foto de Lucas