採用サイトに動画を掲載する｜配置・埋め込みの実践ガイド

▶︎ 採用動画の資料はこちら

自社の採用サイトに動画を載せたい。ただ、どのページにどんな動画を何秒置けばいいのか、YouTube埋め込みでいいのか、自動再生はさせるべきなのか、判断材料が散らばっていて決めきれない、というケースは多いはずです。

この記事では、採用サイトに動画を掲載するときの「配置設計」「動画の種類選び」「埋め込み技術の判断」「失敗パターン」まで、採用サイトに動画を実装する側の視点で整理します。求人媒体（Indeed・エン転職等）に載せる動画とは別の話として、自社採用サイトへの掲載に絞って解説します。

採用サイトに動画を掲載するとは

採用サイトに動画を掲載するとは、企業が運営する採用専用サイトのページ内に、会社紹介・社員インタビュー・密着動画などの映像コンテンツを埋め込んで公開することを指します。

似た用語との違いを整理すると次のようになります。

求人媒体に載せる動画は媒体側の仕様（尺・縦横比・容量）に制約があります。この記事で扱うのは自社採用サイトへの掲載なので、尺・構成・埋め込み方法を自社で自由に設計できる前提で書いています。求人媒体向けの動画については求人動画のスペックと作り方を参照してください。

採用サイトに動画を載せることで変わる3つの指標

採用サイトに動画を追加すると、主に3つの指標に影響が出ます。

1. ページ滞在時間

動画があるページはテキストのみのページより滞在時間が伸びます。これは動画の再生時間そのものが滞在時間に加算されることに加え、視聴後にテキストを読み進める行動も発生するためです。滞在時間が伸びるほど、候補者の企業理解度は深まる方向に働きます。

2. 企業理解度と応募後のミスマッチ

動画は「職場の雰囲気」「働いている人の話し方や表情」「実際の作業風景」といった、テキストや写真では伝わりにくい情報を含みます。株式会社ネオキャリアの調査では、Z世代の86.6%が就職・転職活動において採用ショート動画を「参考にする」と回答しています（参考: TALKsmith「採用サイトに掲載すべき動画事例9選」）。応募前の段階で職場のリアルを見せられると、面接以降の相互ミスマッチが減る方向に働きます。

3. 応募辞退率

書類選考通過後、面接に進む前の辞退率は求人媒体経由の応募で顕著です。採用サイトに動画があると、面接前に候補者が動画で企業の実態を確認しやすくなり、「思っていたのと違うから辞退する」という判断が応募時点で起きやすくなります。応募数は減っても、面接以降の歩留まりが改善する構造です。

採用動画全般の効果（応募数・辞退・離職への影響）については採用動画の効果とは？で詳しく解説しています。

採用サイトのどこに動画を配置するか（ページ×動画種別マトリクス）

採用サイトは1本の動画を貼るだけでは効果が出にくい構造です。ページごとに候補者の状態が違うため、配置するページに合わせて動画の種類と尺を設計します。

企業のホームページ全般の配置設計はホームページに動画を載せる効果を参照してください。採用サイト固有の配置は下記のとおりです。

トップページのファーストビューには短尺のダイジェスト、詳細ページに長尺のインタビューを配置する構造が基本形です。1本のロング動画をトップに置くのではなく、複数の短尺〜中尺を各ページに分散させる方が最後まで視聴される確率が高くなります。

配置設計の3つの原則

1. ページの役割と動画の役割を一致させる: 職種ページに全社ブランドムービーを置いても、候補者が知りたい情報（この職種の1日）とずれます
2. ファーストビューは音なしで成立させる: 自動再生する動画は音がミュートで成立する構成にする（テロップで意味が通じるように）
3. 1ページに複数動画を並べない: ページ表示速度と候補者の集中を維持するため、1ページ1動画を基本とする

採用サイトに載せる動画の主な5種類

採用サイトで採用されることが多い動画は次の5種類です。各動画の詳細な作り方は採用動画の事例と種類で解説しています。

1. 会社紹介動画

企業の事業内容・沿革・ミッションを短くまとめた動画です。トップページや会社概要ページに配置します。尺は2-3分が基本で、ファーストビュー用にはさらに短い30秒版を別途用意することもあります。

2. 社員インタビュー動画

現場社員が仕事内容・入社理由・やりがい・大変さを語る動画です。職種別ページや社員紹介ページに配置します。尺は3-5分。1本を長くするよりも、複数の社員のインタビューを別動画として並べる方が候補者は関心のある社員を選んで視聴できます。

3. 密着動画（1日のスケジュール）

社員1名に密着し、朝の出社から退社までの1日を追う動画です。職種別ページや現場紹介ページに配置します。尺は3-5分。実際の業務環境・同僚とのやり取り・休憩時間の様子まで含めて、テキストでは伝わらない現場の空気を映します。密着動画の作り方は密着動画の作り方を参照してください。

4. 座談会動画

複数の社員が集まって話す動画です。若手社員による本音座談、部署横断の座談会、新卒同期の座談会など、対話形式ならではの空気感が伝わります。尺は5-10分。1人のインタビューでは出てこない発言が引き出されやすい形式です。

5. 代表メッセージ動画

代表取締役が候補者に向けて話す動画です。企業のミッション・求める人物像・今後の展望を伝えます。尺は2-3分。テキストで書かれた「代表からのメッセージ」を動画に置き換えることで、代表の人柄まで伝わります。

採用サイト動画の作り方（尺・構成・撮影の判断）

採用サイトに載せる動画は、掲載先が求人媒体と違って自社サイトなので、尺の制約が緩く自由に設計できます。ただし自由だからといって長尺にすればよいわけではありません。

尺の設計は「ロング・ミドル・ショート」の3層で持つ

