採用ページ（LP）のつくり方。最初の画面と、載せる項目の理由

「採用ページをつくりたいけれど、何を載せればいいのか分からない」という相談をよく受けます。

この記事では、私が制作を担当した株式会社NiTec様の採用ページを例に、何を、どの順番で、なぜ載せたのかを書きます。この会社は、北海道北広島市で、産業ロボット・画像処理・AIを組み合わせたシステム開発を手がけている会社です。

載せる中身そのもの（仕事の流れ、働く人の声、数字、写真、見学の入口）は、製造業の採用ページに載せたい5つのことにまとめました。この記事は、それを1枚のページにどう組み立てるか、という話です。

LP（ランディングページ）とは

LPは、ランディングページ（landing page）の略です。求人サイト、検索、SNS、広告などから来た人が、最初に「着地する」ページ、という意味です。

会社のホームページとは、役割が違います。

	ホームページ	採用LP
読む人	取引先、求職者、地域の人など、いろいろ	求職者に絞る
ページの数	会社概要、事業、製品、お知らせなど、たくさん	基本は縦に長い1ページ
読む順番	読む人が自由に選ぶ	つくる側が順番を決める
最後にしてほしいこと	決まっていないことが多い	1つに決める（応募、面談の申し込み、見学など）

ホームページは、会社の総合案内です。 LPは、読む人を1人に決めて、上から順に読み進めてもらい、最後に1つの行動へ案内するページです。

ホームページの中に採用のページがある会社も多いと思います。ただ、会社概要や製品のページと並んでいると、求職者が知りたいことにたどり着くまでに迷います。 採用だけの1ページにしておけば、求人サイトやSNSから来た人を、そのまま応募の入口まで案内できます。

いちばん大事なのは、最初の画面（ファーストビュー）

ページを開いて、スクロールせずに最初に見える範囲を、ファーストビュー（FV）といいます。 ここがいちばん大事です。

調査があります。ユーザビリティの調査会社 Nielsen Norman Group が2018年に、パソコンの画面で120人の視線を計測したところ、ページを見ていた時間の約57%が、最初に見える範囲に集中していました。

同じ会社が2011年に紹介した分析では、ページを訪れた人は10〜20秒で離れることが多く、最初の10秒を越えると離れにくくなる、とされています。

どちらもパソコンでの調査で、採用ページに限った数字ではありません。それでも、最初の画面で「自分に関係のあるページだ」と思ってもらえなければ、その先は読まれない、という傾向は同じだと考えています。

最初の画面に置く4つ

最初の画面で答えたいのは、次の4つです。

• 何の会社で、どんな仕事なのか（キャッチコピー）
• どんな現場なのか（写真）
• 誰に向けたページなのか（ひとこと）
• 次に何をすればいいのか（ボタン）

事例のページでは、こうしました。

キャッチコピーは「あなたの仕事が工場の未来を動かす」です。主語を会社ではなく、読む人（あなた）にしています。会社の紹介から始めるより、読む人が自分のこととして読めるからです。

写真は、工場でロボットを調整している社員の姿です。素材集の写真は使いません。その会社の現場でしか撮れない写真が、いちばん伝わります。スマホとパソコンで別の写真を用意しました。横長の写真をそのままスマホに出すと、縦長の画面では人物の顔や手元が切れてしまうからです。

誰に向けたページかは、キャッチコピーのすぐ下に「全部できるエンジニアへ。」と書きました。エンジニアを目指す人、もっと幅広く仕事をしたいエンジニアに向けたページだと、ひとことで分かるようにしています。

ボタンは2つです。目立つほうが「まずは話を聞いてみる」、もう1つが「募集職種を見る」です。ボタンのすぐ下に、面談はオンラインでもでき、選考への直接の応募ではないことを小さく書き添えました。いきなり応募するのは、思っているよりハードルが高いものです。最初の一歩を軽くしておきます。

最初の画面を考える順番

いきなりキャッチコピーを考えると、きれいな言葉を並べただけになりがちです。私は、次の順番で考えています。

1. 読んでほしい人を1人決める（年齢、今の仕事、何に困っているか）
2. その人が、今の仕事で不満に思っていそうなことを書き出す
3. その不満に、この会社なら何ができるかを一文にする（これがキャッチコピーの元になる）
4. その一文を裏付ける写真を選ぶ。なければ撮る
5. 読んだ人に最初にしてほしいことを1つ決めて、ボタンにする

