50ミリ秒で成果を出すウェルカムページの書き方

ウェブサイトを初めて構築したとき、ウェルカムページが訪問者の体験をどれほど形作れるか全く知りませんでした。しかし、あなたのサイトには、瞬きよりも速い50ミリ秒しか印象を与える時間がありません。

だからこそ、ウェブサイトのウェルカムページの書き方を学ぶことが重要です。素晴らしいページは、訪問者に安心感を与え、滞在する準備をさせます。一方、弱いページはどうでしょうか？訪問者は数秒で離れてしまいます。

このガイドでは、ターゲットオーディエンスとつながり、信頼を築き、行動を促すウェルカムページを正確に作成する方法を説明します。また、すぐに始められるように、実際の例も共有します。

ウェルカムページとは？

ウェルカムページは、訪問者がウェブサイトにアクセスしたときに最初に目にするページです。通常はホームページであり、訪問の出発点であり、あなたが誰で、何を提供しているのかを簡単に紹介します。

いくつかの異なるタイプがあります。

• ホームページのウェルカムページ: 最も一般的なタイプで、ホームページがメインのウェルカムページを兼ねています。
• スプラッシュページ: プロモーションや発表のために、素早く注意を引くように設計されています。
• 近日公開ページ: あなたのサイトがまだ建設中の場合、近日公開ページはローンチへの期待を高めるためのプレースホルダーとして機能します。

どのタイプであっても、その役割は同じです。訪問者を歓迎し、興味を引き、彼らが必要とする情報（製品、サービス、連絡方法など）へと導きます。人々が求めているものを見つけられれば、滞在し、探索し、顧客になる可能性がはるかに高くなります。

しかし、ここでつまずく人がいます。ウェルカムページとランディングページを混同するのは簡単で、その違いは一言書く前に重要になります。

ウェルカムページ vs. ランディングページ vs. ホームページ

これら3つは常に混同されており、間違った目的のために間違ったものを書くことは、訪問者を失う最も速い方法です。ここに明確な違いがあります。

• ウェルカムページはあなたの一般的な玄関です。 到着したすべての人を歓迎し、あなたが誰であるかを説明し、人々をサイトの奥へと送り出します。それは同時に多くの目標を果たします。
• ランディングページには1つの仕事があります。単一のキャンペーンまたはアクションのために構築され、通常はメニューがなく、CTAが1つだけなので、訪問者はコンバージョンするか離脱します。ここに有料トラフィックやメールリンクを送信します。
• ホームページはウェルカムページの一種です。ホームページが訪問者にとって最初に目にするものである場合、それはあなたのウェルカムページです。すべてのウェルカムページがホームページであるわけではありませんが、ほとんどはそうです。

このガイドの残りの部分は、ページ自体の構築と構造に焦点を当てています。代わりに正確なコピーと挨拶の言葉が必要な場合は、メッセージサイドで12以上のウェブサイトウェルカムメッセージの例を詳しく説明しています。

ウェルカムページの作成方法：必須要素

WordPressでウェルカムページを作成するのは複雑である必要はなく、コードを一行も触る必要はありません。最も簡単なノーコードパスはWordPressランディングページビルダーであり、デフォルトのエディターよりも多くの制御を提供します。

ただし、すべてのビルダーが同じではありません。一部は扱いにくく、遅いです。だからこそ、私が自分のサイトのすべてのページを構築するために使用しているドラッグアンドドロップのウェブサイトビルダーであるSeedProdをお勧めします。

SeedProdの軽量ビルダーと既製のランディングページテンプレートにより、コーディングなしで誰でも簡単にウェルカムページを構築できます。プラグインをインストールしたら、サイトへのSeedProdのインストール方法に関するガイドに従ってください。

オーディエンスを知る

SeedProdを開いたり、見出しを1つブレインストーミングしたりする前に、誰のために書いているのかを考えてください。すべての人に語りかけるウェルカムページは、誰にも響きません。

ある専門家が指摘するように、環境に関心のある人々のような曖昧なオーディエンスは広すぎます。特定のセグメントに絞り込む必要があります。

