ホームページのトップページのキャッチコピーの作り方｜SEOと訴求を両立させる設計術

なぜトップページのキャッチコピーで集客の成否が決まるのか

メインビジュアルのキャッチコピーは、ホームページで最も費用対効果の高い1文です。

理由はシンプルです。トップページのメインビジュアル（ファーストビュー）は、訪問者がクリック直後に最初に目にし、そして最も長く滞在する場所だからです。ここで「自分に関係がある」と感じてもらえなければ、ユーザーはスクロールすることすらなく去っていきます。

さらに見落とされがちなのが、スクロールして最後まで読んでくれる人はごく一部だという事実です。私たちは自社サイトの隅々まで作り込みますが、訪問者の多くは最初の一画面しか見ていません。だからこそ、下層ページの本文よりも、トップページの最初のキャッチコピーに一番の労力を注ぐべきなのです。加えて、トップページは下層ページより検索結果に表示されやすく、指名検索や社名検索の受け皿にもなります。ここが弱いと、集客の入口そのものが機能しません。

【体験談】求人広告営業時代に叩き込まれた「枠より見出し」の真実

広告の効果を決めるのは、枠の大きさではなくキャッチコピーだ——これは約29年前、私が身をもって学んだことです。

私はもともと、広告代理店で求人広告の営業をしていました。まだ求人情報が雑誌全盛だった時代で、業界最大手R社の、正社員・アルバイト向け求人雑誌の広告枠を販売するのが仕事でした。当時の私は、キャッチコピーの重要性など何も分かっていませんでした。

結果はどうだったか。応募はほとんど来ませんでした。R社の雑誌は掲載企業の数が非常に多く、平凡な見出しの広告は、他社の広告の中に完全に埋もれてしまうのです。反響が出なければ、当然リピート契約は取れません。私は常に新規開拓に追われ、営業成績はまったく伸びませんでした。

転機は2年目でした。「成績が伸びないのは、リピート客がいないからだ」「リピートを生むには、掲載企業に応募という反響を出さなければならない」「反響を出すには、広告の質——とりわけキャッチコピーが鍵だ」。この因果関係にようやく気づいたのです。

R社では、定期的にコピーライティングの品質を競う社内コンテストが開かれていました。そこで選ばれるのは、いつだってターゲットの心をわしづかみにする広告でした。掲載枠の大きさで選ばれた広告など、一つもありませんでした。この「枠より見出し」という教訓は、Web制作の世界に移った今でも、私の仕事の核になっています。

コーポレートサイトとティザーサイトでは正解が違う

当たり障りのないキャッチコピーが「許される」サイトと、「致命傷になる」サイトがあります。

Web制作の世界に移って強く感じた違和感があります。上場企業のコーポレートサイトは、トップページのキャッチコピーが抽象的で、当たり障りがなく、正直ほとんど印象に残りません。ただ、これはある意味で仕方のない面もあります。コーポレートサイトは広報・信用の場であり、すでに社名を知っている取引先・株主・求職者が訪れる前提だからです。奇をてらった言葉より、堅実で無難な言葉のほうが目的に合っています。

問題は、中小企業の「集客目的のティザーサイト」まで、それを真似てしまうことです。大企業のサイトがカッコよく見えるので、つい同じトーンにしてしまう。しかしこれは非常にもったいない。集客サイトに来る人の多くは、あなたの会社を知りません。ここで当たり障りのない言葉を出せば、前述のとおり15秒で去っていきます。

つまり、真似るべき手本を間違えているケースが多いのです。あなたのサイトが「知らない人に売る」ためのものなら、参考にすべきは大企業のコーポレートサイトではなく、成果を出しているランディングページや、かつての求人広告のような反響前提の媒体です。

刺さるキャッチコピーの作り方4ステップ

刺さるコピーは、センスではなく手順で作れます。求人広告時代に叩き込まれた型を、Web用に整理したのが次の4ステップです。

