Estrategia de imagen hero para menús: una foto por categoría

Un restaurante de playa con 24 mesas en Bodrum Yalıkavak abrió la temporada con un dato curioso: el 71% de los clics en la categoría Platos principales caían en los dos primeros artículos, mientras los otros 14 platos quedaban casi invisibles. No era ceguera de menú clásica sino falta de jerarquía visual en la entrada de la categoría.

El hallazgo de Airbnb traducido

El estudio interno de Airbnb de 2019 mostró que los anuncios que abren con una sola imagen hero grande logran un 38% más de clics que las cuadrículas de miniaturas. La razón es psicofísica: una imagen dominante concentra la atención y luego el ojo escanea hacia abajo en modo "descubrimiento secundario".

En restaurantes, coloque una sola imagen ancha al inicio de la página de categoría que capture el ambiente. La lista va debajo. El cliente pasa de "¿qué como?" a "¿qué hay aquí?".

Tres reglas de selección

El restaurante de Yalıkavak añadió imágenes hero a tres categorías. Tras tres semanas, el coeficiente de Gini de clics bajó de 0,71 a 0,28.

• Ambiente de categoría, no plato único: Para mezze, una toma cenital con 4-5 platos.
• Luz cálida y detalle humano: Una mano, una copa, luz lateral natural.
• 3:2 horizontal, 200 KB máx: Visible sin scroll en móvil. WebP con lazy loading.

Errores comunes

Las fotos de stock matan la autenticidad. Repetir la misma imagen en varias categorías anula el efecto. Encoger el hero al tamaño de miniatura contradice el principio de dominancia. Listar más de 12 platos debajo diluye el impacto — use un "ver más" después de 6-8.

En el panel de thMenu cada categoría tiene un campo cover_image servido en WebP por CDN.

FAQ

¿Cada categoría necesita imagen hero? Al menos las 3-5 principales. Bebidas y guarniciones pueden omitirse.

¿Necesito fotógrafo profesional? No: un buen móvil con luz natural supera al stock.

¿Afecta al SEO? Indirectamente: baja el rebote y sube el tiempo en página. Use el alt con el nombre de la categoría.

¿Te resultó útil? Compártelo.