ホームページの写真は、全部そろってから制作を相談する必要はありません。まず、手持ちの写真を「今使える」「撮り足す」「公開後に追加する」に分け、必要なページに当てはめましょう。写真がなくても内容を伝えられるページまで、無理に画像で埋める必要はありません。
店舗なら、最初に用意したいのは入口、店内、主な商品やサービスの写真です。来店前の人が知りたい内容を優先し、仕上がりを大きく左右する写真だけ撮影の外注を検討すると、準備を進めやすくなります。
この記事では、小さなお店の5ページ構成を例に、撮影リストの作り方と制作担当への渡し方をまとめます。表に出てくるカフェは説明用の架空店舗であり、納品事例ではありません。
写真がないときは、先に「何を伝えるか」を決める
実物を見せる写真と、雰囲気を添える画像を分ける
入口の場所や商品の形は、実際の写真で見せたい情報です。一方、ページの背景や余白に使う模様は、店舗の実物を示す役割ではありません。
この区別をせずに素材サイトの写真で埋めると、実際とは違う店内や商品だと受け取られるおそれがあります。特に、スタッフ紹介、施工例、料理紹介などは、読者が「この店の実物」として見る部分です。素材写真や生成画像を使う場合も、実際の設備・提供品・実績と誤認させない使い方にします。
まずはスマホの写真一覧から、現在の店舗や商品と一致するものを集めてください。古い内装や終了したメニューの写真は、画質がよくても現状紹介には使わない方が安心です。
写真を集めながら、文章も一緒に整理する
写真だけで伝わらないこともあります。店内の写真に席数や利用方法を添える、料理の写真に内容や提供時間を添えるなど、写真と説明を組み合わせましょう。
文章の準備で止まっている場合は、ホームページの原稿が用意できないときの進め方も参考になります。完成原稿を待つより、事実のメモと手持ち写真を同時に整理した方が、足りないものが分かります。
5ページの写真を割り当てる記入例
架空の「カフェこもれび」が、トップ、メニュー、料金・FAQ、店舗案内、問い合わせの5ページを作るケースです。手持ちは外観1枚と料理2枚、店内とスタッフの写真はまだありません。
| ページ | 写真で伝えること | 用意する写真 | 今回の判断 |
|---|---|---|---|
| トップ | どんな店か | 店内全体、看板料理 | 店内を撮り足す。料理は手持ちを使用 |
| メニュー | 何が食べられるか | 看板料理と定番料理 | 手持ち2枚を使用。季節商品は公開後に追加 |
| 料金・FAQ | 価格と利用条件 | 必須の写真なし | 文字で整理。料理写真の使い回しは不要 |
| 店舗案内 | 迷わず到着できるか | 外観、入口、客席 | 外観は手持ちを使用。入口と客席を撮り足す |
| 問い合わせ | 何をどう相談できるか | 必須の写真なし | 連絡方法と受付内容を優先 |
この例で公開前に撮り足すのは、店内全体、入口、客席です。店内全体の写真で客席の様子まで十分伝われば、兼用もできます。ページごとに別の写真を必ず用意するわけではありません。
スタッフ紹介を公開後に追加するなら、顔写真がないことを理由に全体を止めず、当初は店の方針を文章で伝える方法もあります。ただし、人柄がサービス選びの中心になる業種では、人物写真の優先度を上げてください。
開業前で内装が未完成なら、完成予定の説明と、今公開できる情報を分けます。準備の順番は開業前のホームページづくりで確認できます。
スマホで撮り足すときの確認ポイント
明るさ、水平、背景を整える
以下は、撮り直しを減らすための準備案です。スマホならどんな条件でも十分に撮れる、という意味ではありません。
- 撮影前にレンズの汚れを拭く。
- 料理や小物は、窓の近くなど明るさを確保できる場所で撮る。
- 建物の柱や棚が大きく傾かないよう、画面の水平を確認する。
- 背景の伝票、宅配ラベル、顧客名、パソコン画面を片付ける。
- 強い色加工は後回しにし、元の状態も残す。
明るい窓を画面内に入れて店内を撮ると、窓との明暗差で室内が暗く写ることがあります。立つ位置や向きを変え、入口と客席が確認できるか見比べてください。人物や料理の色が不自然になった写真を、加工だけで直そうとしないことも大切です。
撮影時は、全体が分かる写真と、主役に近づいた写真を分けて残します。たとえば料理なら、一皿全体が収まる写真と、具材が分かる写真があると掲載場所を選びやすくなります。
横長と縦長を撮り、文字を重ねる余白も残す
パソコンの横長画面で収まる写真が、スマホでも同じように見えるとは限りません。画像の表示枠に合わせて端が切り取られる設計では、看板や人物の顔が欠けることがあります。
次は、同じ横長の入口写真を使った場合の、仮の配置比較です。実際の切り取り方はサイトの設計で変わります。
| 表示の仕方 | 写る範囲 | 起こり得る問題 | 用意しておく対策 |
|---|---|---|---|
| パソコンで横長に表示 | 左の看板、中央のドア、右の植木 | 全体は分かるが入口が小さい | 入口へ近づいた写真も撮る |
| スマホで中央を縦長に切り抜く | 中央のドアが中心 | 左の店名看板が欠ける | 看板とドアが近くに収まる別構図を撮る |
| スマホで画像全体を縮小 | 看板から植木まで残る | 看板の文字が小さくなる | 店名と入口の説明は本文にも書く |
写真の上に見出しを置く予定なら、文字を置ける壁や床の余白も必要です。「右側に料理、左側に余白」のように、使う場所を制作担当と相談してから撮ると無駄を減らせます。画像に見出し文字を直接焼き込む加工は、掲載方法が決まるまで待ちましょう。
外注を検討したい写真を絞る
暗い店内、反射しやすい商品、色や質感が購入判断を左右する品物、人数の多い集合写真などは、撮影の相談を先にした方がよい場合があります。
すべてを外注する必要はありません。「トップ用の1枚と看板商品は撮影を依頼し、入口案内は自分で撮る」という分け方もできます。依頼時には撮影枚数だけでなく、使用するページ、縦横の構図、加工の範囲、納品形式、追加撮影の扱いを確認します。
制作担当へは、元画像と説明をセットで渡す
小さく加工する前のデータを残す
SNSから保存し直した画像や、メッセージアプリで圧縮された画像しかないと、大きな表示に向かないことがあります。スマホやカメラに残っている元画像を、加工済みの画像とは分けて渡してください。
画像の必要な縦横サイズや容量は、トップ画像、商品一覧、記事内写真などの用途で変わります。一律に「横○ピクセル、○KB以下」にそろえる前に、制作担当へ確認しましょう。渡す段階の元画像と、サイト公開用に軽量化した画像は分けて管理します。
写真の受け渡しメモの完成例
次の例は、架空カフェの入口写真を渡す際の記入例です。写真と同じ名前のメモを用意すれば、別の店舗や古い写真との取り違えを防げます。
- ファイル名：komorebi-entrance-01.jpg
- 撮影内容：道路側から見た入口。店名看板と茶色のドアが写っています。
- 希望掲載先：店舗案内ページのアクセス説明
- 撮影日：2026年10月20日
- 撮影者・利用確認：店主が撮影。店舗サイト掲載用として提供
- 人物・情報の確認：通行人の顔、車のナンバー、顧客情報の写り込みなし
- 切り抜きの希望：左の店名看板と中央のドアは残す
- 元データ：加工前の写真も同じフォルダーに保存
自分で撮影していない場合は、撮影者や提供元に、サイトでの利用、加工、掲載期間などの条件を確認します。人物が写る写真は、掲載先や目的を本人と確認しておきましょう。顧客の施設や借りた場所の写真も、撮影できたことと公開できることを分けて考えます。
画像の説明は、見せたい内容に合わせる
Googleは、画像の内容を理解する材料として、周辺の文章やファイル名、代替テキストなどを挙げています。たとえば入口写真なら、関係のない検索語を並べず「店名看板の右側にある入口」のように、役割に合う説明を添えます。Google検索セントラルの画像ガイド
ただし、模様などの装飾画像すべてに説明文を付けるわけではありません。情報を加えない画像は、空のalt属性にする扱いがあります。画像の目的を伝え、実装は制作担当と確認してください。W3Cの装飾画像の解説
公開前は、スマホで写真と説明を照合する
原稿と写真を渡したら完了ではありません。確認用ページをスマホで開き、次を点検します。
- 顔、料理、入口、店名が不自然に切れていないか。
- 文字を重ねた場所が読みにくくなっていないか。
- 写真の内容と、価格・商品名・店舗説明が一致しているか。
- 表示を待たされる画像がないか。
- 素材画像を、実際の店内や実績だと誤認させていないか。
新しい季節メニューや改装後の写真へ差し替える担当も、公開時に決めておくと安心です。古い写真を残す場合は、過去の情報だと分かる文脈にします。
写真の準備でよくある質問
写真は最低何枚必要ですか？
ページ数だけでは決まりません。上の割当表のように、写真が必要な説明を数え、兼用できるものを確認します。写真のない料金ページや問い合わせページがあっても問題ありません。
スマホの写真だけでホームページを作れますか？
用途に合う画質、構図、明るさがあり、掲載許可を確認できれば候補にできます。トップで大きく見せる写真と、小さな説明写真では求める条件が違うため、実際のデータを見てもらって判断してください。
顔写真を載せたくない場合はどうすればよいですか？
無理に顔写真を用意せず、仕事中の手元、設備、提供するサービスの様子など、説明したい内容に合う写真を検討します。人物の紹介は文章で補い、素材モデルを実際のスタッフのように載せないようにします。
手持ちの写真から、必要なページを整理しましょう
まずは、今ある写真と、来店前の人に伝えたい内容を一覧にしてみてください。撮影が必要な部分だけを選べば、素材がそろわないまま準備が止まることを避けられます。
デジリスタでは、必要なページや掲載内容をホームページ制作の相談で整理できます。写真撮影は制作費に自動的に含まれるものではなく、別途見積もりです。相談用の資料には、顧客情報や機密情報が写り込んでいない写真を選んでください。
