【3秒で決まる】ホームページのトップで”何屋かわからない”と思われた瞬間、お客さんは去っていく|最初の1画面で選ばれるファーストビューの作り方とAIキャッチコピー術


最近は、どんなに小さな会社でもホームページを持つのが当たり前になりました。あなたも、それなりに費用と時間をかけて、立派なサイトを作ったはずです。

でも、正直に言ってください。そのトップページから、問い合わせは増えましたか。

実は、お客さんはホームページを開いてから「読むか・閉じるか」を、たった3秒ほどで決めています。そして多くの会社のトップページは、その3秒で「これは自分には関係なさそうだ」と判断され、静かに閉じられています。デザインがダサいからではありません。開いた瞬間に「何屋で、誰のための会社で、次に何をすればいいのか」が伝わっていないからです。

だからこそ、この記事を作りました。専門用語は一切使いません。ホームページの「いちばん上の、最初の1画面」だけに絞って、お客さんを迷わせず、問い合わせにつなげる作り方を、できるだけ簡単にまとめます。デザインの才能も、難しいツールもいりません。

ホームページを開いて3秒|お客さんは「自分向けか」だけで、去るか残るかを決めている

スマホでもパソコンでも、人はサイトを開いた瞬間、文章を「読む」前に、画面全体を「見て」います。そして無意識のうちに「これは自分に関係があるか・ないか」だけを、ほんの数秒で判断しています。

このとき見られているのは、会社の歴史でも、社長のあいさつでもありません。「自分の困りごとを解決してくれそうか」、その一点だけです。

ここで「自分向けだ」と思ってもらえれば、お客さんは下までスクロールして読み進めてくれます。逆に「よくわからない」と思われた瞬間、二度と戻ってきません。

つまり、ホームページの勝負は、いちばん上の「最初の1画面」でほぼ決まっているということです。この1画面のことを、Web業界では「ファーストビュー」と呼びます。難しく考える必要はありません。「スクロールせずに最初に見える範囲」のことです。

立派な会社概要も、きれいな施工写真も、その1画面で去られてしまえば、誰にも見てもらえません。

「きれいなトップ」を作っても問い合わせが来ない本当の理由

問い合わせが来ないトップページには、共通点があります。それは「きれいだけど、何も伝わらない」ことです。

よくあるのが、こういう作りです。中央に大きな会社のロゴ。背景におしゃれな風景やオフィスの写真。そして「ようこそ、〇〇株式会社のホームページへ」という一文。

作った本人は満足しています。お金もかかっています。でも、見ているお客さんの頭の中はこうです。「で、この会社は何をしてくれるの?」

お客さんは、あなたの会社の名前を知りたくて来たのではありません。自分の悩みの「答え」を探して来ています。雨漏りを直したい、看板を新しくしたい、歯の矯正をしたい——その答えがありそうかどうかを見に来ているのです。

それなのに、最初の1画面に「会社の自己紹介」しか書いていなければ、答えは見つかりません。きれいなトップで満足してしまう会社ほど、お客さんの目線が抜け落ちています。

比べるポイント伝わらないトップ選ばれるトップ
主役自社のロゴ・社名お客さんの悩み
最初の言葉ようこそ/〇〇株式会社あなたのこの困りごと、解決します
写真おしゃれなイメージ写真仕事の中身・実績が伝わる写真
次の動きどこを押せばいいか不明問い合わせボタンが1つ明確にある
お客さんの反応「で、何屋なの?」と離脱「自分向けだ」と読み進める

私はいつも言っています。「きれいなホームページを作るな。問い合わせが来るホームページを作れ」と。見た目を磨くより先に、最初の1画面で何を伝えるかを決めることのほうが、何倍も大切です。

選ばれるトップは、最初の1画面で”3つ”だけ伝えている|何屋か・誰のためか・次の一歩

では、最初の1画面に何を載せればいいのか。詰め込む必要はありません。伝えるべきは、たった3つです。

