トップページ画像の作り方

恐らくほとんどの会社HPのトップに、ドン！と会社・商品・サービスのイメージを表現した画像が掲載されているかと思います。メイン画像とかメインビジュアルバナーとかメインイメージとか、トップメインイメージとか言い方はいろいろあります。この画像は考えれば考えるほど難しいものなのです。

僕も今まで自社のホームページを10年以上運営してきて、何度このトップページのメイン画像を変えたか分かりません。例えばあなたが観光地で自家製の手作りお菓子を販売しているとしましょう。ホームページのメイン画像にどのようなイメージ写真を掲載しますか？少し考えてみてください。

トップページに関しては動画でも解説しています

ホームページに期待する目的によって大きく変わってきますよね。
目的と照らし合わせてみましょう。例えば、下記3つの目的例考えてみます。

お店で買って食べ歩きをして欲しい場合　→　カップルや女性のグループ・家族連れがそのお菓子をその観光地で食べ歩きしている写真を配置する。

お土産物として買って欲しい場合　→　折箱に入ったお菓子、包装紙、包み紙を開けて笑顔になっている人の写真を配置する。

店舗内のカフェで食べて欲しい場合　→　カフェの外観や内装、実際にカフェで提供されるお菓子をカフェ内で食べている写真を配置する。

同じ商品を売るにしても、目的に応じてイメージ写真はこのように変える必要があります。

また、目的に応じて見せ方を変えた方が、訪問者にわかりやすく訴求できるとことも理解していただけると思います。これは目的がはっきりしていて分かりやすい例なのですが、自社が伝えたいイメージと訪問者が知りたい内容がピタッと一致していることは意外と少ないのではないでしょうか？

目的と合致した、しっくりくるメイン画像のイメージに行きつかず、何度も試行錯誤を繰り返しながら、成果が出そうなイメージに手探りの中で修正していく方法になっていると思います。

ここで弊社の場合、どのように考えているかを書いてみます。弊社ホームページのメイン画像も、大きく分けて過去10年で3つのパターンに分けられます。

運営初期の頃・・・メインの画像に風景を使い、その風景にキャッチコピーとしてサービス内容を列記。

運営5年頃・・・お客様の許可を得てお客様と一緒に撮った写真をたくさんメインビジュアル画像に配置。お客様と良好な関係が築けていることが一目でわかるように、またそんなイメージを訪問者の方に持って欲しいという思い。

運営10年頃・・・自分の顔写真を大きく掲載。近年、商品やサービスを「誰から買うのか」が重視される中、人を全面的に出すことで信用を獲得していきたいという狙い。個別対応で親身になってあなたのお手伝いをしますというイメージを持ってもらいたい、と考えるに至った。

もちろん画像の上に乗せているキャッチコピーも試行錯誤し続けています。最近までは「ホームページ」と謳っていたのですが、最近ではホームページを「WordPress」で作ることが多くなってきているので、より目的を絞り込むために、WordPressという表現に変えました。今はWordPressという言葉に変えたことによる影響を数字で計測中です。

メインビジュアルバナーは、画像とキャッチコピーが1セットで表現できる部分ですが、ここは本当に色々考えた方が良いです。作ってしまうとそのままずっと放置状態になりがちですが、社会や業界環境は常に進化し動いています。本当に自社で達成したい目標を、的確に分かりやすく表現できているかどうか、もう一度検証し直しましょう。

ホームページの第一印象となるトップページのメインビジュアル画像はどんどん試行錯誤し、修正し変えていけばいいのです。一時的に改悪になっても良いので、とにかく良いと思うものに修正変更していく、ホームページ運営ではその行動力を持ち続けて欲しいと思っています。

Follow me!

@atsu_yamaguchi

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

山口 敦

代表取締役 ： 株式会社ウェブロード

毎日のように全国各地からいただく色々な中小・小規模事業者様のWebサイト運営・改善方法や、ホームページに関する問題点について、Web活用アドバイスのメールのご返信をしています。もちろん無料ですし、やり取りは1回で完結します。 様々な事業者様のWebサイト活用のお悩みや問題点を知ることで、弊社クライアントの制作・運営に活かせて頂いております。Win-Winの関係ですので、ご遠慮無くメールフォームからご質問ください。　プロフィール

最新記事 by 山口 敦 (全て見る)

• ブログ過去記事の削除は継続的に行う - 2021年7月8日
• 【第300回】サロンや塾HPのコンテンツ具体例「事業者向けWeb集客塾」 - 2021年6月29日
• 専門家はWebサイト改善の際にどこをチェックするか？ - 2021年6月28日
• 直帰率とページ滞在時間の落とし穴 - 2021年6月28日
• よくあるご質問と回答一覧 - 2021年6月15日

WordPress作成講座の動画一覧

WordPressの作成や運用方法の講座【40代以上初心者向け「ワードプレス作成講座」】をYou Tubeの弊社チャンネル内で開講しております。WordPressに関心のある方はこちらからチャンネル登録（無料）を行っておいてくださいね。

こちらの関連記事も読まれています

じっくり制作プラン(ホームページ制作費)のお見積り 新規集客したい場合のホームページ制作会社の選び方 【初めての方向け】通販サイトの作り方 WordPressの予約システム(MTS Simple Booking)を無料で導入する方法 写真ギャラリーサイトの簡単な作り方 HP制作を外注したほうが良い場合とは 既存のHTMLサイトをWordPress化する方法