何かを書く前に、私は3つの簡単な質問を検討します。

• 人口統計:理想的な訪問者の年齢層は？どこに住んでいますか？何をしていますか？
• 興味とペインポイント:あなたのサイトが解決できる彼らが直面している問題は何ですか？
• 目標:彼らは情報、エンターテイメント、または購入のためにここにいますか？

オーディエンスを知ることで、メッセージを調整し、適切なビジュアルを選択し、実際に効果のある行動喚起を書くことができます。準備ができたら、WordPressでランディングページを作成する方法に関するガイドで手順を説明します。

特定のページタイプについては、これらのガイドも役立ちます。

• 起動前： 近日公開ページを作成する方法
• フロントページ： WordPressのホームページを編集する方法
• 登録ユーザー： ログインページをカスタマイズする方法

見出しで読者を引きつける

あなたのヘッドラインは注意を引くために一瞬しかなく、人々が最初に読むものです。それは価値を伝え、訪問者がさらに読み進めたくなるような好奇心をかき立てる必要があります。

機能のリストアップではなく、メリットに焦点を当ててください。あなたの製品やサービスは、彼らの生活をどのように楽にしたり、より良くしたりしますか？

平易な言葉を使い、要点を押さえ、約10語にまとめます。アイデアを刺激するためのいくつかの例：

• [あなたの会社]へようこそ、[あなたの独自の価値提案]:「Acmeへようこそ、私たちはプロジェクト管理を簡単にします。」
• [あなたの製品]で[あなたの成果]を変革しましょう:「AI搭載ツールでマーケティングを変革しましょう。」

私がこれらを書いてきて学んだ一つのことは、見出しのトーンがページ全体を決定するということです。硬くフォーマルな言葉遣いはプレスリリースのようになり、温かく平易な言葉遣いは人のように読めます。ドアで誰かに挨拶するような話し方をし、ブランドの個性を表に出しましょう。

行き詰まったら、これらのランディングページの見出しの公式を見てみる価値があります。

あなたを差別化するものを説明する

見出しのすぐ後に、訪問者の心の中の疑問「私にとって何があるの？」に答えてください。

ここに、あなたのユニークな価値提案（UVP）があります。それは、あなたを際立たせるものです。あなたは誰よりも優れた問題をどのように解決し、訪問者はなぜあなたを選ぶべきなのでしょうか？

効果的なUVPのためのヒントをいくつかご紹介します：

• 1つの問題に集中する： 聴衆が最も関心を持っている単一の問題と、それをどのように解決するかを特定します。
• 力強い動詞を使う： 「私たちは手頃な価格のソリューションを提供します」と言う代わりに、「品質を犠牲にすることなく、あなたのお金を節約するお手伝いをします」と言いましょう。
• 主張を裏付ける： 大胆な発言をデータや推薦文でサポートします。

Zoomの価値提案は、明確で直接的な例です。

それは、利便性、使いやすさ、アクセシビリティを強調しており、パンデミック中のZoomの急速な成長を後押しするのに役立ちました。

CTAで訪問者を誘導する

ウェルカムページにコールトゥアクション（CTA）がないのは、レジのないお店のようなものです。人々は見て回るだけで、何もせずに立ち去ります。

CTAは、訪問者に次に何をすべきかを正確に伝えます。明確で、魅力的で、あなたの主な目標に関連している必要があります。

一般的なタイプをいくつかご紹介します：

• 今すぐダウンロード： 電子書籍、チェックリスト、テンプレートなどの無料リソースに適しています。
• 詳細はこちら： 製品やコンテンツの探索を促します。
• 始める： サインアップ、無料トライアル、デモに最適です。
• 無料でサインアップ： メールリストの作成や無料プランに最適です。

言葉遣いを具体的にしましょう。「今すぐダウンロード」の代わりに、「無料電子書籍をゲット」や「今すぐチェックリストを入手」としてみましょう。「詳細はこちら」の代わりに、「ソリューションを探る」や「仕組みを見る」としてみましょう。

