La imagen para compartir en redes sociales de Shopify no funciona
Shopify elige la imagen para compartir en un orden fijo: primero el código del tema, luego la configuración del tema y, por último, la imagen en Preferencias. Subirla al lugar equivocado es el error más común.
Última actualización
Solución rápida
Comprueba la URL de la tienda con el verificador de etiquetas meta.
Busca primero una configuración de imagen social en tu tema; esta tiene prioridad sobre Preferencias.
De lo contrario, configúrala en Tienda online, Preferencias, Imagen para compartir en redes sociales y SEO.
Actualiza el enlace en el Depurador de contenido compartido de Facebook.
Por qué no se muestra la imagen de Shopify
El tema anula las Preferencias. Shopify utiliza las imágenes en este orden: codificadas directamente en el código del tema, luego la configuración del tema para redes sociales o el proceso de pago, y finalmente la imagen de Preferencias.
Tu tema solo utiliza su propia configuración. Algunos temas ignoran por completo la imagen de Preferencias.
La página tiene su propia imagen. En los temas gratuitos de Shopify, los enlaces a productos, colecciones y publicaciones de blog utilizan la imagen destacada de esa página.
No se ha configurado ninguna imagen, por lo que Shopify recurre a tu logotipo y añade un relleno con el color de fondo.
La plataforma guardó en caché la vista previa anterior.
Cómo solucionarlo
Abre la URL en el comprobador de etiquetas meta y mira qué
og:imagemuestra.En Tienda online, Temas, Editar tema, Configuración del tema, busca Redes sociales o Compartir en redes sociales y establece la imagen allí si existe la opción.
Si el tema no tiene esa opción, ve a Tienda online, Preferencias y añade la imagen en Imagen para compartir en redes sociales y SEO.
Para productos, colecciones y publicaciones, establece una imagen destacada en ese elemento.
Elimina la contraseña de la tienda online antes de realizar la prueba. El servicio de asistencia de la comunidad de Shopify señala que una página protegida por contraseña oculta tus etiquetas.
Haz clic en Depurar de nuevo en el Depurador de contenido compartido de Facebook.
Etiquetas que generan los temas de Shopify
Los temas gratuitos de Shopify añaden etiquetas Open Graph por ti: og:title, og:description, og:url y og:image. Los temas personalizados pueden diferir, así que comprueba el código HTML publicado.
Reglas de tamaño de imagen
Facebook: 1200 x 630 px recomendado, mínimo 200 x 200 px, máx. 8 MB
LinkedIn: mínimo 1200 x 627 px, máx. 5 MB
WhatsApp: menos de 600 KB
Shopify añade relleno a los logotipos que no se ajustan al tamaño recomendado o que tienen un fondo transparente. Utiliza en su lugar una imagen a sangre completa. Comprueba el archivo con el comprobador de tamaño de imagen OG.
Cómo forzar una actualización
Shopify no puede borrar la caché de Facebook ni de LinkedIn. Utiliza el Depurador de contenido compartido y el Post Inspector, y comparte la URL con una cadena de consulta en X, Slack y Discord. La herramienta de actualización incluye cada paso.
Fuentes
Preguntas frecuentes
¿Por qué no aparece la imagen de Preferencias de Shopify cuando comparto un enlace?
Tu tema tiene su propia configuración de imagen para redes sociales, o etiquetas integradas en el código, que anulan las Preferencias. Configura la imagen en los ajustes del tema.
¿Qué imagen utiliza Shopify para los enlaces de productos?
En los temas gratuitos de Shopify, la imagen destacada del producto. Lo mismo ocurre con las colecciones y las entradas del blog.
¿Por qué se muestra mi logotipo con un borde de color?
No se ha configurado ninguna imagen para compartir, por lo que Shopify usa el logotipo y rellena el espacio con el color de fondo de tu tema.
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.
Guías relacionadas
La vista previa del enlace de Facebook no se muestra o no se actualiza
Facebook lee las etiquetas Open Graph con su propio rastreador y almacena en caché el resultado durante un máximo de 30 días. Corrige las etiquetas y la imagen, y luego vuelve a rastrear la URL.
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.
La imagen Open Graph de Webflow no funciona
Webflow configura Open Graph por página, nunca de forma global. Las páginas de plantilla de CMS necesitan un campo de Imagen, y todas las imágenes de esa colección deben tener el mismo tamaño.