ひとつ目は「何屋か」。あなたの会社が何をしてくれるのかを、お客さんの言葉で一行にします。「総合建設業」ではなく「アパートの雨漏り・外壁工事の専門店」。これだけで、見た人は一瞬で自分向けかどうかを判断できます。

ふたつ目は「誰のためか」。すべての人に向けて書こうとすると、誰にも刺さりません。「首都圏のオーナー様向け」「子どもの矯正で悩むお母さんへ」のように、対象をしぼるほど、その人にとっては強く刺さります。

みっつ目は「次に何をすればいいか」。気になった人が、迷わず次の行動をとれるように、進む先をひとつ示します。多くの場合、それは「問い合わせボタン」や「LINEで相談する」ボタンです。

この3つが最初の1画面にそろっていれば、お客さんは「自分向けだ」「ここに頼めばよさそうだ」「ここを押せばいいんだ」と、迷わず進めます。逆に、どれか1つでも欠けると、人は不安になって離脱します。

凝ったデザインより、この3つがそろっているか。まずそこを確認してください。

【神谷のLPで分解】問い合わせが増える”最初の1画面”の黄金構成

抽象論だけではわかりにくいので、私自身が実際に使っているページを例に分解します。私がAIの無料特典を配るために作った案内ページ。あの最初の1画面は、次の順番でできています。

まず、いちばん上に小さなラベルで「YouTube視聴者限定 無料プレゼント」と置いています。これは「あなた向けですよ」という、誰のためかを示す札です。

次に、いちばん大きな文字で「AIを触ってはみたけど、結局”使えて”いないあなたへ。」と置いています。これがキャッチコピーで、見た人の悩みをそのまま言葉にしています。自分のことだと感じた瞬間、人は手を止めます。

その下に、少し小さい文字で「パソコンが苦手でも大丈夫。ステップ順に、シゴトで本当に使えるAIが身につく特典を無料でお渡しします」と、補足を置いています。何が手に入るのか、誰でもできるのかを、ここで安心させます。

さらにその下に、手に入るものを箇条書きで数個並べ、最後に「無料で受け取る」というボタンをひとつ。これが「次の一歩」です。

整理すると、こうです。

  • ラベル(誰向けか) → キャッチ(悩みの言葉) → 補足(安心・簡単さ) → ベネフィットの箇条書き → ボタン(次の一歩)

この型は、整骨院でも、工務店でも、士業でも、そのまま使えます。一番上に「誰向けか」、真ん中に「お客さんの悩みの言葉」、最後に「押すボタン」。順番を入れ替えず、この流れで組むだけで、最初の1画面は見違えます。

キャッチコピーは”何屋か”ではなく”お客さんの悩みの言葉”で書く

最初の1画面で、いちばん差がつくのがキャッチコピーです。ここを「会社の都合」で書くか「お客さんの悩み」で書くかで、結果はまるで変わります。

やりがちなのが、自社の専門用語をそのまま並べてしまうことです。「LGS内装工事・軽天工事対応」。業界の人には伝わりますが、発注する側のお客さんは、その言葉で検索すらしません。

お客さんは「会社名」や「専門用語」ではなく、「自分の悩みの言葉」で探しています。「店舗の内装、安く早く仕上げたい」「うちの工事も対応してくれる?」——頭の中にあるのは、こういう言葉です。

だからキャッチコピーは、その悩みの言葉に寄せて書きます。「専門工事の下請けを探す元請けさまへ。首都圏の内装、まるごと対応します」。こう書くと、専門用語を並べたときより、ぐっと「自分向けだ」と感じてもらえます。

うまいフレーズをひねり出す必要はありません。お客さんが普段、現場や電話で口にしている言葉を、そのまま拾うだけ。脳に汗をかくのは、きれいな言い回しではなく、「お客さんは普段どう言っているか」を思い出すところです。

最初の1画面に”次の一歩”を必ず置く|電話番号だけにするな

