
いちご、いちじく、みかん。ジャムの瓶を並べた商品一覧で、それぞれに「果実のおいしさを詰め込みました」と書かれていても、初めて買う方は、どれが自分の好みに合うか迷うことがあります。
果実と内容量を同じ順序で示し、中身の質感と、実際に試した食べ方を添えましょう。瓶を選ぶための情報と、食卓で楽しむ姿がつながると、一つひとつの商品を選ぶ理由が伝わります。河南町でジャムの販売をされている方へ、商品一覧と詳細ページの整え方を紹介します。
商品一覧で、果実と容量を同じ順序にする
道の駅かなんのオンラインショップには、いちご・いちじく・みかんのジャムが掲載され、それぞれの内容量と原材料が示されています。確認時点ではいずれも150gで、みかんジャムの原材料には、みかんとはっさくの両方が記載されています。
このように、商品名で果実の種類を伝え、詳しい原材料へ進めると、購入する方が中身を確かめられます。自店の一覧でも、果実名を写真の上に小さく入れるだけでなく、商品名として読める文字で示します。瓶の形が同じでも、どの商品かを見失いにくくなります。
その下には「内容量」「中身の特徴」「食べ方」を同じ順序で置きます。一商品だけ容量が説明の末尾にあり、別の商品は写真内に書かれている状態より、見たい項目を探しやすくなります。果実の産地や作り手の話は、その先の詳細ページで読めるようにできます。
以下は、いちごジャムといちじくジャムを各150gで販売する、架空の店の掲載例です。いちごは果肉を残した仕上がり、いちじくは小さな粒が見える仕上がりとし、店で中身と食べ方を確認できた場合の説明を考えます。道の駅かなんの商品の味や質感を評価した例ではありません。

同じ容量なら、その共通点が分かるだけでも選ぶ際の助けになります。容量が異なる商品を扱う場合も、それぞれに正しい量を示します。写真の瓶を同じ大きさにそろえた結果、実際の量まで同じに見えることがあるため、内容量は文字でも確かめられるようにします。
すべての原材料や包装条件を一覧へ詰め込む必要はありません。まず二、三商品を比べるときに必要な項目を短く置き、原材料の全文や贈答包装などは、その商品の詳細へつなげます。
瓶の外観と、中身の質感を別々に見せる
瓶の写真は、ラベルや容器を確かめるために役立ちます。一方、瓶越しの写真だけでは、果肉の残り方や、スプーンですくったときの様子が分かりにくいことがあります。そこで、開封した中身の写真をもう一枚用意します。
例の店なら、同じ白い小皿とスプーンを使い、二種類を同じ場所、同じ光で撮ります。一方だけ接写し、もう一方を遠くから撮るより、果肉や粒の見え方を比べやすくなります。盛る量や撮る角度もおおむねそろえると、写真の演出による差を抑えられます。

写真の近くには、「果肉が残る仕上がり」「細かな粒が見える」のように、写っている内容を短く添えます。照明で色が鮮やかに見えたことを、そのまま味の濃さや甘さの説明へ置き換えるのではなく、見たことと食べて確かめたことを分けて言葉にします。
原料の果実を一緒に写す場合は、使っている果実との関係が分かる構図にします。果実をたくさん並べて瓶を小さく見せる写真より、届く瓶と、その中身が主役になる写真をまず用意すると、商品選びに使いやすくなります。
制作会社へ撮影を依頼するなら、「瓶の正面」と「すくった中身」を商品ごとにそろえたいと伝えます。いま手元にある写真を使う場合も、二商品の距離や光が大きく違っていないかを見て、比較しづらい一枚だけ撮り足す方法を考えられます。
食べ方を添えて、好みから選べる説明へ
中身の違いが分かっても、何と合わせるか迷う方には、食べ方の一例を添えます。「おすすめです」で終わらせず、どのように使ったかが分かる短い文にすると、買った後の姿を想像できます。
パントリー&ラッキーのジャムシリーズは、果実ごとに容量を示し、夏みかんのマーマレードでは果皮の特徴とトースト、ブルーベリーでは粒の食感とヨーグルトなどの使い方を紹介しています。商品ごとの特徴を、食べる場面と結び付ける掲載例です。
架空の店の例では、試食で確かめた内容をもとに、いちごに「果肉をのせて、トーストと一緒に」、いちじくに「ヨーグルトに添えて、細かな粒の食感を」と書けます。どちらかを上位に選ぶ説明ではなく、今朝食べたいものに合わせて選べる案内です。
同じ食べ方が両方に合うなら、無理に用途を分ける必要はありません。どちらもトーストに使いながら、果肉が残る見た目や口当たりの違いを紹介できます。商品ごとに違う用途を作り出すより、実際に楽しめる使い方を共有するほうが自然です。
甘さや酸味を説明したいときは、試食した担当者が何を感じたかを具体的に確認します。「すっきり」「濃厚」を全商品に繰り返すより、果実の香り、粒の残り方、口当たりなど、確認できた違いから短く選びます。比較のためだけに、根拠のない五段階評価を足す必要はありません。
食べ方の写真には、ジャムを使う量やのせ方が分かる程度の近さを持たせます。パンや器の印象が強すぎると、どのジャムを使った写真か分かりにくくなります。商品名と写真を近くに置き、気になった瓶へ戻れるようにします。
比較から選んだ商品の詳細へつなぐ
一覧でいちごジャムを選んだら、その商品の詳しい説明へ進めるようにします。リンクには「いちごジャムの原材料・商品詳細へ」など、先で読める内容を添えられます。複数の写真から共通のショップトップへ戻すより、選んだ商品の情報が続く構成を相談します。
詳細には、現行の商品資料に基づく原材料や内容量、包装、価格などをまとめます。果実の種類を比較する短い紹介と、購入前に確かめる商品情報を役割に応じて置く考え方です。比較カードと詳細で内容量が違う場合は、現在販売する瓶に合わせて直します。
スマートフォンでは、横に長い比較表が必ずしも読みやすいとは限りません。二商品のカードを上下に並べ、各カードの同じ位置に容量や食べ方を置く方法もあります。先の商品を読んだあと、次の商品でも同じ項目がすぐ見つかるかを確かめます。
制作の相談には、販売する瓶、現行の商品資料、開封した中身の写真、試食時の短いメモを用意します。「同じ形の瓶が並んで違いが伝わりにくいので、中身と食べ方で選べる一覧にしたい」と伝えると、文章を直す箇所と撮り足す写真を一緒に検討できます。
Bämの通販・ECサイト制作では、商品情報と写真、説明文を整理して購入までの構成を考えます。果実違いのジャムを選びやすくしたい方は、河南町のホームページ制作・改善のご案内をご覧ください。いまの商品一覧をもとに、一つひとつを選ぶ理由が伝わる見せ方を相談していただけます。
参考資料
資料確認日:2026年9月14日