社名やスローガンだけを大きく出す、写真を何枚も切り替えて見せる、といった最初の画面もよく見かけます。ただ、会社の名前をまだ知らない人には、それだけでは自分に関係のあるページかどうかが分かりません。私はおすすめしていません。

載せる項目と、その理由

最初の画面の下には、読む人が知りたい順に項目を並べます。事例のページは、上からこの順番です。

順番	項目	書くこと	載せる理由
1	最初の画面	キャッチコピー、写真、誰向けか、ボタン	自分に関係のあるページだと最初に分かってもらう
2	読む人の悩み	今の仕事で感じていそうな不満	自分のことだと思ってもらうと、先を読んでもらえる
3	会社の仕事	何をしている会社か、ひとことで	外からは、何をしている会社なのか分からない
4	選ばれる理由	ほかの会社との違いを3つ	似た求人と比べられたときの決め手になる
5	仕事の中身	職種ごとに、何をつくる仕事か、担当する業務	入ったあとの自分の姿を思い浮かべてもらう
6	募集要項	給与、勤務時間、勤務地、休日、手当	応募する前に、必ず確かめられるところ
7	よくある質問	面接では聞きにくいこと	不安を先に消しておく
8	働く人の声	質問と答えの形で	会社の雰囲気は、働く人の言葉でしか伝わらない
9	社長のメッセージ	なぜこの会社をつくったのか	会社の考え方に共感した人が来てくれる
10	申し込みの入口	面談の申し込みフォーム	読み終えた人が、迷わず次の一歩を踏めるように

順番には理由があります。 最初に条件（給与や休日）を並べると、条件だけで比べられてしまいます。 先に仕事の面白さや会社の違いを知ってもらい、そのうえで条件を確かめてもらう、という流れにしています。

ここからは、項目ごとに書くことと理由を、もう少し詳しく書きます。働く人の声、数字、写真の撮り方は、『製造業の採用ページに載せたい5つのこと』で書いたので、ここでは短くします。

読む人の悩み

「今の仕事で、こんなことを感じていませんか」という問いかけです。事例のページでは、担当する範囲が狭くて、自分が設計したものが動くところを見られない、といった、エンジニアが感じていそうな不満を4つ並べました。

読む人が「これは自分のことだ」と思えば、その答えを探して先を読んでくれます。 ここで、最初の画面で決めた「読んでほしい1人」がはっきりしているかどうかが効いてきます。

会社の仕事

何をしている会社なのかを、ひとことで書きます。事例の会社は、製品を売るメーカーではありません。お客様の工場の課題を聞いて、ロボットやカメラを組み合わせた仕組みを提案し、設計して組み上げる会社（ロボットSIer）です。業界の外の人には、この違いが分かりにくいので、ページの前半ではっきり書きました。

専門用語は、言い換えます。 たとえば「ティーチング」は「ロボットへの動き方の指示」と書き添えています。

選ばれる理由

ほかの会社ではなく、この会社を選ぶ理由です。事例のページでは、「やってみたい」がそのまま仕事になること、若い会社なので幅広く経験できること、毎回ちがう装置をつくる達成感の3つにしました。

たくさん並べると、どれも印象に残りません。3つくらいに絞ります。

仕事の中身

職種ごとに分けて書きます。事例の会社では、ロボットシステムエンジニアと、画像処理・ソフトエンジニアの2つです。

それぞれ、何をつくる仕事なのかを一文で書き、担当する業務を一覧にして、その職種の社員の写真を添えました。「製造全般」のような書き方では、入ったあとに何をするのかが分かりません。

募集要項

給与、勤務時間、勤務地、休日、手当、福利厚生です。応募する前に、必ず確かめられるところなので、省略しません。

事例のページでは、月給に加えて、年齢と経験ごとのモデル年収を載せました。何年か働いたらどうなるのかが分かると、入ったあとの姿を思い浮かべやすくなります。

勤務地が2か所あるので、それぞれの住所と、車で通勤できるのはどちらか、まで書いています。

気をつけたいのは、求人サイトやハローワークに出している求人票と、内容をそろえることです。勤務地や給与が食い違っていると、それだけで不信感につながります。

よくある質問

面接では聞きにくいけれど、気になっていることに先に答えておきます。事例のページでは、未経験でも応募できるか、出張はどのくらいあるか、勤務地は選べるか、現場作業とデスクワークの割合、選考の流れと面接の回数、話を聞くだけでもいいか、といった質問に答えています。

