Imagen principal del producto en WooCommerce y orden de la galería: una guía breve

¿Dónde aparece cada imagen?

La imagen principal trabaja en más sitios que la galería, así que conviene elegirla a propósito y no coger la primera foto de la sesión.

WooCommerce describe los tres tamaños de imagen y los ajustes de recorte en su documentación sobre imágenes y galerías de producto. Google, en la especificación del enlace de imagen del producto, pide que la imagen principal muestre claramente el producto que se vende y que las demás tomas vayan en las imágenes adicionales.

Cómo cambiar la imagen principal y ordenar la galería

Un producto lo cambias en el panel en unos minutos.

1. Abre Productos → Todos los productos y edita el producto.
2. En la columna de la derecha, busca la caja Imagen del producto. Haz clic en la imagen actual o en el enlace para ponerla.
3. Elige una imagen de la biblioteca de medios o sube una nueva. Ya que estás, escribe el texto alternativo, una descripción breve de lo que se ve.
4. Debajo, en la caja Galería del producto, añade más imágenes. Puedes elegir varias a la vez manteniendo pulsado Ctrl o Cmd.
5. Arrastra las miniaturas de la galería en el orden en que el cliente debe verlas.
6. Haz clic en Actualizar y abre la ficha del producto en una ventana privada para verla como la ve un cliente.

Un orden de galería que suele funcionar: el producto sobre fondo blanco, el producto en uso, un detalle (costura, textura, cierre), la escala o las medidas, el embalaje. La primera imagen responde a «qué es», las siguientes a las preguntas que haría un cliente en una tienda física.

¿Qué imagen debe ser la principal? Una que siga diciendo qué es el producto como miniatura pequeña en la lista. El producto solo, sin embalaje, sobre un fondo claro y tranquilo, entero y centrado. Mantén un mismo encuadre y una misma proporción en toda la categoría, porque una lista que mezcla fotos verticales, horizontales y de ambiente queda desordenada. Deja las fotos con modelo, las escenas de ambiente y los detalles para la galería.

En un producto variable, pon una imagen a cada variación que se vea distinta, normalmente cada color. Abre la pestaña Variaciones, despliega la variación y haz clic en el icono de imagen que tiene al lado. Las tallas de un mismo color pueden compartir una imagen.

Escribe el texto alternativo de forma concreta: «sudadera negra con capucha, vista lateral», sin meter palabras clave a la fuerza. Hablamos más de esto en el artículo sobre el texto alternativo en WordPress, y Google lo trata en su guía de SEO para imágenes.

¿Imagen equivocada en la lista aunque la ficha del producto está bien?

La culpa suele ser del recorte, de la caché o de una variación. Revisa estas tres cosas por orden.

• El recorte de las miniaturas. En Apariencia → Personalizar → WooCommerce → Imágenes del producto hay un ajuste de proporción de las miniaturas. La proporción cuadrada recorta las imágenes verticales. Después de un cambio, WooCommerce regenera las miniaturas en segundo plano, lo que tarda un rato con un catálogo grande.
• La caché. Un plugin de caché o tu hosting pueden estar mostrando una lista antigua. Compruébalo en una ventana privada y vacía la caché si hace falta. Hay más en el artículo sobre por qué no se ven los cambios en WordPress.
• Una variación con imagen propia. En un producto variable, la imagen de la variación elegida sustituye a la principal. Si la variación tiene una imagen antigua, el cliente ve la imagen antigua.

Si no sale ninguna imagen junto a las entradas del blog, es otro tema. La imagen destacada de las entradas la tratamos en un artículo aparte sobre la imagen destacada en WordPress.

Cómo cambiar imágenes en muchos productos a la vez

Para un producto basta con el panel. Cuando un proveedor manda fotos nuevas de 80 productos, o después de una importación la mitad del catálogo tiene el embalaje como imagen principal, son muchas tardes de clics.

El plugin TellMyShop para WordPress y WooCommerce conecta tu tienda con el chat. En TellMyShop Free el chat encuentra productos sin imagen principal e imágenes sin texto alternativo y te muestra una lista. No guarda nada.

En TellMyShop Pro el chat cambia imágenes en lotes de hasta 50 productos. Pone la imagen principal desde la biblioteca de medios o desde una dirección pública, añade y quita imágenes de la galería, las ordena y escribe el texto alternativo. A una variación le pone una imagen de variación. Funciona justo después de activar la licencia, sin interruptores.