ホームページの写真、何を撮る？会社・お店らしさを伝える撮影準備

まず3枚だけ選び、「分かること」を比べる

枚数が多くて選べないときは、許可と現在の内容を確認できた写真から、次の役割に合う候補を一枚ずつ置いてみてください。3枚は整理を始める目安で、必要な納品枚数や撮影プランではありません。

たとえば美容室なら空間・道具を扱う手元・相談席、専門サービスなら相談場所・説明用の見本・相談の手順という組み合わせが考えられます。商品のある事業なら全体像・細部・使う場面も候補です。いずれも企画例であり、実在の顧客やGRAVIの実績を表したものではありません。

三枚とも同じことしか説明できないなら、似た写真を増やす前に、まだ答えられていない疑問を書き出します。逆に、一枚で役割を果たせるなら、数を埋めるための撮影は不要です。

スマートフォンでは、何が切れてはいけないか

写真の縦横比は、使う場所によって変わります。撮影を依頼する前に、候補のコピーで次の確認をしてみましょう。元の写真は上書きせず残します。

1. その写真で絶対に残したい部分を一つ決める。商品全体、作業する手元、入口など、伝えたい内容を基準にします。
2. 予定している掲載枠に合わせて切り抜きを試す。枠が未定なら横長と縦長で比較し、何が見えなくなるかを相談材料にします。スマホだから必ず縦長、とは限りません。
3. 見出しやボタンを重ねる場合は、その位置も一緒に確認する。大切な部分を隠したり、文字が読みにくくなったりするなら、文字を写真の外に置く案も比べます。

一枚を無理に使い回すと説明が欠ける場合は、端末ごとに別の写真を選ぶか、撮影時に構図を変えた候補を用意できるかを相談します。「余白を広く」だけでなく、「何を残し、どこに言葉を置きたいか」まで伝えるのがポイントです。

担当者に渡すメモは、写真とセットで

候補のファイル名と次の項目を一組にすると、撮影担当とWeb担当が同じ写真を見ながら話せます。実際の顧客情報や未許可の資料は含めず、掲載条件が未確認なら画像を共有する前に確認してください。

• 使う場所：サービス紹介の「相談の流れ」。
• 残したい部分：見本を選ぶ手元と、比較するための並び。
• 添える説明：相談時に何を一緒に確認するか。
• 気になる点：スマホ用の枠では見本の一部が切れる。
• 相談したいこと：別の構図を撮るか、写真と説明の配置を変えるか。
• 掲載条件：使用できる媒体、確認担当、未確認事項。

これは相談用の記入例です。「写真を撮り直すべきか、ページの使い方を変えるべきか」から、写真とホームページの相談に進めます。写真選びを頼む相手との役割分担に迷う場合は、制作会社との相談で確かめたいことも参考にしてください。

撮影を頼む前に、手元の写真を「使える・確認する・足りない」に分ける

過去に撮った写真がたくさんある場合は、撮影の計画を立てる前に棚卸しをしてみましょう。まずサービス一つ、商品一つなど対象を絞ります。すべてのフォルダを整理し終える必要はありません。今つくりたいページの説明に使えるかどうかを基準にします。

「使える」は、きれいさだけで決めない

写真が鮮明でも、今は提供していない商品や、移転前の店内なら、現在の紹介には合わないことがあります。撮影した時期、写っている内容、現在の説明との一致、掲載条件を確かめます。加工した小さな画像しかない場合は、元のデータが残っているかも確認しましょう。画質が足りるかは実際の掲載サイズで判断します。

「確認する」は、誰に何を聞くかまで残す

使えるか迷った写真を、担当者の記憶だけに任せないことが大切です。「撮影者にWeb掲載の使用条件を確認」「担当者に現在の仕様と同じか確認」のように、未確認の理由と確認先を書きます。返事がないものを、期限が近いという理由だけで公開候補に戻さないようにします。

「足りない」は、写真ではなく説明の不足から探す

たとえば商品全体の写真が揃っていても、大きさや利用場面が分からないなら、その説明が不足しています。すぐに撮影を増やすと決めず、寸法の記載、図、短い文章でも伝えられるかを考えます。反対に質感や空間の様子など、写真が手がかりになる部分は撮影候補にします。

写真台帳に残しておく項目

• ファイル名と元データの保管場所。
• 撮影時期と、写っている商品・場所・作業。
• 掲載したいページと、その写真で説明すること。
• 現在の内容と一致するか、掲載条件を確認したか。
• 確認が必要な事項と担当者。
• 差し替える必要が生じる場面。商品の変更、移転、提供内容の変更など。

