食品メーカーの商品情報をWebで改訂する｜旧ラベル画像と原材料・アレルゲン表示の食い違いを防ぐ

原材料を変えた新しい商品が出荷され、商品詳細の説明文は更新した。ところが、同じページに載るパッケージ裏面の写真は旧版のまま。別の通販ページには前の原材料名が残っている。食品製造・飲料メーカーのWebサイトでは、一つの欄だけを直しても、購入者や取引先が見る情報がそろったとは言えません。

この食い違いを避けるには、商品版、確認済みの表示資料、Webの掲載先を一組で追う必要があります。この記事では架空の商品を例に、その照合表と公開前後の確認方法を考えます。実在商品の原材料やアレルゲンを判定する記事ではありません。表示の内容はメーカーの品質・表示担当者が現行資料に基づいて確定し、Web担当者は承認された情報を正しい場所へ反映します。

「商品名が同じ」だけでは、同じ版とは分からない

商品名も写真の表面も変わらないまま、原材料の配合や調達先、包材の表示が改訂されることがあります。商品詳細ページを商品名で探すだけでは、どの製造版・表示版を掲載しているのか判断できません。まずメーカー側が使う商品コード、規格、表示資料の改訂番号、適用開始の条件を確認します。Web独自の番号を増やす前に、今の資料との対応を取ることが大切です。

同じ商品コードで旧版と新版が並行して流通する期間があれば、単一の「現在の原材料」という表示だけで両方を説明できるかを品質担当者に確認します。Web担当者が出荷日から原材料を推測したり、古い情報を一律に消したりしません。購入前にどの版が届く可能性があるか、必要な確認先をどう示すかも、販売方法に沿って決めます。製造ロットと通販在庫の対応が取れない場合は、その不確実さを解消するまで断定的な掲載を避けます。

原料の変更があっても、容器包装上の表示が変わらない場合と、表示改訂が必要な場合は別です。どこまでが品質担当者の判断で、どこからがWebの更新作業かを混ぜないようにします。サイトの管理表には「新原料名を書いた」という作業記録だけでなく、参照した承認済み資料と、その資料が対象とする商品版を残します。

容器包装の表示と、Webで見せる情報を結び付ける

消費者庁のインターネット販売における食品表示の情報提供ガイドブックは、食品表示基準の適用範囲が容器包装等であり、ECサイト上の情報提供とは区別されることを説明しています。そのうえで、購入者が実物の容器包装を見られない段階でも商品を選べるよう、食品表示に関わる情報をできるだけ提供する考え方を示しています。Webページを直したからラベルの確認が不要になる、あるいはラベル写真だけでWebの説明を済ませられる、という意味ではありません。

同ガイドでは、原材料、添加物、アレルゲン等の情報を、EC画面で項目ごとに分けて示す例もあります。メーカーのサイトでも、画面の本文で読める項目とパッケージ画像を併用するなら、両方が同じ商品版を指す必要があります。文字が小さいラベル写真を拡大しないと分からない構成や、本文と画像が食い違う構成は、購入前の確認を難しくします。

対象は企業サイト、直販EC、外部モール、PDFカタログ、営業資料のダウンロード画面などです。ただし、更新権限はそれぞれ異なります。自社で直接直せるページと、取引先へ改訂情報を渡して反映を依頼する場所を分けます。外部の販売ページに情報を送ったことを、表示が更新されたこととして扱わず、購入者に見える画面で再確認します。

商品版・表示資料・Web更新の照合表をつくる

次の表は、架空の常温スープ「S-021」の原材料関連情報を改訂するための設計例です。商品・原材料・表示内容は実在しません。アレルゲンの具体的な品目や含有の有無は例示せず、承認資料との照合箇所を示しています。品質担当者が内容を承認する欄と、Web担当者が掲載を確認する欄を分けるのが要点です。

照合する対象	確認する元資料・版	Web上で見る場所	担当と完了条件
商品版	商品コード S-021、規格、適用条件	商品詳細の対象商品・規格	商品担当が対象版を確定
原材料・添加物	承認済み表示資料の改訂番号	本文欄、ECの商品情報、PDF	品質担当が文言を承認、Web担当が表示を照合
アレルゲン関連情報	同じ表示資料と確認記録	本文欄、別タブ、外部販売先	品質担当が内容を判断、各掲載先で確認
パッケージ画像	対象版の撮影画像と使用許可	表面・裏面画像、一覧のサムネイル	商品担当が版を照合、Web担当が差し替え
公開・反映の状態	承認日、公開予定日、画面確認日	自社サイト、EC、カタログ、取引先画面	依頼済みと表示確認済みを区別

この表をすべての商品で一度に埋めようとすると、資料集めだけで止まりがちです。まず改訂が近い一商品を選び、Web上の掲載先を洗い出します。商品コードが共通でも容量違いがあるなら、規格を別行にします。詰め合わせは箱の紹介だけでなく、含まれる個々の商品への情報経路を確認します。何を一行の単位にするかは、実際に販売する単位に合わせます。

照合表に「反映日」だけを置くと、入力、公開、表示確認が同じ日に見えてしまいます。承認済み、編集済み、公開済み、実画面確認済みの状態を分け、差し戻しの理由も残します。公開後に新旧情報が混在した場合、どの段階まで確認したかを追えるためです。表を増やすことが目的ではなく、誰がどの資料を基準に何を確かめたかを一目で分かるようにします。

架空の商品コードから承認済み表示資料、Web本文、パッケージ画像、公開確認へつなぐ照合図 — 架空の商品のWeb更新設計です。原材料やアレルゲンの判定内容を示すものではありません。

原材料とアレルゲンの欄は、品質担当の承認文を使う

