シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ウェブサイトのウェルカムページの書き方(+例) 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

私が初めてウェブサイトを作ったとき、ウェルカムページがどれほどの人の体験を形作ることができるのか想像もつきませんでした。しかし、あなたのサイトが印象を与えるのにわずか50ミリ秒しかないことがわかった。

だからこそ、ウェブサイトのウェルカムページの書き方を学ぶことは重要なのです。ウェルカムページは、訪問者が最初に目にするページです。素晴らしいウェルカムページは、訪問者にくつろぎを感じさせ、その場を離れさせない。弱ければ?訪問者は数秒で去ってしまうでしょう。

このガイドでは、読者とつながり、信頼関係を築き、人々が行動を起こすようそっと後押しするウェルカムページの具体的な作り方を紹介します。そして、あなたが始めるのに役立ついくつかの実例を紹介します。

クイック・サマリー:ウェブサイトのウェルカム・ページの書き方

これらのステップを踏むことで、新しい訪問者を歓迎し、信頼を築き、コンバージョンを高めることができる。

ウェルカムページとは?

ウェルカムページは、訪問者があなたのウェブサイトに到着したときに最初に目にするページです。通常はトップページで、訪問者の旅の出発点となります。あなたのウェブサイトの紹介と考え、訪問者にあなたが何者で、何を提供しているのかを簡単に説明します。

ウェルカムページにはいくつかの種類がある:

  • ホームページのウェルカムページ:これは最も一般的なタイプで、ホームページがサイトのメインのウェルカムページとして機能します。
  • スプラッシュページ:プロモーションや告知によく使われます。
  • 近日公開ページ:ウェブサイトがまだ構築中である場合、近日公開のページは、立ち上げへの興奮を高めるためのプレースホルダとして機能します。

どのタイプであっても、ゴールは訪問者を迎え入れ、興味を喚起し、さらにウェブサイトへと誘導することです。

なぜウェルカムページが重要なのか?

ウェルカムページは訪問者が最初に目にするものなので、しっかりとした第一印象を与えることが重要です。あなたのビジネスが何なのか、なぜ訪問者が関心を持つべきなのかを即座に伝える必要があります。

優れたデザインのウェルカムページは、見た目だけではありません。明確な方向性を示し、訪問者を必要な情報へと導きます。この情報とは、製品、サービス、連絡先など、あなたのビジネスに欠かせないものです。

ウェブサイトのウェルカムページの書き方

訪問者が探しているものをすぐに見つけることができれば、ウェブサイトにとどまり、さらに探索し、最終的に顧客になる可能性が高くなります。

明確で魅力的なウェルカムページがあれば、潜在的な顧客を、あなたが提供するものを見てもらう前に失うことを避けることができる。

ウェルカムページの作り方:必須要素

WordPressウェブサイトのウェルカムページの作成は複雑である必要はありません。多くの方法がありますが、WordPressランディングページビルダーを使用するのは最も簡単な方法の一つです。

しかし、すべてのページビルダーが同じように作られているわけではありません。不格好で使いにくいものもある。だからこそ、私はSeedProdをお勧めする。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdの軽量なドラッグアンドドロップビルダーと既製のランディングページテンプレートにより、コーディング不要で誰でも簡単に魅力的なウェルカムページを作成することができます。

プラグインをダウンロードした後、SeedProdをウェブサイトにインストールするための簡単なガイドに従ってください。

オーディエンスを知る

SeedProdを開いたり、キャッチーな見出しを考えたりする前に、読者について考えてみましょう。

ある専門家が指摘しているように、「環境に関心のある人」というような漠然としたオーディエンスは広すぎます。

ターゲットオーディエンスの見つけ方 reddit

次の質問を考えてみよう:

  • 人口統計:理想的な訪問者の年齢層は?どこに住んでいるのか?職業は?
  • 趣味と問題点:彼らの趣味や関心事は何か?あなたのウェブサイトが解決できる問題や課題は何ですか?
  • ゴールあなたのウェブサイトを訪問することで、彼らは何を達成したいのでしょうか?情報を求めているのか、エンターテイメントを求めているのか、それとも購入を目的としているのか?