対照的な色、大きなフォント、周囲の余白を使って、ボタンを目立たせましょう。この例では、SeedProdのボタンブロックを使用してCTAを際立たせました。

力強いビジュアルでエンゲージメントを高める

MITの神経科学の研究によると、脳はわずか13ミリ秒しか見ていない画像も処理できるとのことです。私たちは視覚に反応するようにできているため、主任研究員のメアリー・ポッターは、視覚は脳が概念を高速で見つける方法であると述べています。

したがって、ウェルカムページでの力強いビジュアルは、注意を引くために不可欠です。常に、聴衆とメッセージを念頭に置いて選択してください。

高品質な製品写真はバイヤーを魅了し、ライフスタイル写真は人々が提供するものを利用している自分自身を想像するのに役立ちます。

説明動画は、複雑なアイデアや製品デモに効果的です。

実際、82％の人々が、動画を見て何かを購入する決断をしたことがあると答えています。

ソーシャルプルーフで信頼を築く

混雑しているレストランや友人の推薦があれば、新しいレストランを試す可能性が高くなります。ウェブサイトも同様です。社会的証明は、まだあなたを知らない訪問者との信頼を築きます。

追加するいくつかの方法：

• お客様の声：満足しているお客様からのレビューを表示します。可能であれば具体的な結果も示しましょう。
• クライアントロゴ：一緒に仕事をしたことのある有名な会社のロゴを表示します。
• 導入事例：課題、解決策、結果を含む成功事例を掘り下げます。
• データと統計：満足度や顧客数などの印象的な数字を共有します。

私が自分のページにお客様の声を追加する方法は次のとおりです。どのような方法を使用する場合でも、本物であることを確認してください。偽造または誇張された証明は簡単に見破られ、何もないよりも害になります。

私はOptinMonsterのこの例が好きです。各お客様の声が、より詳細な導入事例にリンクしています。

新規訪問者とリピーターでウェルカムメッセージをパーソナライズする

ほとんどのウェルカムページがまだスキップしている、最新のベストプラクティスをご紹介します。すべての訪問者に同じ挨拶を表示する必要はありません。

初めての訪問者は、あなたが誰であるかを知る必要があります。5回目に訪れる人は、それを知る必要はありません。

コンテキストに基づいてウェルカムメッセージを変更できます。複雑にする必要はありません。

• 新規訪問者：見出し、UVP（独自の価値提案）、および1つの明確な「ここから始める」アクションでリードします。
• リピーター：紹介をスキップし、新しい情報や中断した場所に誘導します。
• 紹介元または地域別：広告から来た訪問者が広告と同じ約束を見るように、コピーをどこから来たかに合わせます。

キャンペーンから来た人に対して見出しを切り替えるような小さな変更でも、ページがその人のために作られたように感じさせることができます。その認識が、最初の50ミリ秒を超えて読んでもらう原動力となります。

SeedProdでウェルカムページを作成する

要素がわかっても、それらを組み立てる必要があります。これはほとんどの人が立ち止まり、空白のWordPressエディターをじっと見つめるポイントです。

SeedProdで、ゼロからライブのウェルカムページを作成するためのワークフローをご紹介します。

空白のキャンバスからではなく、テンプレートから始めます。SeedProdの既製のテンプレートには、見出し、ヒーロー画像、CTAブロックがすでに適切な場所に配置されているため、構造を編集するのであって、発明するのではありません。

• 見出しとUVPを挿入する：既存のテキストブロックをクリックし、事前にマッピングしたオーディエンスとメリットに合わせて書き直します。
• ビジュアルを追加する：ヒーローを製品写真、ライフスタイル写真、または説明ビデオブロックに置き換えます。
• CTAを作成する：ボタンブロックを使用し、具体的な文言を書き、目立つように対照的な色を付けます。
• 間隔を追加する：ブロック設定でマージンを調整し、ページが窮屈に感じられないようにします。