最初の1画面で「自分向けだ」と思ってもらえても、次に何をすればいいかがわからなければ、人はそのまま閉じてしまいます。だから「次の一歩」を、必ず1つ、目立つ形で置いてください。

ありがちな失敗が、連絡手段を電話番号だけにしていることです。今のお客さんは、知らない会社にいきなり電話するのを、想像以上に面倒に感じています。営業時間も気になります。電話だけの導線は、それだけで多くの見込み客を取りこぼします。

そこで効くのが、LINEや問い合わせフォームのような「話さなくていい入口」です。私が支援したある医療法人では、以前はホームページがあっても、たまに電話が鳴る程度でした。そこでサイトを整え、LINEからの相談導線を作ったところ、LINE経由で問い合わせと新しい予約が入る「自動集客装置」に変わりました。院長からも「明らかに新規の患者さんが増えている」という声が出ています。

ポイントは、入口を「押しやすい1つ」にしぼることです。あれもこれもボタンを並べると、人は迷って、結局どれも押しません。最初の1画面のゴールは「問い合わせの入口を、迷わず押させること」。それだけに集中させてください。

その入口の先で、もっと深く学べる無料の教材も用意しています。「AIに自分の情報を渡して、自社のホームページの言葉を作る」具体的なやり方は、下記の無料特典でステップ順に解説しています。

▼パソコンが苦手でも大丈夫。シゴトで本当に使えるAIの無料7大特典はこちら

https://m.kpartner.jp/p/m2q9CoFGHOzc?ftid=C9WMRegRGHIg

コピーが思いつかない人へ|AIに”自社の情報”を渡して10案出させる

「お客さんの悩みの言葉で書け、と言われても、自分では思いつかない」。そういう方こそ、AIの出番です。

ただし、注意点があります。AIにいきなり「うちのホームページのキャッチコピーを作って」と頼んでも、出てくるのは「地域密着・高品質・安心の〇〇」のような、どこかで見たような一般論です。これはAIの性能が悪いのではありません。AIが、あなたの会社のことを何も知らないからです。

AIは、あなたの仕事も、強みも、お客さんのことも知りません。だから、そのまま頼むと一般論しか返ってきません。逆に言えば、自社の情報を渡すだけで、答えは一気に「あなたの言葉」に変わります。

やり方はかんたんです。「うちは首都圏の内装工事の専門で、元請けさん向け。年間の反響は少なかったが、専門サイトにしてから毎月案件が入るようになった。お客さんは『下請けを探している』『専門工事も対応してくれるか』とよく言う」——このくらいの情報を渡したうえで、「この会社のトップページのキャッチコピーを、お客さんの悩みの言葉で10案出して」と頼みます。

すると、自分では出てこなかった切り口が、まとめて10案ほど返ってきます。その中から「これはお客さんが言いそうだ」というものを選び、自分の言葉で少し直す。これだけで、ゼロから考えるより何倍も速く、刺さるコピーにたどり着けます。

しかもこの作業、キーボードを叩く必要すらありません。スマホの音声入力で、会社のことを話しかけるだけでいい。たたき台を作るのはAI、最後に選んで決めるのはあなた。この役割分担が、いちばん効率的です。

トップが決まると、施工事例・お客様の声・料金が”活きてくる”|作った1画面はWordPressに資産として残す

最初の1画面で「自分向けだ」と思ってもらえると、その先のページが一気に活きてきます。

売れるホームページに必要なページは、実はそう多くありません。トップ・施工事例・会社概要・料金・お客様の声・スタッフ紹介。この6つで十分です。そして、この6ページの「入口」になるのがトップの最初の1画面です。ここで足を止めてもらえるからこそ、施工事例で「これなら任せられそう」と感じ、お客様の声で「自分と同じ人が頼んでいる」と安心し、料金で「これくらいか」と納得して、問い合わせに進みます。

入口で去られていたら、どんなに事例や声を作り込んでも、誰にも届きません。だからまず、トップの1画面なのです。