例として「商品Aの全体写真は使用候補、細部の写真は旧仕様なので外す、利用場面は未撮影」と整理できれば、次に何を準備するかが見えてきます。これは整理方法の例で、GRAVIの実績ではありません。

最後に、候補写真と不足している説明を並べてみてください。相談時には、写真を何枚持っているかだけでなく「何は伝えられて、何がまだ伝えられないか」を共有できます。まだ素材を送れない場合も、その状況を文章にするだけで構いません。手元の素材を活かしたサイトづくりについて相談する際の入口にしてください。

写真に添える説明は、「場面・工夫・意味」から考える

写真を選んだあと、「作業風景」「店内の様子」だけで説明を終えていませんか。その言葉でも写っているものは分かりますが、仕事のどこを見てほしいのかまでは伝わらないことがあります。写真を見せる目的に合わせて、短い説明を考えてみましょう。

まず、写真から確認できることを書く

何をしている場面なのか、どの商品や場所なのかを特定します。写真だけでは分からない作業内容は、担当者に確認してから説明します。撮影のために再現した場面やイメージ素材なら、その位置づけも明らかにします。写真に写っていない成果や、お客様の気持ちを想像で付け足さないことが大切です。

次に、見てほしい工夫を一つ選ぶ

「梱包作業」の写真なら、「発送前に内容物を照合している場面」と具体的にする案があります。空間の写真なら、「相談に使う見本を机に並べたスペース」と、利用する人が過ごす場面を説明できます。いずれも文章の考え方を示す例で、GRAVIの実績ではありません。実際に行っている内容だけを使います。

最後に、読み手の疑問につなげる

その写真を見た人が「何を頼めるのか」「どう進むのか」を理解したいなら、説明のあとに対応内容や相談の流れへのリンクを添えることもできます。すべての写真に長文を付ける必要はありません。写真の近くで分かることと、詳しいページで説明することを整理します。

• 場面：いつ、どんな作業・空間を写したものか。
• 工夫：この場面で実際に確かめていること、大切にしていること。
• 意味：読み手のどの疑問への材料になるか。
• 確認：説明の根拠と、内容を確認した担当者。

一枚に情報を詰め込みすぎたら、最も見てほしい点を一つ残します。「高品質」「安心」といった印象だけでまとめず、何をしているかを示すと、読み手が判断しやすくなります。個別の工程を説明した写真で、すべての商品や対応について同じ条件を約束していないかも確かめましょう。

画面に出る説明文と、代替テキストを分ける

写真の下などに表示する説明文を「キャプション」と呼びます。仕事の背景や見てほしい工夫を、ページを読む人へ伝える場所です。一方、画像に設定する代替テキスト（alt）は、スクリーンリーダーなどで画像の意味を伝えるために使います。画面の見た目だけでは確認できないため、制作担当と内容を共有しておきましょう。

同じ写真でも、掲載する目的と周囲の文章によって必要な説明は変わります。次の表は、制作担当へ用途を伝えるための整理です。

空のaltは「設定し忘れ」とは異なり、装飾などを読み上げる必要がないと判断した設定です。文字付きのリンクに写真を添える場合も、リンクの目的が文章で十分に分かるかを確認します。詳しい判断はW3Cの代替テキストの判断手順を制作担当と共有できます。

例：見本を比べる場面なら、何を言葉にするか

仮に「布見本を机に並べ、色を比較している手元」の写真を、相談方法の紹介に使うとします。写真に必要な視覚情報を代替テキストに書き、キャプションには「色や素材を見比べながら、希望を整理します」と仕事の進め方を添える案があります。ただし、その説明は実際の対応と一致する場合だけ使います。これは文章の組み立て例で、GRAVIの顧客事例ではありません。

写真を見なくても、前後の文章と代替テキストから必要な意味が伝わるか。反対に、同じ長文を何度も読ませていないか。この両方を確かめます。担当者へ渡すメモには、写真・掲載場所・画面に出す説明文・代替テキストの案を一組で残すと、設定の意図を共有できます。

検索を意識するときも、写真にない言葉を足さない

代替テキストは、地域名やサービス名を詰め込む場所ではありません。何の写真で、周囲の説明とどう関係するかを自然に書きます。検索向けの画像説明に関する公式ガイドでも、内容に沿った説明と、キーワードの羅列を避けることが案内されています。文字を増やせば順位が上がる、というものではありません。

手元の写真に説明を付けると、まだ言葉にできていない仕事の価値も見つかります。写真と言葉を組み合わせた見せ方のご相談では、掲載候補の写真、使いたいページ、「ここを見てほしい」という一言からお聞かせください。写真だけでなく、読める説明や相談先まで含めて考えられます。