メニューのヒーロー画像戦略:カテゴリーごとに1枚

ボドルム・ヤルカヴァクの 24 席ビーチレストランは、シーズン開始時に興味深いデータを示しました:メイン料理カテゴリーで全タップの 71% が先頭 2 品に集中し、残り 14 品はほぼ見られない。古典的な「メニュー盲」ではなく、カテゴリー入口の視覚的階層の欠如です。

Airbnb の発見を翻訳する

Airbnb の 2019 年内部調査では、大きなヒーロー画像 1 枚で始まるリスティングはサムネイルグリッドよりクリック率が 38% 高いと判明。理由は心理物理的:支配的な 1 枚が注意を集約し、その後目は「副次的探索」モードで下方をスキャンします。

レストランでは、カテゴリーページの上部に雰囲気を捉える 1 枚の横長画像を置きます。料理一覧はその下です。客は「何を食べる?」から「ここに何がある?」へと意識を切り替えます。

選び方の 3 原則

ヤルカヴァクの店は 3 カテゴリーにヒーロー画像を導入。3 週間後、クリック分布のジニ係数は 0.71 から 0.28 へ。

• 単一料理ではなくカテゴリーの空気:メゼなら 4-5 皿を俯瞰した 1 枚。
• 暖色光と人の気配:手、グラス、自然なサイド光。冷たいスタジオ光は避ける。
• 3:2 横、200 KB 以内:モバイルで折り上に表示。WebP+遅延読み込み。

よくある失敗

ストック写真は真実味を奪います。同じ画像を複数カテゴリーで使い回すと効果はゼロに。ヒーローをサムネイルサイズに縮めると支配原則に反します。ヒーロー下に 12 品以上を並べると効果が薄れる——6-8 品の後に「もっと見る」を入れましょう。

thMenu 管理画面では各カテゴリーに cover_image フィールドがあり、CDN 経由で WebP として配信されます。

FAQ

全カテゴリーにヒーローが必要?少なくとも主要 3-5 カテゴリーには。飲み物や付け合わせは省略可。

プロカメラマンは必要?不要:自然光のスマホ撮影がストックに勝ります。

SEO への影響は?間接的:直帰率が下がり滞在時間が伸びる。alt にカテゴリー名を入れましょう。

お役に立ちましたか?シェアしてください。