ブロックをドラッグするとすべてがライブで更新されるため、推測するのではなく、実際のページが形作られるのを見ることができます。SeedProdの出力は軽量でもあるため、読み込みとランディングに50ミリ秒しかかからない場合に重要です。

ウェルカムページの例（そしてその理由）

どこから始めればよいかわからない場合は、すでにうまくいっているものを参考にしましょう。ウェブサイトのウェルカムページ作成方法を学ぶ最良の方法の1つは、他の人がうまくやっていることを見ることです。

ここでは4つの実際の例を紹介します。それぞれが注意を引き、信頼を築き、訪問者に行動を促すための異なる方法を示しています。

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

このプレローンチページは完璧です。明確な見出し、カウントダウンタイマー、強力な価値提案により、ローンチ前に期待感を高め、リードを獲得します。

目立つ「通知希望」CTAとクリーンでモダンなデザインが、残りをこなします。

メンテナンスウェルカムページ

このメンテナンスページは、訪問者に何が起こっているのか、いつサイトが復旧するのかを伝えます。退屈なエラーメッセージの代わりに、サイトが改善のためにダウンしていることを人々に安心させます。

カウントダウンタイマーは透明性を保ち、落ち着いた画像は待ち時間を楽にします。

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

このログインページは、基本的なログインフォームを超えています。フレンドリーなクマのマスコットが温かみを加え、明確な見出しとシンプルなフォームがログインを容易にします。

また、シャープな見出しと「詳細はこちら」ボタンで新機能を宣伝しており、ログインページが機能性とマーケティングをどのように組み合わせることができるかを示しています。

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

このポッドキャストページはあなたをすぐに引き込みます。ゲイリー・ベイナチャックのエネルギッシュな画像と「ここで購読」ボタンにより、リスナーになることが簡単になります。

最近のエピソードをページに直接表示することは、即座に価値を提供する賢い方法です。さらに多くのインスピレーションを得るには、ウェブサイトのウェルカムメッセージ例のまとめをご覧ください。

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

要素は揃いました。今度は、注意を引き、価値を明確に伝え、人々を行動に導くコピーでページに命を吹き込みましょう。

友達に話すように書きましょう。日常的な言葉、短縮形、そしてブランドに合えば少しユーモアを使いましょう。人々を最も早く失うのは、専門用語と硬い企業的な言い回しです。

正確な挨拶の言葉に助けが必要な場合は、ウェブサイトのウェルカムメッセージ例でコピー面を詳しくカバーしています。

読みやすいようにコンテンツを構造化する

私がレビューするほとんどのウェルカムページで同じ間違いを見ます。それは、一目で人々を怖がらせるような、密集したテキストブロックです。訪問者はまずスキャンし、次に読みます。そのため、構造がスキャンをサポートする必要があります。

明確な見出しと小見出しを使用してページを整理し、視線を誘導しましょう。

Googleのサーチアドボケイトであるジョン・ミューラーが言うように、「見出しは、このページの部分がこのトピックに関するものであることを私たちに伝える非常に強力なシグナルです。」

段落は短く、2〜3文程度にしましょう。そして、余白を恐れないでください。マージンと要素間のスペースにより、ページはより落ち着いて読みやすくなります。

検索エンジン向けに最適化する

優れたウェルカムページでも見つけてもらう必要があります。コンテンツの最適化を関連キーワードで行うことで、検索を通じて人々があなたを見つけやすくなります。

それは言うほど難しくありません。あなたのビジネスに関連するキーワードをページに自然に織り込みましょう。

理想の顧客がGoogleで何を検索するかを考え、その用語を（やりすぎない程度に）見出し、小見出し、本文に使用してください。

検索エンジンは画像のaltテキストも読み取るため、すべての画像に説明的なaltテキストを追加してください。

全体像については、WordPressの検索エンジン最適化ガイドをご覧ください。

ウェルカムページのテストと最適化方法

ページの構築は大きな一歩ですが、パフォーマンスを確保することが結果につながります。時間をかけてテストと調整を行うことで、まともなページが強力なページになります。

A/Bテスト