出張のように、人によっては不安に思うことほど、正直に書きます。入ってから「聞いていた話と違う」となるのを防げます。

選考の流れ（応募から内定まで、面接は何回か、オンラインでもいいか）も、ここに入れました。

なお、以前は、よくある質問を構造化データ（検索エンジン向けの書き方）で書いておくと、Google の検索結果に質問が並んで表示されることがありました。この表示は2026年5月に終わっています。 よくある質問は、検索のためではなく、読む人のために書きます。

働く人の声と、社長のメッセージ

働く人の声は、質問と答えの形にしました。「仕事の面白さは？」「会社の雰囲気は？」と聞いて、答えてもらう形です。社長のメッセージは、なぜこの会社をつくったのかを書いています。

どちらも、会社の雰囲気と考え方を、本人の言葉で伝えるところです。詳しくは『製造業の採用ページに載せたい5つのこと』に書きました。

申し込みの入口

最後は、申し込みの入口です。事例のページでは、正式な選考ではない「カジュアル面談」の申し込みを入口にしました。転職を迷っている人、今すぐではないけれど気になっている人にも来てもらうためです。

フォームの必須項目は、名前とメールアドレスの2つだけにしました。入力する項目が多いほど、途中でやめる人は増えると考えています。詳しいことは、面談で聞けば足ります。

入口は、ページの最後だけに置きません。 最初の画面のボタン、画面の上に常に出ている「エントリーする」のボタン、ページの最後と、どこからでも申し込めるようにしています。読み終える前に「話を聞いてみたい」と思った人を、待たせないためです。

スマホで見られる前提でつくる

採用ページは、通勤中や休憩中に、スマホで開かれることが多いページです。 Google も、ページを評価するときにスマホ向けの表示を使う（モバイルファーストインデックス）と説明しています。

スマホで、次のことを確かめます。

• 文字が小さすぎないか。指で拡大しないと読めない文字がないか
• ボタンが小さすぎて押しにくくないか
• 表が画面からはみ出していないか
• 最初の画面の写真で、人物の顔や手元が切れていないか
• 電話番号を押せば、そのまま電話をかけられるか
• 表示が遅くないか（写真は圧縮して軽くしておく）

パソコンでつくって、最後にスマホで確かめる、という順番ではなく、最初からスマホの画面を見ながらつくるほうが確実です。

公開したら、数える

ページを公開したら、どこから何人が来て、何人が申し込んだかを数えます。

アクセス解析の Google アナリティクス（GA4）では、リンクの末尾に「どこから来たか」を示す印（UTMパラメータ）を付けておくと、媒体ごとの訪問数を分けて数えられます。

解析のツールによっては、この印を読めないものもあります。その場合は、媒体ごとに入口のURLを分けておく方法もあります。事例のページも、媒体ごとの流入を数えられるようにしています。

見る数字は、次の3つです。

• 採用ページへの訪問数（媒体ごと）
• 申し込みボタンが押された数
• 実際の申し込み数

訪問数に対して申し込みが何件あったか（コンバージョン率）の考え方は、『製造業がInstagramを始めるときに考えること』の「見るべき数字」に書きました。訪問数が少ないなら、見に来てもらう工夫をする。訪問数はあるのに申し込みが少ないなら、ページの中身を見直す。数字があれば、どちらに手を打てばいいかが分かります。

もうひとつ、求人の情報を Google 向けの決まった書き方（求人情報の構造化データ）で書いておくと、Google 検索の求人の表示に載る対象になります。日本も対象の地域に入っています。事例のページにも入れています。

まとめ

• LPは、読む人を1人に決めて、最後に1つの行動へ案内する1枚のページ
• いちばん大事なのは最初の画面。キャッチコピー、写真、誰向けか、ボタンの4つで、自分に関係のあるページだと分かってもらう
• 項目は、読む人が知りたい順に並べる。条件より先に、仕事の面白さと会社の違いを見せる
• 申し込みの入口は軽く、どこからでも押せるようにする
• スマホで見られる前提でつくり、公開したら数える

ただ、ページはつくっただけでは、なかなか見に来てもらえません。見つけてもらうための検索やAIへの対策は、LPを作っても見られない。SEO・AIO・LLMOとブログにまとめました。

iGrex では、現場を見せていただき、読んでほしい人を一緒に決めるところから、採用ページづくりをお手伝いしています。