無料相談

売上あげる、
おてつだい。

  1. トップページ
  2. コラム
  3. 記事

コラム

採用ページの情報がクリックするまで見えない|大阪市の制作事例で考える、別ページに分ける判断

チップス

社員紹介や福利厚生を小窓で見せる採用ページを、詳しく読める形にしたい方へ。大阪市の八神の制作事例から、到着先・読む目的・読後の案内・更新担当を合わせて考えるページ分割メモを紹介します。

淡い青の背景で青い無地のシャツを着た架空の成人が自然にほほえむ社員紹介向けポートレートで、採用情報を詳しく読むページの役割を考えるイメージ

社員紹介や福利厚生は載せているけれど、ボタンを押して小さな窓を開くまで、中身が見えない。採用ページを充実させたいときは、文章を増やすだけでなく、気になる情報をどう読んでもらうかも見直す対象になります。

別ページへ分けるかは、読む内容の量、そこへ来る人の入口、読んだ後の行き先、更新する単位から考えます。大阪市の株式会社八神の公開制作事例を手掛かりに、今の採用ページのどこを分け、何をつないでおくかを相談する方法を紹介します。

情報を増やす前に、開いた先で何を読みたいか考える

ページの上に重なる形で、小さな窓を開いて内容を見せる表示を、モーダルウィンドウと呼ぶことがあります。短い補足をその場で確かめられる一方、長いインタビューや複数の写真を落ち着いて読んでもらいたい場合は、見せる場所を検討したいところです。

まず、今のページにある情報を「どんな疑問に答えるか」で並べます。社員紹介なら、どんな人がどのように働くのか。福利厚生なら、働くうえで知りたい制度や条件は何か。項目が同じ採用情報でも、読む目的は違います。

小窓を使っていることだけで、すべてを別ページへ変える必要はありません。短くその場で読める内容か、特定の情報へ直接来る人がいるか、ほかの内容と違う頻度で更新するかを見ます。「詳しく伝えたいのに、今の表示では読み進めにくい」と感じる箇所から相談してみましょう。

大阪市の八神では、情報ごとに詳しく読めるページへ変えた

株式会社八神の採用サイト制作事例では、以前に制作した一ページの採用案内を見直しました。求人サービス経由で採用活動を行う中で、採用を強化し、応募の間口を広げたいという相談が公開されています。会社の魅力を詳しく伝えることと、新しい制服に合わせて画面を整えることが、制作の課題でした。

従来の福利厚生や社員紹介、インタビューは、小窓で表示する形でした。リニューアルでは情報ごとにページを分け、それぞれを詳しく見られる構成にしています。気になる情報を確かめながら、会社への理解を深めてもらうための見直しです。

制服の変更に合わせて写真を撮り直し、青を基調にした画面へそろえたことも、公開されている制作内容です。笑顔の写真を多く使い、働く人の雰囲気を伝えることも考えています。

自社で参考にしたいのは、ページ数を増やしたことだけではありません。より詳しく読んでもらいたい内容と、その会社で働く人の見せ方を一緒に見直した点です。何を別ページで伝えるかは、今ある採用情報と、これから増やしたい内容に合わせて考えます。

社員、制度、仕事の情報を、読む目的から分ける

一つの採用ページで小窓を開く構成と、社員・制度・仕事などの情報をページごとに読み、仕事や応募の案内へ進む構成を比較する図。読む目的に合わせて分ける例を示しています。
小窓と別ページを、情報の量だけで比べないようにします。何を詳しく読み、その後にどの案内へ進むかを一緒に考えます。

たとえば、社員インタビューを詳しく読んだ人には、その人の仕事や関連する募集を確かめる行き先が必要かもしれません。福利厚生を読んだ人なら、利用条件や働き方を確かめた後、募集情報を見たいこともあります。すべてのページから同じボタンを置く前に、次に知りたいことを考えます。

別ページにする場合も、元の採用ページには、その情報を読む理由と入口を残します。「社員紹介」という項目名だけにせず、どんな人や話を読めるかが短く分かると、詳しいページへ進むかを判断しやすくなります。

読む相手と目的に合わせたページ分割メモには、次のような内容を残せます。担当部署や掲載条件は自社で確認して決め、表の例をそのまま当てはめる必要はありません。

