建設業・リフォーム業・工務店・塗装業など、施工事例や実績紹介がホームページの集客を左右する業種は多くあります。しかし、現場でスマホを使って撮った写真を、そのままWordPressにアップロードしている企業がほとんどです。弊社が保守を引き継いだサイトの約7割が、施工事例の写真に何の加工も施さず掲載していました。撮りっぱなしの写真がホームページにどんな悪影響を与えるのか、そして少しの手間でどこまで改善できるのかを、運用保守の現場視点で解説します。
スマホ撮影の写真をそのまま載せるとページ表示が3倍以上遅くなる
最近のスマートフォンのカメラは非常に高性能です。iPhone 15 Proで撮影した写真は1枚あたり約5〜8MB、Google Pixelシリーズでも3〜7MB程度のファイルサイズになります。施工事例ページに10枚の写真を掲載すると、それだけで50〜80MBのデータ転送が発生します。Webサイトに掲載する画像の適正サイズは1枚あたり200KB以下が目安ですから、スマホ撮影の写真はそのままでは適正値の25〜40倍の容量があることになります。
Googleの調査によると、モバイルページの読み込みに3秒以上かかると訪問者の53%が離脱します（出典 Google Developers）。施工事例ページは写真が主役のコンテンツです。そのページが重くて表示されなければ、見込み客は競合他社のサイトへ流れていきます。（せっかくの施工実績が、ページの重さのせいで誰にも見られていないという事態は珍しくありません）
撮りっぱなし写真が問い合わせにつながらない3つの理由
暗い写真・ぼやけた写真は「雑な仕事」に見える
現場で急いで撮影した写真には、照明が不十分で暗く写っているもの、手ブレでぼやけているもの、作業員の私物や資材が背景に映り込んでいるものが混在しがちです。施工事例ページを閲覧する見込み客は、写真の品質から無意識にその会社の仕事の品質を判断します。暗い写真やぼやけた写真が並んでいるだけで「この会社は仕事も雑なのではないか」という印象を与えてしまいます。
弊社が保守を担当している工務店のサイトで、施工事例の写真を明るさ補正と構図の改善だけで差し替えたところ、施工事例ページの滞在時間が平均45秒から1分50秒に伸びた事例があります。写真のクオリティは、ページの閲覧時間と問い合わせ率に直結します。
ビフォー・アフターがなければ技術力が伝わらない
施工事例で最も効果が高いのは、ビフォー・アフターの写真を並べて掲載する方法です。しかし、ビフォー写真を撮り忘れている現場は非常に多いです。アフターの写真だけでは「きれいに仕上がった」という情報しか伝わりません。「どんな状態から、ここまできれいにしたのか」という変化こそが、見込み客の心を動かします。
特にリフォーム業・塗装業・外構工事など、見た目の変化が大きい業種ではビフォー写真の有無が問い合わせ率を大きく左右します。ビフォー写真がない施工事例は、技術力のアピールという観点では効果が半減すると考えてください。
写真の枚数が少なすぎると信頼されない
施工事例1件あたりの写真が1〜2枚しかない場合、閲覧者に「本当にこの会社が施工したのか」「都合の良い部分だけ見せているのではないか」という疑念を抱かせます。全体像がわかるカット、細部がわかるカット、使用した素材のアップ、施工中の作業風景など、1つの事例につき最低でも5〜8枚の写真を掲載するのが理想です。
写真の枚数が多いほど、「丁寧に記録している会社」「仕事に自信がある会社」という印象を与えます。逆に、写真が1枚だけの施工事例を何十件並べても、説得力はほとんどありません。
スマホ撮影でも見栄えの良い施工写真を撮るコツ
自然光を活用し、逆光を避けて撮影する
施工写真の品質を最も左右するのは「光」です。屋内の施工事例であれば、日中に窓からの自然光が入る状態で撮影するのがベストです。照明だけの状態で撮影すると、全体が黄色っぽくなったり影が強く出たりして、仕上がりの美しさが正確に伝わりません。屋外であれば、晴天の日の午前10時〜午後2時くらいが最も均一な光で撮影できます。曇りの日も光が拡散されるため、影が柔らかくなり施工写真には適しています。
逆光（太陽やライトがカメラの正面にある状態）は避けてください。施工箇所が真っ暗になり、何が映っているかわからない写真になります。太陽を背にするか、斜め方向から光が当たる位置で撮影するだけで、写真の見栄えは大きく変わります。
撮影前に現場を片付け、余計なものを映り込ませない
施工直後の現場には、工具・資材の端材・ゴミ袋・養生テープの残りなどが散乱していることがよくあります。そのまま撮影すると、どれだけ施工が丁寧でも「雑然とした印象」が写真に残ります。撮影前に5分だけ現場を片付ける習慣をつけるだけで、写真の印象は劇的に改善します。
また、近隣住宅の表札・車のナンバープレート・通行人など、個人情報やプライバシーに関わるものが映り込んでいないかも確認してください。そのまま掲載すると、トラブルの原因になります。個人情報保護委員会のガイドラインでも、本人の同意なく個人を特定できる情報の公開は問題とされています（出典 個人情報保護委員会 法令・ガイドライン等）。
「全体→中景→アップ」の3段階で必ず撮影する
施工写真は1つの現場につき、以下の3段階で撮影すると情報量が格段に増えます。
- 全体カット 建物や部屋の全体像がわかる引きの写真
- 中景カット 施工箇所を中心に、周辺環境との関係がわかる写真
- アップカット 素材の質感・仕上げの精度がわかる近接写真
この3段階をビフォー・アフターそれぞれで撮影すれば、1現場あたり最低6枚の写真が確保できます。施工中の作業風景を加えれば、さらに充実した施工事例ページが作れます。撮影自体は各カット10秒程度で済むため、現場の負担はほとんどありません。
撮影した写真をホームページに掲載する前にやるべき加工
画像のリサイズと圧縮で200KB以下にする
スマホで撮影した写真はそのままでは大きすぎます。ホームページに掲載する前に、必ず以下の2ステップで処理してください。
- 横幅を1200px以下にリサイズする（スマホ撮影の写真は横幅4000px以上あることが多い）
- TinyPNGやSquooshなどの無料ツールで圧縮し、200KB以下にする
この2つの処理を行うだけで、ファイルサイズは元の写真の5〜10%程度まで削減できます。5MBの写真が200〜500KB程度になるイメージです。見た目の品質はWebでの表示であれば違いがわからないレベルです。
圧縮を行わずに掲載し続けると、サーバーの容量も圧迫します。弊社が引き継いだサイトで、施工事例の写真だけで15GBのサーバー容量を使用していたケースがありました。一般的なレンタルサーバーの契約容量は100〜300GB程度ですが、写真を撮りっぱなしでアップロードし続ければ、数年で容量不足に陥ることも現実的にありえます。
明るさ・コントラストの補正で印象を改善する
撮影した写真が暗い場合や色味が不自然な場合は、アップロード前に明るさとコントラストを補正します。スマートフォンの標準写真アプリでも明るさ・コントラスト・色温度の調整は可能です。WindowsのフォトアプリやMacのプレビューでも基本的な補正はできます。
特に屋内の施工写真は、照明の色温度によって全体が黄色っぽく（暖色系）なりがちです。色温度を少し寒色方向に調整するだけで、清潔感のある仕上がりに見えます。ただし、実際の色と大きくかけ離れた補正は避けてください。過度な補正は「実物と違う」というクレームの原因になります。あくまで「人間の目で見たときの印象に近づける」程度の補正に留めるのがポイントです。
Exif情報を削除して個人情報を保護する
スマートフォンで撮影した写真には、Exif情報（撮影日時・GPS位置情報・カメラの機種名など）が自動的に埋め込まれています。この情報を削除せずにホームページに掲載すると、施工現場の正確な住所が第三者に知られてしまう可能性があります。
WordPressでは画像アップロード時にExif情報を自動削除する設定やプラグインがありますが、確実に対応するにはアップロード前にExif情報を手動で確認・削除するのが安全です。WindowsであればファイルのプロパティからExif情報を確認・削除でき、Macではプレビューアプリの「インスペクタ」から確認できます。TinyPNGなどの圧縮ツールは、圧縮時にExif情報を自動的に削除する仕様になっているものが多いため、圧縮と個人情報保護が同時に行えます。
施工事例ページの構成で問い合わせにつなげるポイント
写真だけでなく施工概要をテキストで添える
施工事例ページに写真だけを並べている企業は多いですが、テキスト情報がなければSEO（検索エンジン最適化）の効果はほぼゼロです。Googleの検索エンジンは画像の内容を完全には理解できないため、テキストで補足しなければ検索結果に表示されません。
施工事例には、最低でも以下の情報をテキストで記載してください。
| 記載項目 | 内容例 |
|---|---|
| 施工内容 | 外壁塗装、キッチンリフォーム、屋根葺き替えなど |
| 施工エリア | 東京都〇〇区、埼玉県〇〇市など |
| 施工期間 | 約2週間、3日間など |
| 使用素材・製品 | メーカー名・製品名・色番号など |
| お客様の課題 | 雨漏り、老朽化、デザイン変更希望など |
| 施工のポイント | 工夫した点、こだわった点など |
これらのテキスト情報を添えることで、「〇〇市 外壁塗装」「キッチンリフォーム 事例」といった検索キーワードで施工事例ページが上位表示される可能性が高まります。テキスト情報はSEOだけでなく、見込み客が「自分の依頼内容に近い事例があるか」を判断する材料にもなります。
alt属性を設定して画像のSEO効果を高める
画像のalt属性（代替テキスト）は、画像が表示されない場合に代わりに表示されるテキストであり、検索エンジンが画像の内容を理解するための手がかりでもあります。施工事例の写真には「外壁塗装ビフォー 〇〇市の住宅」「キッチンリフォーム完成 システムキッチン設置後」など、具体的な内容を記述してください。
Googleの公式ガイドラインでも、alt属性は画像を説明する正確かつ簡潔なテキストを記載することが推奨されています（出典 Google Search Central 画像のベストプラクティス）。「IMG_0234」「写真1」といったファイル名やalt属性では、検索エンジンは画像の内容を一切判断できません。
施工事例の件数が多ければ多いほど信頼性が高まる
施工事例は「量」も重要な要素です。事例が5件しかない会社と50件ある会社では、閲覧者が受ける信頼感はまったく異なります。月に1〜2件ずつでも着実に施工事例を追加していく運用体制を整えることが大切です。
ただし、件数を増やすことだけを目的に、写真1枚・テキストなしの「手抜き事例」を量産するのは逆効果です。1件あたりの品質を保ちながら件数を増やすことで、初めて「実績の厚み」が伝わります。
撮影から掲載までを仕組み化すれば現場の負担は最小限になる
撮影チェックリストを作成して現場に配布する
施工写真の品質がバラつく最大の原因は、「何を撮ればいいか」が現場に共有されていないことです。撮影チェックリストを作成し、現場に配布するだけで写真の品質と枚数は安定します。
チェックリストに含めるべき項目は以下のとおりです。
- 施工前（ビフォー）の全体・中景・アップを撮影したか
- 施工中の作業風景を撮影したか
- 施工後（アフター）の全体・中景・アップを撮影したか
- 現場は片付いた状態で撮影したか
- 個人情報（表札・ナンバープレートなど）が映り込んでいないか
- 逆光になっていないか・暗すぎないか
チェックリストはA5サイズのカードに印刷して、現場の道具箱に入れておくと忘れにくくなります。施工完了報告と一緒に写真を提出するルールにすれば、「撮り忘れ」もなくなります。
写真の加工・アップロードは担当者を固定する
現場で撮影した写真のリサイズ・圧縮・明るさ補正・WordPressへのアップロードといった一連の作業は、担当者を固定するのが効率的です。複数人が各自の判断で加工・アップロードすると、品質にバラつきが出ます。事務スタッフの中から1人を写真担当に任命し、加工のルールと手順を共有しておけば、安定した品質で施工事例を量産できます。
写真の加工に使えるツールは高額なソフトを購入する必要はありません。無料ツールだけで十分対応できます。
| 用途 | 無料ツール | 特徴 |
|---|---|---|
| リサイズ・基本補正 | Windows フォトアプリ / Mac プレビュー | OS標準搭載、追加インストール不要 |
| 画像圧縮 | TinyPNG / Squoosh | ブラウザ上で動作、ドラッグ&ドロップで完結 |
| 一括リサイズ | 縮小専用。/ Ralpha | 複数枚を一括で同じサイズに変換 |
| 明るさ・色補正 | GIMP / Canva | 本格的な画像編集も可能 |
月に1回の更新を習慣にする
施工事例の更新は「たまったら載せる」ではなく、「月に1回、定期的に追加する」というルールにすると継続しやすくなります。毎月第1月曜日に先月分の施工事例をまとめてアップロードする、といった具体的な日程を決めておくのが効果的です。
定期的に施工事例が更新されているサイトは、Googleのクローラー（検索エンジンの巡回プログラム）が頻繁に訪問するようになり、SEO効果も高まります。逆に、半年以上更新がないサイトは「放置されたサイト」と判断され、検索順位が徐々に下がる傾向にあります。更新頻度そのものが検索順位に直接影響するわけではありませんが、新しいコンテンツが継続的に追加されることは検索エンジンからの評価にプラスに働きます。
施工事例の写真で競合他社と差がつく具体的な工夫
写真にキャプション（説明文）を添えると理解度が上がる
写真の下にキャプション（短い説明文）を添えるだけで、閲覧者の理解度は大きく向上します。「外壁塗装 施工前 チョーキング（塗膜の劣化で白い粉が手につく状態）が発生」「下塗り完了後の状態 密着性を高めるためにシーラーを使用」といった説明があれば、見込み客はその会社の技術力と丁寧さを実感できます。
WordPressの標準機能で画像にキャプションを設定できるため、追加のプラグインは不要です。キャプションの有無は、同じ写真でも与える情報量に大きな差を生みます。（写真だけ見せて「どうだ、すごいだろう」では、素人には何がすごいのか伝わりません）
お客様の声と一緒に掲載すると問い合わせ率が上がる
施工事例に「お客様の声」を添えると、閲覧者の問い合わせへのハードルが下がります。「相談してよかった」「仕上がりに満足している」「対応が丁寧だった」といった生の声は、どんなきれいな写真よりも強い説得力を持ちます。
お客様の声を集める方法は、施工完了時にアンケート用紙を渡す、後日メールで感想を聞く、Googleの口コミに投稿をお願いする、といったシンプルな方法で十分です。手書きのアンケート用紙をスキャンして掲載する方法も、信頼性が高く効果的です。
写真の管理体制を見直さないと「せっかくの実績が無駄」になる
施工事例の写真は、撮影して掲載するだけではなく、元データの保管体制も重要です。スマートフォンの故障や機種変更で撮影データが消えてしまったという相談は少なくありません。撮影した写真は、Google DriveやDropboxなどのクラウドストレージに自動バックアップされる設定にしておくべきです。
また、写真のファイル名を「IMG_0234.jpg」のまま管理していると、後から目的の写真を探し出すのに膨大な時間がかかります。ファイル名を「2024-03_gaiheki-tosou_setagaya_before_01.jpg」のように、日付・施工内容・エリア・ビフォーアフター・連番を含む命名規則で統一するだけで、管理効率は格段に上がります。
中小企業のホームページにおいて、施工事例は「最も見られるコンテンツ」であると同時に「最も手を抜かれているコンテンツ」です。写真のクオリティと掲載方法を見直すだけで、ホームページ全体の印象が変わり、問い合わせにつながる確率は確実に上がります。「いい仕事をしている」のに、写真の見せ方が下手で競合に負けている企業は、弊社の経験上、非常に多いです。
最後に
施工事例の写真は、撮影・加工・掲載・管理の
Web管理では、施工事例ページの改善や写真の最適化を保守・運用の一環として対応しています。「撮影した写真を送るだけ」で施工事例の更新を丸ごと任せることも可能です。画像の圧縮・リサイズ・WordPressへのアップロード・テキストの作成まで、まとめて代行します。「施工事例を充実させたいが時間がない」「写真の加工方法がわからない」というご相談も歓迎です。まずはお気軽にお問い合わせください。
