キービジュアル(メインビジュアル)とは

key visual eyecatch

キービジュアル(メインビジュアル)について説明します。

 

キービジュアルとは

 キービジュアルとはそのサイトの核となるイメージ画像のことを指します。キービジュアルによってそのサイトのイメージが大きく変わるためキービジュアルは重要な要素の1つであるといえます。メインビジュアル、あるいはタイトルバナーなどとも呼ばれています。

 

村上農園

 

例1:村上農園

 キービジュアルは[写真やイメージ画像など]と[文字や数字など]を組み合わせたものが一般的です。サイトの訪問者に視覚で訴えたい場合は写真などを全面に押し出すキービジュアルを用います(例1)。フレッシュな野菜の写真が全面に押し出されていて、中央に控えめにキャッチコピーがあります。このキービジュアルは画像とキャッチフレーズもマッチしていてユーザーに上手くアピールしていますね。

 

FeedPing

 

例2:Feedping

 またサイトの訪問者に実績や結果などの数字で訴えかけたい場合は数字を強調したキービジュアルを用います(例2)。実際に配信された記事数や登録ブログ数などの数値を具体的に盛り込んだキービジュアルです。やっぱり具体的な数字を出されると説得力が増しますね。しかしこの数字は変わっていくのでそこにも対応しなければいけませんね。

キービジュアルの参考になるサイト

  • MAIN VISUAL collection
  •  キービジュアルの例の一覧が分かりやすく紹介されています。色や、キービジュアルのイメージ(かっこいい、かわいい、スタイリッシュなど)で絞り込んで検索できます。

  • WEBデザインのメインビジュアルまとめ
  •  こちらも同様にキービジュアルの例が紹介されていますが、こちらのサイトでは「職業のカテゴリー」で検索することができるので便利です。

     

    参照元:

    この記事は役に立ちましたか?シェアして頂けると嬉しいです!

    ジャックアンドビーンズ

    →【無料】このような記事を定期的に読みたいと思いますか?

    【もっとwebマーケティングを学びませんか??】
    毎週水曜夜8時に魅力的な最新記事を受け取る!
    グロースハックのノウハウを見逃さない
    コンバージョン率を上げる情報を手に入れる!

    ※ブログの情報はこちらでも配信しています!

    follow us in feedly

    J&B Laboの関連記事

    emphasis snippet_eyecatch

    強調スニペットとは

    ...

    記事を読む

    glossary yahoo promotion ad eyecatch

    初心者は必見!Yahoo!プロモーション広告を知ろう

    ...

    記事を読む

    glossary bounce rate eyecatch

    【高い≠悪い!?】直帰率を正しく理解しよう!

    ...

    記事を読む

    view-impression-eyecatch

    ビューインプレッションとは

    ...

    記事を読む

    search partners eyecatch

    検索パートナーとは

    ...

    記事を読む

    この記事をシェアする

    J&B Laboの新着記事