情報来る人と、読みたいこと読後の案内と更新の単位
社員紹介・インタビュー求人の社員紹介リンク等から来て、働く人と仕事内容を知りたい関係する仕事・募集へ。掲載する人や写真が変わる際の確認者を決める
福利厚生・働く環境採用ページから来て、制度と働く条件を確かめたい条件の説明や募集へ。制度が変わった際に直す担当を決める
仕事・募集の案内社員や制度を読み、どの仕事へ応募できるかを知りたい対応する応募先へ。募集の開始・終了を更新する単位を決める
採用情報ごとに、入口・読後の案内・更新を考えるメモ

情報を分けると、同じ内容を複数のページへ重ねて載せることも起こります。変更するたびにすべてを書き直すのか、一つの説明へ案内するのかも相談しておきます。詳しく読むページをつくることと、更新する場所を増やすことを、合わせて考えましょう。

求人媒体から来た後、必要な仕事や応募先へ進めるか

求人媒体や共有リンク等の入口から、知りたい採用情報、仕事と募集の確認、応募先へ進む関係図。情報を読むページだけで行き止まりにしない道順を示しています。
社員や制度のページへ直接来た人にも、次の行き先を用意します。入口のリンク、読後の仕事・募集、応募先までを一続きで確認します。

求人媒体や社内の案内から、社員紹介などの特定の情報へリンクしたい場合は、その内容へ直接進めるかを確認します。外部の求人媒体にどのリンクを載せられるかは媒体ごとに確かめ、自社側だけで使い方を決めないようにします。

別ページを開けたら、会社名と採用情報の一部であること、どの情報を読んでいるかが分かるかを見ます。トップから順に読んできた人だけを前提にすると、直接来た人には前の説明が足りないことがあります。

続いて、本文から関係する仕事や募集へ進めるか、応募先が現在の募集と合っているかを確かめます。求人サービスで応募を受けるのか、自社の窓口へ進むのかも、採用担当と制作担当でそろえます。

スマートフォンでは、長いインタビューを読み進め、前の案内へ戻り、別の情報へ進むところまで見ます。小窓を使う内容が残るなら、開き方と閉じ方、本文を読む間の操作も確認対象です。ページが分かれたことだけで、読みやすくなったと判断せず、読む道順を試しましょう。

写真を撮り直すなら、掲載するページの役割もそろえる

制服や働く環境が変わっている場合は、ページを分ける相談と一緒に、今の写真で伝えられることも確認します。八神の事例のように、制服の変更に合わせて写真と画面の色を整える進め方もあります。

自社では、社員紹介に使う写真なのか、仕事の場面を伝える写真なのかを先に分けてみます。人柄を知る場面と、仕事の内容を見る場面では、撮っておきたい姿も変わります。撮影する人や場所、使える範囲を確認し、必要なページと合わせて相談しましょう。

掲載後に人や制度、募集が変わったとき、誰が確認して直すかも残します。詳しいページを作った後も、現在の会社と合う案内を続けられるよう、文章・写真・募集の更新を見込んだ構成にします。

今の採用ページと、詳しく伝えたい内容から相談する

最初からページ数や構成図を完成させる必要はありません。現在のURLと、今の小窓では詳しく伝えにくい内容、求人媒体から案内したい情報を共有することから始められます。

社員紹介と福利厚生を小窓で見せている採用ページを、もう少し詳しく読める形へ直したいと考えています。求人媒体からの案内と、読んだ後の募集・応募先も含め、どの内容を別ページにするとよいか、今のサイトを見ながら相談できますか。

大阪市で採用ページの改修を検討している方は、大阪市のホームページ制作・改修の相談から、今の案内と詳しく伝えたい情報をお知らせください。みやあじよが、読む相手とページの役割を伺い、必要な原稿・写真・画面と更新の範囲を一緒に整理します。

大阪・堺で採用サイトをつくるご相談は、大阪の採用サイト制作のページをご覧ください。

マーケター・コンサルタントの皆様へクライアントの「価値」を伝えるWebトータルパートナー提携Webに関するトータルからスポット作業まで必要な部分だけお任せできるWeb制作パートナー提携