SEOのH1とキャッチコピーは両立できる

「SEOを取るか、訴求を取るか」——この二択で悩む必要はありません。

近年、メインビジュアル（ヒーローエリア）に大きくH1を配置するデザインが増えています。H1は構造的に「そのページの大見出し」であり、SEO上も重要な要素です。だから大きく目立たせたほうが良い、という考え方には一定の合理性があります。

しかし、ここに実務上のジレンマが生まれます。

多くのサイトが、このジレンマの前で「無味乾燥だがSEOには強いH1」か「魅力的だがKWの入っていないコピー」のどちらかに倒れてしまいます。しかし、両者はHTMLの構造とCSSの見た目を切り分けることで両立できます。私がたどり着いた解決策は、H1とキャッチコピーを別々のタグに分離することです。

具体的な設計手順は次のとおりです。

1. H1には、検索キーワードを前方に寄せた簡潔な見出しを入れる（例：「東京の相続相談なら〇〇事務所」）。CSSでは小さめのフォント・帯・角丸などで「ラベル／吹き出し」風に見せる。
2. その上または下に、<p> タグで大きなキャッチコピーを置く（例：「相続でもう、家族を争わせない。」）。ここが視覚的な主役になる。
3. フォントサイズは「キャッチコピーのp ＞ H1」となるようCSSで指定する。HTMLの見出し階層と、見た目の大きさは一致させなくてよい。

この設計なら、検索エンジンにはH1で「何のページか」を正しく伝えつつ、訪問者にはpタグの大きなキャッチコピーで一瞬に刺す、という二兎を追えます。見出しの意味的な役割（H1）と、視覚的な目立ちやすさ（フォントの大きさ）は、別々に設計してよい——これがSEOと訴求を両立させる核心です。

よくある失敗と、制作会社への具体的な頼み方

良い設計を知っていても、制作会社に正しく伝わらなければ実現しません。最後に、ありがちな失敗と、意図を確実に伝える依頼の言い回しを紹介します。

特に③は、SEOを意識する会社ほど陥りがちです。前章のとおり、H1とキャッチコピーは分離できるのですから、SEOのためにコピーの魅力を犠牲にする必要はありません。とはいえ、この設計はデザイナーやコーダーに口頭で伝えても、なかなか意図が伝わりません。そこで、次のように具体的なタグ名を出して依頼するのが効果的です。

ここまで具体的に伝えれば、制作会社との認識のズレはほぼなくなります。「いい感じにお願いします」では、当たり障りのないデザインが返ってくるだけです。キャッチコピーは、発注者が主導権を握るべき領域だと考えてください。あなたの会社のターゲットと強みを一番よく知っているのは、制作会社ではなく、あなた自身なのですから。

まとめ｜キャッチコピーは経営者が主導する「最も安い投資」

トップページのキャッチコピーは、制作費のごく一部で、集客の成果を大きく左右する「最も費用対効果の高い1文」です。約29年前の求人広告の現場で学んだ「枠より見出し」という真実は、Web全盛の今もまったく色あせていません。むしろ、情報があふれる今だからこそ、刺さる言葉の価値は増しています。

この記事のまとめ

• トップページのキャッチコピーは最も見られ、離脱を左右する一等地
• 中小企業の集客サイトで当たり障りない言葉は致命傷。大企業を手本にしない
• 刺さるコピーは「絞る→変化に翻訳→数字と擬態語→3層構成」の手順で作れる
• H1は小さな吹き出しラベルでSEO、キャッチコピーは大きなpタグで訴求、と分離すれば両立できる
• 制作会社には「H1を吹き出しで小さく、キャッチコピーをpタグで大きく」と具体的に依頼する

ハッピーメンターでは、集客に直結するキャッチコピー設計から、SEOと訴求を両立させるホームページ制作・Webコンサルティングまでを一貫してご支援しています。「うちのトップページ、当たり障りないかも」と感じた方は、ぜひ一度ご相談ください。