Respuesta rápida: Una imagen para compartir en redes sociales es la imagen Open Graph: la foto que aparece cuando pegas la URL de tu producto o blog en mensajes de Instagram, WhatsApp, Slack, X o Facebook. Se establece mediante og:image en el encabezado de la página, no con las fotos de tu producto, y el valor predeterminado de Shopify suele ser el logo de la tienda o nada. No afecta directamente a los rankings; afecta si un enlace compartido recibe clics. Para factores de ranking de imágenes en la página, consulta SEO de imágenes para Shopify; para texto alternativo específicamente, consulta texto alternativo de imágenes de productos.

La mayoría de las tiendas Shopify descubren este problema de la misma manera: alguien comparte un enlace de producto en un chat grupal y se muestra como un cuadro gris, un logo estirado o el producto incorrecto. La solución es pequeña y casi siempre se pasa por alto, porque nada en el administrador de Shopify lo muestra.

Qué controla realmente la vista previa

Tres etiquetas, todas en <head>:

  • og:image — la URL de la imagen. Esta es la que importa.
  • og:title y og:description — el titular y el texto debajo. Estos recurren a tu título SEO y descripción meta si no están configurados, lo cual suele estar bien.
  • twitter:card — configurado en summary_large_image para obtener la vista previa de ancho completo en X en lugar de una miniatura.

Si falta og:image, cada plataforma adivina. Facebook elige la imagen más grande que puede encontrar, que en una página de colección de Shopify suele ser un banner promocional. Slack y WhatsApp frecuentemente no muestran nada.

Plataforma Comportamiento de Respaldo Resultado Típico
Facebook Elige la imagen más grande en la página A menudo muestra un banner promocional (no la imagen del producto deseada)
Slack No muestra nada cuando falta og:image Enlace compartido sin imagen de vista previa
WhatsApp No muestra nada cuando falta og:image Enlace compartido sin imagen de vista previa

Las especificaciones que realmente importan

1200×630 píxeles. Esta es la proporción hacia la que recortan todas las plataformas principales. Las fotos de productos cuadradas se recortan al centro, lo que en un producto alto —una botella, un vestido— corta la parte superior e inferior.

Menos de 1 MB, idealmente menos de 300 KB. WhatsApp y iMessage omiten silenciosamente las imágenes que son demasiado grandes, por lo que una vista previa de enlace se muestra correctamente en Slack de escritorio y no muestra nada en un teléfono.

URLs absolutas con https://. Una URL relativa al protocolo //cdn.shopify.com/… funciona en un navegador y falla en la mayoría de los rastreadores.

JPEG o PNG. El soporte de WebP en rastreadores sociales sigue siendo inconsistente; este es el único lugar en una tienda Shopify donde WebP es la elección incorrecta.

Configurarlo en Shopify

Shopify no expone og:image en el administrador. Se establece en theme.liquid, y la mayoría de los temas incluyen un valor predeterminado razonable:

Las páginas de productos deben usar la imagen destacada. Las páginas de colección deben usar la imagen de la colección, recurriendo al logo de la tienda. Los artículos de blog deben usar la imagen del artículo. Todo lo demás recurre a un único valor predeterminado de marca.

El error común es un tema que establece og:image una vez, globalmente, en el logo de la tienda, por lo que cada producto se comparte como el logo. Verifica pegando una URL de producto en el Depurador de Compartición de Facebook, que muestra exactamente lo que ve el rastreador y te permite forzar un nuevo rastreo después de un cambio.

Por qué esto no es un factor de ranking, y por qué aún importa

Las etiquetas Open Graph no son utilizadas por Google para el ranking. Ningún trabajo en og:image mueve una posición.

Lo que mueve es el clic en enlaces compartidos, y las comparticiones son cómo la mayoría de las tiendas Shopify obtienen sus primeros enlaces. Un producto compartido en un grupo de Facebook de 200 personas como un cuadro gris se ignora; el mismo enlace con una imagen limpia del producto recibe clics. El valor SEO es de segundo orden y real: los enlaces compartidos que reciben clics se enlazan, y los enlaces mueven los rankings.

También importa por una razón que no existía hace tres años. Los motores de respuesta de IA cada vez más muestran una tarjeta de fuente con una imagen cuando citan una página. Una og:image faltante significa que tu tienda se cita como texto mientras que un competidor se cita con una imagen del producto.

Verificándolo en todo el catálogo

Un producto es fácil de verificar. El modo de falla es que el respaldo funciona y el caso específico no: productos sin imagen destacada, colecciones creadas después de que se editó el tema, publicaciones de blog importadas de otra plataforma.

Pegar cada URL en el depurador de Facebook no escala. Los informes de auditoría de RankEngine informan valores og:image faltantes y de gran tamaño por URL junto con el resto de las verificaciones en la página, que es la única manera de detectar el subconjunto que silenciosamente recurrió al respaldo.

Relacionado