そして、せっかく作ったこの1画面は、SNSのプロフィール欄ではなく、自社のホームページ(WordPress)に置いてください。SNSの投稿は時間とともに流れて消えますが、ホームページに置いた1画面は、あなたが寝ている間も、24時間働き続けます。一度しっかり作り込めば、毎日更新しなくても、見込み客を集め続けてくれる。これがホームページを「名刺」ではなく「24時間働く営業マン」にするということです。

トップの第一印象でやりがちな4つの失敗と回避策

最後に、最初の1画面でやりがちな失敗を4つ挙げます。ひとつでも当てはまったら、直す価値があります。

1つ目は、おしゃれなイメージ写真だけで、何屋かわからないトップ。回避策は、写真の上に必ず「何屋か」を一行で重ねること。空気感より、まず中身を伝えます。

2つ目は、自己満足のキャッチコピー。「未来を、デザインする。」のような、かっこいいけれど何屋かわからない言葉です。回避策は、お客さんが実際に口にする悩みの言葉に書き直すこと。

3つ目は、情報の詰め込みすぎ。最初の1画面にサービスを全部並べると、結局どれも印象に残りません。回避策は、いちばん来てほしいお客さん一人に向けて、伝えることを1つにしぼること。

4つ目は、ボタンがない、または押しどころが多すぎるトップ。回避策は、「次の一歩」のボタンを、目立つ形で1つだけ置くこと。

どれも、難しい技術の話ではありません。お客さんの目線に立てるかどうか、それだけの違いです。

今日からできる、”最初の1画面”を作り直す最初の一歩

最後に、今日からできる3ステップにまとめます。

ステップ1。あなたの会社が「何屋か」を、お客さんに話すつもりで一行に書く。「総合〇〇業」ではなく「〇〇で困っている人を助ける会社」と、具体的に書いてみてください。

ステップ2。その一行を、お客さんが普段使っている「悩みの言葉」に直す。普段、現場や電話で言われる言葉を思い出して、そこに寄せます。思いつかなければ、自社の情報をAIに渡して、10案出させて選べば大丈夫です。

ステップ3。最初の1画面に「問い合わせ」や「LINEで相談」のボタンを、目立つ形で1つ置く。電話番号だけにせず、話さなくていい入口を作ります。

この3つをやるだけで、トップの最初の1画面は確実に変わります。あとは、やるかやらないか。それだけの話です。

「自社の情報をAIに渡して、自分の言葉でホームページの文章を作る」——その具体的な手順は、無料の特典でステップ順にまとめています。パソコンが苦手でも、スマホに話しかけるだけで進められる内容です。気になった方は、下記から受け取ってください。

▼パソコンが苦手でも大丈夫。シゴトで本当に使えるAIの無料7大特典はこちら

https://m.kpartner.jp/p/m2q9CoFGHOzc?ftid=C9WMRegRGHIg

まとめ|きれいなトップを作るな、3秒で”自分向けだ”と思わせろ

ホームページの勝負は、開いて最初の3秒、いちばん上の1画面で決まります。

そこで伝えるべきは、たった3つ。何屋か、誰のためか、次に何をすればいいか。きれいなデザインより、この3つがそろっているかどうかです。

キャッチコピーは、会社の都合ではなく、お客さんの悩みの言葉で。思いつかなければ、自社の情報を渡してAIに10案出させ、あなたが選んで決める。そして最初の1画面には、押しやすい入口を1つ置く。

きれいなトップを作っても、お客さんの目線が抜けていれば、問い合わせは増えません。逆に、最初の1画面で「これは自分向けだ」と思ってもらえれば、その先の事例も、声も、料金も、ぜんぶ活きてきます。

きれいなトップを作るのではなく、3秒で「自分向けだ」と思わせるトップを作る。今日、あなたのホームページのいちばん上を、もう一度見直すところから始めてください。


PAGE TOP