ウェブサイトのトップページからコンバージョン率を上げるにはどうしたらよいですか？

ウェブサイトへの集客には多くの努力が必要ですが、例えば、その努力を無駄にしないためには、検索エンジン最適化（SEO）対策が必要です。しかし、トップページが十分にアピールできていなければ、せっかくの努力も無駄になってしまいます。例えば、トップページの背景画像がぼやけていたり、CTA（コール・トゥ・アクション）ボタンが無造作に置かれていると、直帰率が高くなります。

私たちStrikinglyは、トップページが第一印象においていかに重要であるかを十分に理解しています。しかし、Eコマースの場合、トップページの第一印象だけでは、ウェブサイトの成功を保証することはできません。その上で、事業の概要、製品の価値、訪問者との直接的なコミュニケーションなどを確保する必要があるのです。理想的なトップページは、訪問者とビジネスをつなぐ架け橋となるようにデザインされています。

概要

トップページとは？
トップページの重要性
トップページ制作の最適な戦略

トップページとは？

ウェブサイトのトップページの重要性と戦略について学ぶ前に、ウェブサイトのトップページとは何かを知っておく必要があります。トップページは、実はデフォルトのページ、つまりWebサイトの最初のページのことです。訪問者が特定のウェブサイトに入ったとき、最初に目にするのはそのウェブサイトのトップページです。トップページを適切に管理することで、Webサイト制作者はWebサイト利用者にさまざまな体験をさせることができます。 Strikinglyでウェブサイトを作成すると、ウェブサイトのルートディレクトリにそのトップページが表示されます。

トップページでは、ユーザーがサイトに入ってから何をすべきかを知ることができます。本サイトでは、「お問い合わせ」、「会社案内」、「ミッションステートメント」、「サービス」などのユーザー向けナビゲーション要素を提供しています。サービス」等また、トップページでは、なぜこのサイトが作られたのかをイメージできるような画像やビジュアルをユーザーに提供しています。

ウェブサイトの重要性

1.コンバージョン率の向上

Strikinglyのユーザーのサイトから受けた画像

トップページのデザインを工夫することで、トップページのコンバージョン率を上げるきっかけになります。なぜなら、サイトに訪問者を集めても、彼らが望むコンテンツを提供しなければ、いずれは去ってしまうからです。ウェブサイトにCTAボタンを設置し、訪問者がウェブサイトを選択する前に何をすべきかを知ることができます。

例えば、ECサイトを立ち上げた場合、CTAボタンはおそらくECショップに誘導し、そこで商品の購入を開始させることになるでしょう。さらに、コンバージョン率を高めるために効果的なウェブサイトロゴやバナーを作成することができます。 Web制作者の中には、Webサイト名とロゴを一緒にして、ブランドアイデンティティとしている人もいるようです。

2.ブランド・アイデンティティの構築

Strikinglyでは、ブランドの個性を重視した事例を見ることができます。ブランドマネジメントを行うことで、競合他社に差をつけることができるようになります。強いブランドイメージの構築は、訪問者の目に企業の印象を残すことを可能にします。

先ほど述べたブランドの個性は、Webサイトのロゴ、背景画像、配色、ナビゲーション要素など、Webサイトのさまざまな要素も含んでいます。トップページの「会社案内」には、トップページの背景や提供するサービスの種類などを記載します。訪問者が何か質問をしてきたら、コメントを残せる場所を作り、直接対話ができるようにするとよいでしょう。

Strikinglyのトップページの例

1.エミリー・ペン

StrikinglyのEmily Pennのトップページは、間違いなく最高のデザインのトップページの一つです。海や未来の社会に関する問題の講演やコンサルタントとして、このサイトはすべてエミリー・ペン自身によるものです。サイトに入ってみると、エミリー・ペンがいかに影響力のある人物であるかがわかります。インフルエンサーとして、社会が日々直面している課題への意識を高めています。ウェブサイトでは、エミリーの物語を紹介するビデオもご覧いただけます。

トップページ

Strikinglyのユーザーのサイトから受けた画像

2. Unlocked Capital

Strikinglyのベストトップページの例を見たいなら、帰国子女が作ったビジネスの成功を支援するための資金調達サイト、Unlocked Capitalは外せません。帰国子女が起業できるように、奨学金、指導、ネットワークなどをユーザーに提供します。他のStrikinglyのウェブサイトと同様に、Unlocked Capitalもユーザーに対して様々なナビゲーション要素を提供しています。

トップページ制作の最適な戦略

1.適切な背景画像

Strikinglyのサイトで紹介されている例をクリックすると、そのほとんどが素晴らしいトップページを持っていることがわかります。このようなトップページは、訪問者にとって非常に魅力的です。魅力の大きな要素は、トップページの背景画像です。背景画像は、画面に表示されたときに最も目を引く画像です。それは、ビジネス、ブランド、そしてすべてを象徴するものです。

Strikinglyでウェブサイトを構築する場合、背景画像はトップページデザインのほとんどのスペースを占めると思われます。背景画像はビジネスによって異なります。スマホで撮った写真である必要はなく、アニメーションや3D写真、GIFでもかまいません。

2. CTAボタン

Strikinglyのユーザーのサイトから受けた画像

また、CTAボタンはトップページのデザインで最も重要な要素のひとつです。先にも述べたように、CTAボタンは訪問者に方向性を示すものです。このボタンをクリックすることで、サイト内で何をすべきかを理解することができます。フィットネスサイトに行けば、CTAボタンでフィットネス指導を受けられるかもしれません。

通常、CTAボタンは1つで十分です。CTAボタンが多すぎると、訪問者を混乱させる可能性があります。 CTAテキストを選ぶ際には、もう少し工夫が必要です。 CTAボタンに「ダウンロード」の文字を入れても、トラフィックの獲得は期待できないのでは？

3.良い配色

トップページのデザインは、コンバージョン率やサイト訪問者だけに関係するものであってはならないのです。トップページのデザインを成功させるには、特定のカラースキームを選択する必要があります。適切な配色は、訪問者を喜ばせるだけでなく、より長くウェブサイトを利用する理由にもなります。

結論

Strikinglyの商品から受けた画像

もし、ウェブサイトに最高のトップページデザインを作りたいのであれば、ウェブサイトのトップページの設定方法の公式を暗記する必要はありません。Strikinglyが示した例は、多くの類似した要素を持っていますが、上に挙げたトップページの例のように、考え方は異なっています。ウェブサイトを大胆にデザインすることは、良い戦略です。