同じテーマの動画でも、掲載先や視聴者の状態に合わせて複数の尺を用意します。

• ショート（15-60秒）: トップページのファーストビュー、SNS転用、求人媒体転用
• ミドル（2-3分）: 事業紹介・職種別ページ・選考フロー
• ロング（3-10分）: 社員インタビュー・座談会・密着

制作時に最初からロング版を作り、そこから抜粋してショート・ミドル版を編集する手順が効率的です。撮影は1回で済み、編集の工数だけで複数尺の動画が揃います。

構成の基本は「結論を先出し」

採用サイトの動画は候補者が「見るかどうか」を最初の10秒で判断します。冒頭で結論（この動画で何がわかるか、誰が話すのか）を提示し、詳細を後段で展開する構成が基本です。

動画制作の費用感は採用動画の費用相場、企画から撮影・納品までの進め方は採用動画の制作フローで解説しています。

撮影は「作り込みすぎない」ラインを見極める

演出過多の動画（ドローン多用、モデル起用、CG演出等）は初見のインパクトはありますが、候補者が「実際の職場と違うのでは」と警戒する材料にもなります。採用サイトの動画は、実在する社員・実在する職場・実際の業務が映っていることが信頼の起点になります。

採用サイトへの動画の埋め込み方法（YouTube vs 自社ホスティング）

動画ファイルを採用サイトに埋め込む方法は主に2つです。判断軸は下記のとおりです。

コストと運用の軽さを優先するならYouTube、ブランド統制と関連動画の非表示を優先するなら自社ホスティング（Vimeoが標準的な選択肢）が基本の判断です。

YouTube埋め込みで押さえるべきパラメータ

YouTubeを採用サイトに埋め込む場合、URLの後ろにパラメータを追加することで挙動を制御できます。主要なパラメータは下記です（参考: YouTube ヘルプ「動画と再生リストを埋め込む」、LOCUS「YouTube埋め込みパラメータ9選」）。

モバイル自動再生の実装ポイント

スマートフォンでは、多くのブラウザが「音ありでの自動再生」をポリシーで禁止しています。データ通信の意図しない消費を防ぐための仕様です（参考: PRYTHMWORKS「スマホだと自動再生されないYouTube動画」）。

モバイルで自動再生させる場合は下記3点をセットで実装します。

1. autoplay=1&mute=1 を付与してミュート状態で自動再生
2. playsinline=1 を付与してiOS Safariで全画面遷移を防ぐ
3. 動画の内容がミュートで理解できるようテロップを入れる

自動再生を採用サイトの全ページで有効にすると、候補者が別ページに遷移するたびに動画が勝手に始まって煩わしくなります。自動再生はファーストビューの1本に限定するのが実務判断です。

video schemaの実装

動画を埋め込むページに構造化データ（VideoObject schema）を実装すると、Google検索結果に動画リッチリザルトが表示される可能性があります。採用サイトの検索流入を増やしたい場合は実装を検討してください。JSON-LD形式でページのheadに記述するのが標準的な方法です。

採用サイトで動画がうまく機能しない5つの失敗パターン

制作後の運用フェーズで、実際によく起きるトラブルを5つ挙げます。

1. 自動再生で音が突然鳴る

音ありで自動再生を設定すると、就業時間中の候補者がオフィスで採用サイトを閲覧したときに音が鳴って離脱します。自動再生は必ずミュート（mute=1）とセットで実装します。

2. 動画のロードが重くページ表示が遅くなる

自社サーバーで大容量の動画ファイル（1GB超のMP4等）を配信すると、モバイル回線の候補者はページ表示に時間がかかって離脱します。YouTube/Vimeo経由の埋め込みは配信最適化が行われているため、この問題は起きにくい構造です。自社サーバー配信する場合は、動画ファイルを最大でも300MB以下に圧縮します。

3. モバイルで縦横比が崩れる・見切れる

PCで16:9のレイアウトを組んでモバイル対応を忘れると、スマートフォンで動画が横に見切れる、または縦長画面の中央に小さく表示されて見えづらくなります。CSSでaspect-ratio: 16/9を設定し、max-width: 100%で画面幅に追従させます。

4. 動画1本で全てを語ろうとする

10分を超えるロング動画を1本だけ置くと、途中離脱が増えます。ロング1本ではなくミドル・ショートに分割し、ページごとに配置する方が全体の視聴完了率は上がります。

5. 掲載後の効果測定をしない

動画を載せて終わり、では改善サイクルが回りません。YouTube AnalyticsとGA4を連携させ、動画の視聴維持率・ページ滞在時間・応募フォーム到達率を月次で追跡します。視聴が特定の秒数で急落している場合、その箇所の構成に問題がある可能性が高いため、次の制作で修正します。

業界の事例

採用サイトへの動画掲載事例は業種によって使い方が大きく変わります。ストークベースの制作実績を見るページで、製造業・物流・ホテル等の現場産業を中心とした実際の採用動画・密着動画の制作事例を掲載しています。

まとめ

採用サイトに動画を掲載するときの判断ポイントを3つに絞ると次のとおりです。

1. 配置はページ×動画種別×尺のマトリクスで設計する: トップは短尺、詳細ページに長尺。1本を貼り回すのではなく複数の尺と種類を分散させる
2. 埋め込みはYouTubeが基本、ブランド統制優先ならVimeo: 自動再生を使う場合はモバイル対応（autoplay=1&mute=1&playsinline）をセットで実装
3. 効果測定を必ず組み込む: YouTube AnalyticsとGA4連携で視聴維持率・ページ滞在時間を追跡し、次の制作に反映させる

採用サイトの動画は「載せて終わり」ではなく、配置設計と運用改善が成果を分けます。