ターゲット・オーディエンスを理解することで、彼らに直接語りかけるウェルカム・ページを作成することができます。メッセージを調整し、適切なビジュアルを選択し、彼らのニーズや願望に共鳴する行動を呼びかけるのに役立ちます。

読者をリサーチしたら、ウェルカムページを作成する準備が整いました。WordPressでランディングページを作成する方法については、こちらのステップバイステップガイドをご覧ください。

特定のタイプのウェルカムページについては、以下のガイドも参照してください:

見出しで読者を引っ掛ける

ヘッドラインは一瞬で訪問者の注意を引きます。訪問者が最初に目にするものであり、あなたのサイトを訪問するかどうかの決断を左右します。価値を伝え、訪問者にもっと知りたいと瞬時に思わせる必要があります。

単に特徴を列挙するのではなく、ベネフィットに焦点を当てましょう。あなたの製品やサービスは、彼らの生活をどのように楽に、良く、楽しくしてくれるでしょうか?

ウェルカムページの見出し例

要点を端的に伝えるシンプルな言葉を使い、10語前後で簡潔にまとめましょう。以下は、あなたの創造力を刺激するいくつかの例です:

  • 御社へようこそ] - [御社独自の価値提案](例: Acmeへようこそ - 私たちはプロジェクト管理を簡単にします)
  • 貴社の製品/サービス】でビジネスを変革する(例:AIを活用したマーケティングでビジネスを変革する

これらのランディングページの見出しの公式もチェックする価値がある。

他社との違いを説明する

見出しのすぐ後に、訪問者の暗黙の質問に答える必要がある:"私には何があるの?"

これは、あなたの独自の価値提案(UVP)、つまり競合他社とは一線を画す特別なソースをアピールするチャンスです。あなたは、他の誰よりもどのような問題を解決できますか?なぜ訪問者はあなたを選ぶべきなのか?

カメオ独自の価値提案
カメオのUVPの位置づけの一例

説得力のあるUVPを作るためのヒントをいくつか紹介しよう:

  • 特定の問題に焦点を絞る:万人に万能であろうとしないこと。その代わりに、ターゲットとする読者が最も気にかけている問題を1つ特定し、それをどのように解決するかを考えよう。
  • 強い動詞を使う:UVPは積極的で説得力のあるものにしましょう。手頃な価格のソリューションを提供します」ではなく、「品質を犠牲にすることなく、コスト削減をお手伝いします」と言いましょう。
  • 主張を裏付ける:大胆な発言をする場合は、証拠、データ、証言などで裏付けをしましょう。

例えば、Zoomの価値提案は明確で直接的だ。

ズームウェルカムページの価値提案

サービスの利点である使いやすさとアクセシビリティを強調している。これがZoomの急成長に貢献し、特にCOVID-19の大流行時には大きな反響を呼んだ。

CTAで訪問者を誘導する

コール・トゥ・アクション(CTA)のないウェルカムページは、レジのない店のようなもので、訪問者は見て回るかもしれないが、行動を起こす可能性は低い。

CTAは、訪問者に次に何をしてほしいかを正確に伝えるものです。それは明確で、説得力があり、ウェブサイトの目標に沿ったものでなければなりません。

一般的なCTAの種類をいくつかご紹介しましょう:

  • 今すぐダウンロード電子ブック、チェックリスト、テンプレートなどの無料リソースを提供するのに最適です。
  • さらに詳しく訪問者に商品、サービス、コンテンツをより詳しく調べるよう促します。
  • 始めましょう:サインアップ、無料トライアル、デモを促すのに最適です。
  • 無料サインアップ: Eメールリストの構築や無料プランへのユーザー誘致に最適です。

一般的なフレーズではなく、より具体的でアクション指向のCTAにしてみましょう。 

例えば、"Download Now "ボタンの代わりに、"Grab Your Free Ebook!"や "Get Your Checklist Now "のようなものを考えてみましょう。

コール・トゥ・アクションの例

もっと詳しく知る "を使うなら、"ソリューションを探る "や "仕組みを見る "のようなオプションでスパイスを加える。

CTAがページの他の部分より目立つようにしましょう。対照的な色を使い、フォントサイズを大きくし、注意を引くために周りに空白を追加することを検討してください。

この例では、SeedProdの「ボタン」ブロックとカスタマイズオプションを使って、CTAをポップなものにしました:

SeedProdウェルカムページCTAボタンのカスタマイズ

パワフルなビジュアルでエンゲージメントを高める

マサチューセッツ工科大学の神経科学研究によると、人間の脳は見た映像をわずか13ミリ秒で処理できるという。信じられない速さだ!

マサチューセッツ工科大学(MIT)教授で、この研究の上級著者であるメアリー・ポッターはこう説明する:

「これほど高速でそれができるということは、視覚が行っているのは概念の発見であることを示している。私たちが見ているものを理解しようとしているのです。

私たちは視覚的な情報に反応するようにできているため、ウェルカムページに強力なビジュアルを使用することは、訪問者の注意を引きつけ、興味を持続させるために不可欠です。ビジュアルを選ぶ際は、ターゲットとするオーディエンスと伝えたいメッセージを常に考慮しましょう。

高品質な製品写真は潜在顧客を魅了し、ライフスタイルの写真はオーディエンスが製品やサービスを利用する姿を思い描くのに役立つ。

商品写真イメージ

説明動画は、複雑なアイデアを説明したり、製品の機能を紹介したりするのに非常に効果的です。

ウェルカムページのエンゲージメントに関するビデオ例

実際、82%の人がビデオを見て製品やサービスを買うように説得されたことがある。

社会的証明で信頼を築く

考えてみてください。新しいレストランに行くとき、そのレストランが大勢のお客さんで賑わっていたり、友人が勧めてくれたりしたら、行ってみたくなりますよね?同じ原理がウェブサイトにも当てはまります。社会的証明は、訪問者の信用と信頼を築きます。

ウェルカムページにソーシャルプルーフを追加する方法をいくつかご紹介しましょう:

  • お客様の声満足した顧客からの熱いレビューを示す。顧客が経験した具体的な結果や利益を強調することを恐れないこと。
  • クライアントのロゴあなたの専門知識と経験をアピールするために、一緒に仕事をしたことのある有名企業のロゴを表示しましょう。
  • ケーススタディ成功事例をより深く掘り下げ、クライアントのために達成した課題、解決策、結果を概説します。
  • データと統計:共有できる印象的な数字(顧客満足度やウェブサイトのトラフィックなど)があれば、恥ずかしがらずに見せびらかそう。
ランディングページに証言を追加する
ワードプレスのウェブサイトにお客様の声を追加する方法をご紹介します。

社会的証明を加える場合は、常に信憑性を優先すること。偽の証言を使ったり、実績を誇張したりすることは避けましょう。本物であることは、オーディエンスとの真の信頼関係を築きます。

私は特にOptinMonsterのこの例が好きだ。彼らのウェルカムページにあるそれぞれの声は、より詳細なケーススタディにリンクしている:

ウェルカムページの社会的証明

選ぶソーシャルプルーフは、あなたのターゲットとするオーディエンスと、あなたが解決する問題に関連したものであることを確認してください。そして、訪問者が目にするウェルカムページの目立つところに表示することを忘れないでください。

ウェルカムページの例(そして、なぜそれが効果的なのか)

何から始めたらいいのかわからないという方もご安心ください。あなたのウェブサイトのウェルカムページの書き方を学ぶ最良の方法のひとつは、他の人がどのようにうまく行っているかを見ることです。

ここでは、プレローンチページ、ログインページ、ポッドキャストページ、メンテナンスページなど、ウェルカムページの実例から学ぶことができます。それぞれ、注目を集め、信頼を築き、訪問者が行動を起こすよう導く異なる方法を示しています。

プレローンチ・ウェルカム・ページ

プレローンチ・ウェブサイトのウェルカム・ページ

このローンチ前のウェルカムページは、それを的確に表現しています!明確な見出し、カウントダウンタイマー、魅力的な価値提案を組み合わせることで、立ち上げ前の興奮を生み出し、リードを獲得する。

目立つ "Notify Me "のCTAとクリーンでモダンなデザインは、さらにページの効果に貢献している。

メンテナンス歓迎ページ

メンテナンス・モードのウェルカム・ページ

このメンテナンスのウェルカムページは、訪問者に何が起きているのか、いつウェブサイトが復旧するのかを知らせるのに効果的です。単なる退屈なメッセージではなく、サイトが改善のために停止しており、すぐに戻ってくることを人々に安心させています。

カウントダウンタイマーは透明性を保ち、落ち着いた絵は待ち時間をより楽しいものにしてくれる。

ログインウェルカムページ

ログイン

このログインウェルカムページは、基本的なログインフォームの枠を超え、より魅力的な体験を提供します。フレンドリーなクマのマスコットが歓迎のタッチを加え、明確な見出しとわかりやすいフォームでユーザーが簡単にログインできるようになっています。

同時に、このページは魅力的な見出し、明確なメリット、目立つ「詳細」ボタンで新機能を宣伝している。

この例では、ログインページがユーザーエクスペリエンスを向上させ、価値ある機能を促進するために、機能性とマーケティングを効果的に組み合わせる方法を示しています。

ポッドキャスト・ウェルカム・ページ

ポッドキャスト・ウェルカムページ

このポッドキャストのウェルカムページは、あなたをすぐに引き込みます!ゲイリー・ヴェイナチャックのエネルギッシュなイメージと「購読はこちら」ボタンで、リスナーになるのはとても簡単です。最近のポッドキャストのエピソードをページで直接紹介するのは、すぐに価値を提供し、エンゲージメントを促す賢い方法です。

もっとインスピレーションを得たい方は、ウェブサイトのウェルカムメッセージ例をまとめてご覧ください。

ウェルカムページのコンテンツの書き方

必要な要素は揃いました。あとは、魅力的なコピーでウェルカムページに命を吹き込みましょう。一語一語が大切であることを忘れないでください。あなたのコンテンツは注目を集め、あなたの価値提案を明確に伝え、訪問者が行動を起こすよう優しく導くものでなければなりません。

適切なトーンと声を作る

一方は堅苦しくフォーマルな握手、もう一方は温かみのある本物の笑顔だ。どちらがより歓迎されていると感じますか?

ウェブサイト訪問者へのウェルカムメッセージを書くとき、言葉と同じくらい重要なのがトーンと声です。これらは全体のムードを作り、訪問者を即座にあなたのブランドに結びつけることができます。

友達に話すように書く。あなたのブランドのスタイルに合っていれば、日常的な言葉や短縮形、ユーモアも使いましょう。

ウェルカムページの良いコピーライティング例

大切なのは、親しみやすく、歓迎されることです。専門用語や専門的な用語、聴衆を遠ざけるような複雑すぎる表現は避けましょう。

何よりも、あなたのブランドの個性を文体で輝かせましょう。楽しくて遊び心がある?それともプロフェッショナルで権威的?ウェルカムページには、あなたのブランドの真のキャラクターを反映させましょう。

読みやすいコンテンツ構成

誰も、ウェブサイトを訪れて巨大なテキストの壁を見たくはないだろう。圧倒されるし、読みにくい!だからこそ、読みやすいようにコンテンツを構成することが重要なのです。

明確な見出しと小見出しを使いましょう。これは、ウェルカムページのコンテンツを整理し、読者を情報へと導くのに役立ちます。

ウェルカムページのコンテンツ構成

グーグル検索アドボケイトのジョン・ミューラーは言う:

「ページ上のテキストに関して言えば、見出しは、このページのこの部分がこのトピックに関するものであることを伝える、実に強力なシグナルである。

段落は短くしましょう。段落ごとに2~3文を目安にすると読みやすくなります。

そして、空白を恐れないでください。要素と要素の間に余白と間隔を加えることで、コンテンツがより視覚的に魅力的になり、威圧感がなくなります。

WordPressで余白を変更する
SeedProdsのブロック設定で、スペーシングとマージンを簡単に追加できます。

検索エンジンへの最適化

素晴らしいウェルカムページを作成しましたが、Googleなどの検索エンジンのことも忘れないでください。関連するキーワードでコンテンツを最適化することで、人々がオーガニックにあなたのウェブサイトを見つけることができます。

ご心配なく、それほど複雑ではありません。当然ながら、ウェルカムページ全体にあなたのビジネスや提供するサービスに関連するキーワードを織り込んでください。

ウェルカムページでキーワードを自然に使う

あなたの理想とする顧客が、あなたを見つけるためにGoogleに何を入力するかを考えましょう。見出し、小見出し、本文にそれらのキーワードを(やりすぎない程度に)使いましょう。

検索エンジンは、画像のaltテキストやウェルカムページのコンテンツの言い回しも見ています。画像には、関連キーワードを含む説明的なaltテキストを追加しましょう。

WordPressで画像のaltテキストを最適化する

これは、検索エンジンがあなたの画像の内容を理解するのに役立ち、検索順位を上げることができます。

より詳しい説明は、WordPress検索エンジン最適化ガイドをご覧ください。

ウェルカムページをテストして最適化する方法

ウェルカムページの作成は大きな一歩ですが、最高のパフォーマンスを保証することが重要です。継続的にテストを行い、ページを最適化することで、より良い結果を導くことができます。

A/Bテスト

A/Bテストでは、ウェルカムページをわずかに異なる2つのバージョン(バージョンAとバージョンB)を作成し、別々の訪問者グループに表示します。そして、どちらのバージョンがより多くのコンバージョン、サインアップ、またはあなたが設定したどのような目標につながるかを決定するために、主要な指標を追跡します。

スプリットテストの結果例

例えば、A/Bテストができる:

  • 見出し「無料相談を受ける」 vs. 「無料相談を予約する
  • 画像商品写真とライフスタイル写真
  • CTA:"今すぐ始める" vs. "無料で始める"

詳しくは、ランディングページのA/Bテスト方法に関するガイドをご覧ください。

追跡すべき指標

データに基づいた意思決定を行うには、主要業績評価指標(KPI)を注視しましょう。ここでは、ウェルカムページで追跡すべき重要な指標をご紹介します:

  • 直帰率:つのページ(この場合はウェルカムページ)を見ただけでサイトを去った訪問者の割合。直帰率が高いということは、あなたのページが十分に魅力的でないか、ターゲットオーディエンスの心に響いていない可能性があります。
  • クリックスルー率(CTR):CTAをクリックした訪問者の割合。CTRが低い場合は、CTAに十分な説得力がないか、最適な場所にない可能性があります。
  • ページ滞在時間:訪問者がウェルカムページに滞在する時間。ページ滞在時間が短いと、必要な情報がすぐに見つからない可能性があります。
  • コンバージョン率:訪問者が希望するアクション(購入、ニュースレターの登録、電子書籍のダウンロードなど)を完了した割合。

Google Analyticsは、直帰率、クリック率、コンバージョン率など、ウェブサイトのパフォーマンスに関する豊富なデータを提供する強力な(しかも無料の)ツールです。これらの指標を長期的に追跡し、改善点を特定するために不可欠です。

Google Analyticsレポート例

Google Analyticsを初めてご利用になる方は、WordPressにGoogle Analyticsを追加する方法をご覧ください。

そして、そのデータを理解する簡単な方法が必要なら、OnePageGAを試してみてください。

OnePageGA Google Analyticsダッシュボードの例

ビジネスを成長させるために必要な主要なGoogleアナリティクス情報のみを1ページに表示するシンプルなダッシュボードです。

ウェルカムページを書く 次へ

ウェルカムページは、新しい訪問者とつながる最初のチャンスです。優れたウェルカムページは、数秒で信頼を築き、訪問者をあなたの望む場所へ正確に導くことができます。

ここでご紹介したステップに従うことで、あなたのウェブサイトに効果的なウェルカムページを書く方法がお分かりいただけたと思います。新しいサイトを立ち上げる場合でも、古いサイトをリニューアルする場合でも、第一印象を個人的で、親切で、意図的なものにすることができます。

もしあなたがWordPressを使っていて、コードを触らずにウェルカムページを作りたいなら、SeedProdを試してみてください。シンプルで、視覚的で、初心者にやさしい。

そして、ページが公開されたら、テストし、微調整し、時間の経過とともにそのパフォーマンスを追跡することを忘れないでください。小さな変化でも、大きな結果につながることがあります。

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。