原材料の名称や並び、添加物の書き方、アレルゲンの扱いは、Web担当が写真から読み取って再構成しない項目です。消費者庁の食物アレルギー表示に関する情報には、容器包装された加工食品の特定原材料の表示についての説明と、2026年4月版の事業者向けハンドブックが掲載されています。対象品目やルールの改訂もあるため、過去の社内テンプレートを無条件で使い続けず、表示担当者が最新資料を確認します。

サイト制作側が扱うのは、承認文が途中で省略されない入力欄、写真と本文が同じ版であることを確認する画面、公開前に差分を見られる手順です。たとえば「アレルゲンなし」という短い宣伝文へ変えてしまうと、元資料の条件や対象範囲が失われることがあります。入力欄には承認された文言を保持し、Web上で簡略化する必要がある場合は品質担当へ確認します。アイコンだけで示す場合も、文字で読める情報と対象商品が分かる構成にします。

社内で改訂を知らせるメールに新旧の表示画像が添付されていても、どちらが最終承認版か分からなければ公開できません。編集画面へ画像を上げる前に、承認済みの資料の保管場所、改訂番号、確認者をそろえます。ファイル名に「最終」「最新版」が複数ある状況では、名前だけで判断せず、商品担当と品質担当に正本を確認します。

画像を差し替える時は、残る旧版も探す

パッケージの裏面写真を新しくしても、商品一覧の拡大画像や旧PDF、関連記事の中に旧版が残ることがあります。検索結果やSNSから古い画像URLへ直接入る人もいます。更新前に、画像がどこで使われているかを調べ、対象版を決めます。古い写真を過去のニュースとして残す必要があるなら、現行の商品案内へ進める表示を添えます。

画像を同じファイル名で上書きする方法は、キャッシュや外部掲載先に旧画像が残ることがあります。新しいファイルを登録し、参照箇所を切り替え、公開ページとスマートフォンで実際に読み込み直して確認します。写真の表面は新しく、裏面だけ古いといった組み合わせも起きるため、画像を一枚ずつでなく「対象版の一組」として照合します。撮影時期が新しいだけで表示内容も新しいとは限りません。

画像に写る文字は、閲覧環境によって読みにくくなります。商品情報を本文でも示すなら、そこを画像から手入力する過程で差分が生じないよう、承認資料から転記し、確認します。写真と本文のうちどちらを正本にするかというより、両方が同じ承認資料に基づいていることを検証する運用です。

自社サイトと外部ECの反映時差を見込む

自社サイトは公開ボタンを押せても、外部モールや取引先の販売ページは別の担当者が更新します。消費者庁の食品表示情報の入手方法と管理方法に関する別冊も、紙・PDF、表計算、データ連携などの経路ごとに、転記ミスや反映の遅れ、登録元の誤りがあり得ることを整理しています。自動連携を導入すれば無条件に正しいという扱いにはせず、元データの承認と公開後の確認を残します。

外部販売先へ改訂を依頼するときは、「商品名を直す」だけでは伝わりません。商品コード、対象規格、改訂する項目、承認資料の版、適用する条件、必要な画像、希望する反映日、確認先のURLをまとめます。先方の受付番号や回答、反映を見た日も照合表へ戻します。自社で表示を変えられない場所は、権限と連絡先を早く特定することが更新計画になります。

旧版と新版が販売上並行する場合、全ページを同じ日に一律切替えできないこともあります。どの販売先でどちらを扱うかは営業・品質・在庫の担当者に確認し、Webが伝えられる範囲を決めます。「写真はイメージです」の一文だけで、原材料やアレルゲン情報の食い違いを補おうとしません。確認できない状態があるなら、販売先への案内と個別の確認経路を用意します。

公開前後は、購入者が通る画面で確認する

まず商品一覧から該当商品を開き、商品名と規格、本文の原材料欄、画像の表裏、購入先へのリンクを確認します。次にスマートフォン幅で、原材料・アレルゲン関連の情報が拡大操作なしでも見つけられるか、画像や表がはみ出さないかを見ます。社内の編集画面だけで済ませず、一般の閲覧者が開くURLを確認します。

公開後は自社EC、外部モール、PDF、QRコードからの遷移先を、照合表に挙げた順に開きます。リンク先で旧画像が残る、説明文は新しいがバリエーション選択後の情報が古い、といった差も記録します。更新を一度で終わった作業とせず、未反映先には担当と次の確認日を付けます。購入者から問い合わせがあった時に、どの画面と商品版の話か追えるようにするためです。

確認用の画面を品質担当者に見せる時は、本文だけを抜き出さず、商品名・容量・画像・購入先が分かる状態で共有します。承認した文章が正しくても、別規格のページに入っていたら意味がありません。公開前の確認依頼には、対象商品のコードと版、プレビューのURL、直した欄、変えていない欄、確認期限を添えます。返答の「問題なし」がどの版と画面を指すか残せる形にしておけば、次の改訂で前回の判断を誤用しにくくなります。

更新後しばらくしてから問い合わせが来た場合も、現在の画面だけを見て答えを急がず、購入先と商品版を特定します。サイトの過去画像をそのまま再公開するためではなく、どの期間に何が表示されていたかを確認する記録として、承認資料と公開履歴を保管します。個々の健康・安全に関わる回答は担当窓口へつなぎ、Web制作側が商品の成分を推定しません。

食品ECの賞味期限表示を扱った記事では、製造日・出荷日・到着日をどう区別して伝えるかを扱っています。ここでの中心は日付の説明ではなく、原材料・アレルゲンに関わる承認資料とWeb上の複数の表示を同じ商品版へ結び直すことです。まず一商品で照合を通し、正本、掲載先、確認者を確定させれば、次の改訂も同じ手順で確認できます。