A/Bテストとは、ページのわずかに異なる2つのバージョン（AとB）を別々のグループに表示し、どちらがより多くコンバージョンするかを追跡することです。

たとえば、次のようなテストができます。

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

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

追跡する指標

データに基づいた意思決定を行うために、いくつかの主要な指標を監視してください。

• 直帰率: ウェルカムページのみを見て離脱したユーザーの割合。直帰率が高い直帰率は、ページがあまり魅力的でないことを意味する可能性があります。
• クリック率 (CTR): CTAをクリックしたユーザーの割合。CTRが低い場合は、CTAが魅力的でないか、配置が悪い可能性があります。
• ページ滞在時間: 人々がどれくらい滞在するか。滞在時間が短い場合は、必要なものをすぐに見つけられていない可能性があります。
• コンバージョン率: 購入やサインアップなど、あなたが望むアクションを完了したユーザーの割合。

では、ウェルカムページが実際に機能しているかどうかをどうやって知るのでしょうか？まず確認すべき単一の数値は、生のトラフィックではなくコンバージョン率です。1つの目標（サインアップ、メインページへのクリックなど）を選び、それを完了した訪問者の割合を追跡してください。

絶対的な数値よりもトレンドに注目してください。見出しやCTAの変更によってその割合が週ごとに上昇する場合は、ページは機能しています。横ばいの場合は、より大きなものをテストする合図です。

Google Analyticsは、これらすべてを時間とともに追跡するための無料の方法です。

初めてですか？WordPressにGoogle Analyticsを追加する方法に関するガイドでセットアップを説明します。また、よりシンプルなデータ表示が必要な場合は、OnePageGAを試してみてください。

これは、ビジネスを成長させるために必要な指標のみを表示するシングルページダッシュボードです。

最初にやること

これらすべてが多く感じられる場合は、まず1つのことから始めましょう。見出しです。見知らぬ人が自分が正しい場所にいると知るために読む必要がある単一の文章を書いてください。

その行を正しく設定すれば、ページの残りはそれを構築するための基盤となります。ビジュアル、ソーシャルプルーフ、CTAなど、他のすべては、見出しが約束するものをサポートします。

ウェルカムページに関するFAQ

ウェルカムページとランディングページの違いは何ですか？

ウェルカムページはすべての訪問者を迎え入れ、サイトの奥深くへ誘導し、複数の目標を同時に果たします。ランディングページは、通常メニューなしで、1つのキャンペーンと1つのアクションのために構築されており、訪問者はコンバージョンするか離脱します。

ウェルカムページはどのくらいの長さであるべきですか？

要点を伝えるのに十分な長さで、数秒で確認できるほど短い。ほとんどの強力なウェルカムページは、ヘッドライン、バリュープロポジション、1つのビジュアル、ソーシャルプルーフ、そしてファーストビュー付近のCTAを備えています。

訪問者があなたが何をしているのかを理解するために、長文を読む必要があるなら、それは長すぎます。

ホームページをウェルカムページにするべきか、それとも別に用意する必要があるか？

ほとんどのサイトでは、ホームページがウェルカムページであり、それで問題ありません。新しいメール購読者や特定のキャンペーンからの訪問者など、特定のグループを対象とした場所に送る場合は、別のウェルカムページを用意するのが理にかなっています。

リピーターと新規訪問者でウェルカムメッセージを書き分けるにはどうすればよいですか？

新規訪問者には、基本的な情報（誰であるか、何を提供しているか、そして明確な次のステップ）を伝えます。リピーターには、自己紹介は省略し、新しい情報や中断した箇所に誘導します。

次にウェルカムページを作成する

ウェルカムページは、新規訪問者と初めて本格的につながるチャンスであり、その50ミリ秒を最大限に活かすために必要なものすべて（明確なヘッドライン、滞在する理由、そして明白な次のステップ）が揃っています。

WordPressを使用しており、コードに触れずに構築したい場合は、SeedProdを試してみてください。これは私が自分のサイトのすべてのページを構築するために使用しているもので、今日の午後にはウェルカムページを公開できます。

お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。