Стратегия hero-изображения меню: одно фото на категорию

Пляжный ресторан в Бодруме на 24 столика открыл сезон с любопытными данными: 71% кликов в категории "Основные блюда" падали на первые два пункта, а остальные 14 блюд почти никто не открывал. Это не классическая "слепота меню", а отсутствие визуальной иерархии на входе в категорию.

Открытие Airbnb в переводе

Внутреннее исследование Airbnb 2019 года показало, что объявления, открывающиеся одним крупным hero-изображением, дают на 38% больше кликов, чем сетки миниатюр. Причина психофизическая: одно доминирующее изображение фокусирует внимание, а затем взгляд сканирует вниз в режиме "вторичного открытия".

В ресторане поместите единственное широкое изображение в начало страницы категории, передающее настроение. Список идёт ниже. Гость переходит от "что мне съесть?" к "что здесь есть?".

Три правила выбора

В ресторане Ялыкавак добавили hero-изображения в три категории. Через три недели коэффициент Джини по кликам упал с 0,71 до 0,28.

• Атмосфера категории, не отдельное блюдо: Для закусок — кадр сверху с 4-5 тарелками.
• Тёплый свет и человеческая деталь: Рука, бокал, боковой дневной свет.
• 3:2 горизонталь, до 200 КБ: Виден без прокрутки на мобильном. WebP с lazy load.

Частые ошибки

Сток-фото убивают аутентичность. Повтор одного изображения в нескольких категориях обнуляет эффект. Уменьшение hero до миниатюры противоречит принципу доминирования. Более 12 блюд под hero разбавляют эффект — используйте "показать ещё" после 6-8.

В админке thMenu у каждой категории есть поле cover_image, отдаётся как WebP через CDN.

FAQ

Нужно ли hero для каждой категории? Хотя бы для 3-5 основных. Напитки и гарниры можно пропустить.

Нужен ли профессиональный фотограф? Нет: хороший смартфон при дневном свете лучше стока.

Влияет ли на SEO? Косвенно: падает bounce, растёт время на странице. Пишите alt с названием категории.

Было полезно? Поделитесь.