自社サイトで動画を見せたいからといって、動画ファイルまで自社サーバーへ置く必要はありません。多くの中小企業では、YouTubeなどの外部サービスへ動画を登録し、その動画を自社ページ内に埋め込む方法が運用しやすい選択です。大切なのは配信方法そのものではなく、見てほしい相手、載せるページ、視聴後にしてほしいことをそろえることです。
この記事では、外部サービスからの埋め込み、動画配信サービス、自社サーバーからの直接配信を分けて説明します。掲載場所、表示速度、プライバシー、字幕、検索、公開後の確認まで、中小企業が実務で迷いやすい点を順に整理します。動画を作る目的から見直したい場合は、先に中小企業に動画制作が必要かを判断するガイドをご覧ください。
「自社サイトに埋め込む」と「自社で配信する」は別の話
埋め込みとは、ホームページの中に動画プレーヤーを表示することです。動画の保存先はYouTubeなどの外部サービスでも構いません。一方、自社配信は、動画ファイルを自社のサーバーや契約した配信基盤から届ける方法を指します。画面上は似ていても、費用、表示速度、管理、規約、計測の条件が異なります。
| 方法 | 向いている場面 | 注意点 |
|---|---|---|
| 外部動画サービスへ登録して埋め込む | 会社紹介、商品説明、採用、使い方など一般公開する動画 | サービスの規約、表示、広告、関連動画、データ送信を確認する |
| 法人向け動画配信サービスから埋め込む | 限定公開、細かな視聴管理、見た目や配信品質を管理したい動画 | 月額費用、視聴量、保存容量、退会時の移行条件を確認する |
| 自社サーバーから直接配信する | 短い動画を限定的に使い、技術管理を自社で続けられる場合 | 容量、通信量、端末ごとの形式、バックアップ、障害対応を自社で持つ |
WordPressの公式案内でも、YouTubeなどのURLを埋め込みブロックへ貼り付ける方法が紹介されています。外部動画を埋め込む場合、動画ファイルをWordPressへアップロードするのではなく、外部にある動画をページ内で表示します。基本操作はWordPress公式の埋め込み案内で確認できます。
中小企業の最初の選択は、外部配信と埋め込みでよいことが多い
会社紹介や製品説明を広く公開するなら、まず外部動画サービスへ登録し、自社ページへ埋め込む方法を検討します。動画の変換や配信負荷をサービス側に任せやすく、パソコンとスマートフォンの両方へ届けやすいためです。YouTubeの企画、撮影、公開をまとめて確認する場合は、中小企業のYouTube活用ガイドも参考になります。
- 一般公開でよい：検索や共有も考え、YouTubeなどの外部サービスを候補にする
- 限られた相手だけに見せたい：公開範囲と認証に対応した法人向け配信サービスを調べる
- 広告や関連動画を避けたい：有料プランを含め、見た目と契約条件を比較する
- 機密情報を含む：動画へ載せないことを第一にし、必要ならアクセス管理を設計する
- 自社運用を考える：配信量、端末対応、保守担当、障害時の対応まで費用に含める
「無料だから」「自社で自由にできるから」だけで決めると、公開後の更新や確認が続きません。担当者が変わっても運用できる方法を選びます。
埋め込みの利点は、動画とページの説明を一つの流れにできること
動画サイトの視聴ページでは、動画の前後にある会社情報や問い合わせ先を自社の順番で見せにくいことがあります。自社ページへ埋め込めば、動画を見る理由、補足説明、仕様、よくある質問、問い合わせ先まで一つのページ内でつなげられます。
| ページ | 動画で見せる内容 | 動画の周囲に置く情報 |
|---|---|---|
| 商品・サービス | 動き、使い方、作業の違い | 対象、仕様、料金の考え方、相談方法 |
| 会社紹介 | 仕事場、考え方、代表の説明 | 事業内容、強み、所在地、実績の根拠 |
| 採用 | 職場、仕事の流れ、社員の声 | 募集職種、条件、選考、応募方法 |
| 使い方・サポート | 手順、注意点、実際の操作 | 文章の手順、必要な道具、問い合わせ先 |
動画を置くだけでは、何が分かるのか伝わりません。再生時間と見るべき点を動画の直前に一文で示し、視聴後の行動を直後に置きます。
掲載場所は「文章の代わり」ではなく、判断を助ける場所にする
ページの先頭へ大きな動画を置けばよいとは限りません。訪問者が「写真だけでは分からない」「動きや人柄を確かめたい」と感じる場所へ置きます。重要な料金、対象、条件、申し込み方法は動画だけに閉じ込めず、文章でも確認できるようにします。
- 動画の直前に、誰向けで何が分かるかを書く
- 再生しなくても、ページの結論と重要条件が分かるようにする
- 動画の直後に、仕様、事例、応募、相談など次の選択肢を置く
- 同じ動画を意味なく何ページにも貼らず、各ページでの役割を決める
- 長い動画は、見る箇所や時間の目安を添える
WordPressでは、まず公式の埋め込みブロックを使う
YouTube動画であれば、WordPressのYouTube埋め込みブロックへ動画URLを貼り、表示を確認する方法が基本です。ただし、配信者が埋め込みを許可していない動画や、地域制限がある動画は表示できない場合があります。操作と条件はWordPress公式のYouTube埋め込み案内を確認してください。
- 動画側を確認する：公開範囲、埋め込み許可、権利、字幕を確認する。
- 掲載ページを決める：その動画が訪問者のどの疑問に答えるかを書く。
- URLを埋め込む：WordPressの埋め込みブロックを使い、必要以上の追加機能を入れない。
- 前後の文章を加える：再生前の説明と、再生後の次の行動を用意する。
- 端末で試す：パソコン、スマートフォン、音声なし、低速回線を想定して確認する。
自動再生は基本的に避け、見る人に再生を選んでもらう
ページを開いた瞬間の音や動画は、訪問者を驚かせ、通信量も増やします。ブラウザ側で再生が止められる場合もあり、想定どおり動くとは限りません。YouTubeの公式パラメータ説明では、自動再生を有効にすると、操作前に再生とデータ送信が始まると案内されています。現在の仕様はYouTube埋め込みプレーヤーの公式説明で確認してください。
再生ボタンを見つけやすくし、停止、音量、字幕、全画面などの標準操作を隠さないことが基本です。背景演出として無音動画を使う場合も、止める方法、通信量、見え方を別に検討します。
表示速度は、埋め込み数と読み込みのタイミングで変わる
外部動画のプレーヤーは、動画そのものを再生する前から追加の通信や処理を行う場合があります。ページ下部の動画を最初からすべて読み込むと、本文や画像の表示を邪魔することがあります。画面外のiframeでloading属性をlazyにする方法は、web.devのiframe遅延読み込み解説で紹介されています。
| 確認すること | 実務での対応 |
|---|---|
| 一つのページに動画が多い | 本当に必要な動画へ絞り、一覧は別ページも検討する |
| ページ下部に動画がある | 画面へ近づいてから読み込む設定を確認する |
| 読み込み時に画面が動く | 動画枠の縦横比や大きさを先に確保する |
| 最初の動画が重要 | 機械的に遅延させず、実際の表示速度を測って判断する |
| 複数の外部機能を使う | 動画だけでなく地図、SNS、計測機能も含めて負荷を見る |
公開前後は、動画を外した状態との違いを測ります。「遅延読み込みを入れたから大丈夫」と決めつけず、スマートフォンで最初の表示と再生開始までを確かめます。
プライバシー強化モードだけで、確認が終わるわけではない
YouTubeには、埋め込み先をyoutube-nocookie.comへ変えるプライバシー強化モードがあります。公式ヘルプでは、このモードで表示される動画の視聴情報は、サイト外の広告のカスタマイズに使われないと説明されています。ただし、外部サービスとの通信が一切なくなるという意味ではありません。設定方法と適用条件はYouTube公式の動画埋め込み案内で確認してください。
- 使っている動画サービスと、ページ表示時に行われる通信を把握する
- プライバシーポリシーと同意画面の説明を現在の実装に合わせる
- 必要に応じて、同意後にプレーヤーを読み込む仕組みを検討する
- 子ども向け、医療、採用、会員向けなどは扱う情報と規約を個別に確認する
- 外部サービスの仕様変更後も、表示と説明が一致しているか見直す
字幕と文章を用意し、音を出せない人にも内容を伝える
職場、移動中、周囲に人がいる場所では、音を出さずに見る人もいます。話している内容だけでなく、理解に必要な音の情報も字幕で伝えます。録画済みの音声付き動画について字幕を求める考え方は、W3Cの録画済みコンテンツの字幕解説で確認できます。
重要な説明は、動画の下にも要点や手順として書きます。字幕の自動生成を使った場合は、会社名、商品名、専門用語、数字を人が確認します。動画内の文字が小さすぎないか、スマートフォンでも確かめてください。
検索対策は、埋め込みだけでなくページ全体で考える
動画を貼っただけで検索順位が上がるとは限りません。Googleは、一般的な<video>、<embed>、<iframe>などで動画を見つけられると説明していますが、動画が検索の動画枠へ必ず出るとは保証していません。動画を主役にする視聴ページと、商品説明の一部として動画を使うページも区別しています。現在の要件はGoogle検索の動画SEO公式ガイドを参照してください。
| ページ側で整えること | 理由 |
|---|---|
| 動画ごとに分かる題名と説明を書く | 誰向けの何の動画かを人と検索エンジンへ伝える |
| 動画の内容を文章でも説明する | 再生できない場合でも重要な答えを残す |
| 内容と一致する安定したサムネイルを使う | 再生前に内容を判断しやすくする |
| 重要な動画を隠れた表示にしない | ページ上で存在と役割を確認できるようにする |
| 動画の構造化データを使う場合は実物と一致させる | 名前、説明、画像、公開日などの矛盾を防ぐ |
動画の入口となる画像を整える場合は、動画サムネイルの作成と確認方法もあわせてご覧ください。
自社サーバーへ置く場合は、配信後の仕事まで見積もる
自社サーバーから直接配信すれば、外部プレーヤーの見た目や規約の影響を減らせる場合があります。一方で、動画ファイルの変換、保存容量、通信量、端末対応、再生不具合、バックアップ、アクセス制限まで自社側の仕事になります。WordPressのメディアへ大きな動画を置くだけで、配信設計が完了するわけではありません。
| 決める項目 | 確認する質問 |
|---|---|
| 容量と通信量 | 同時に何人が、何分の動画を見る想定か |
| 動画形式 | 主要な端末とブラウザで再生できるか |
| 公開範囲 | URLを知る人全員でよいか、認証が必要か |
| 更新 | 差し替え時にページ、キャッシュ、古いファイルをどう扱うか |
| 障害対応 | 再生できないとき、誰が何を確認するか |
| バックアップ | 大きな動画を含めた保存先と復旧時間は現実的か |
見た目を自由にしたいだけなら、法人向けの動画配信サービスや、再生前は軽い画像だけを見せる方法で解決できることもあります。自社配信へ進む前に、必要な制御と運用費を分けて比較します。
公開前に、パソコンとスマートフォンで同じ流れを試す
制作画面で表示できただけでは完了ではありません。公開予定のページで、再生前、再生中、再生後まで確認します。社内Wi-Fiだけでなく、通信が速くない状況も想定してください。
- 再生前に、動画の内容と時間を判断できる
- 横幅320px程度でもプレーヤーが画面からはみ出さない
- 再生、停止、音量、字幕、全画面をキーボードでも操作できる
- 字幕が顔、製品、重要な文字へ重ならない
- 動画を再生しなくても、ページの要点が分かる
- 動画の読み込み中もページが大きく動かない
- 公開範囲と埋め込み許可が正しく、ログアウト状態でも表示できる
- 動画の直後に、詳しい説明や相談方法が見つかる
公開後は、再生数だけでなく次の行動まで見る
再生数が多くても、必要な相手が見ているとは限りません。掲載ページ、動画の位置、再生開始、視聴後のリンク、問い合わせを同じ流れで確認します。計測できない項目は推測で埋めず、「未計測」として次の改善へ残します。
| 確認する数字・反応 | 分かること | 次に見る点 |
|---|---|---|
| 掲載ページの閲覧 | 動画を見る可能性がある人の規模 | 検索、広告、SNS、既存顧客などの入口 |
| 再生開始 | 説明と画像が見る理由を作れたか | 動画の位置、題名、再生時間 |
| 視聴時間・完了 | 内容と長さが疑問に合ったか | 離脱した場面、冒頭の説明 |
| 動画後のリンク | 次の情報へ進めたか | リンクの内容と置き場所 |
| 問い合わせ・応募・購入 | 事業上の目的へつながったか | 動画だけでなくページ全体と流入元 |
YouTube、SNS、ホームページをどの役割で使うか整理する場合は、中小企業のメディア・集客戦略へ戻って確認できます。
公開前チェックリスト
- 外部サービス、法人向け配信、自社配信の違いを比較した
- 見てほしい相手と、動画で答える疑問を一文にした
- 動画を置くページと場所に理由がある
- 再生前の説明、再生時間、視聴後の次の行動を用意した
- 自動再生に頼らず、標準の操作を使える
- 外部通信、同意、プライバシーポリシーの説明を確認した
- 字幕と文章で重要な内容を確認できる
- 表示速度と画面のずれを実機に近い条件で確かめた
- 動画とページの題名、説明、サムネイルが一致している
- パソコン、スマートフォン、キーボード、ログアウト状態で試した
- 公開後に見る数字、担当者、確認日を決めた
動画を置くことより、ページで何を判断できるかを整える
動画の埋め込みは、ページを華やかにするためではなく、文章や写真だけでは伝わりにくい動き、人柄、手順を確かめてもらうために使います。Bämでは、動画の保存先だけでなく、掲載ページの説明、表示速度、問い合わせ・応募・購入までの流れを一緒に確認します。写真や動画の権利確認はホームページで使う画像の権利確認、社内で撮影を進める場合はホームページ用写真を社内で撮影する手順も参考になります。
動画を活かせる会社ページを整えたい場合は、Bämのコーポレートサイト制作をご覧いただくか、動画とホームページのご相談からお聞かせください。目的別の記事を探す場合は、マーケティングの案内ページへ戻れます。
参考資料
- WordPress.org「Embeds」（2026年9月2日確認）
- WordPress.org「YouTube embed」（2026年9月2日確認）
- YouTubeヘルプ「動画と再生リストを埋め込む」（2026年9月2日確認）
- YouTube IFrame Player API「埋め込みプレーヤーとパラメータ」（2026年9月2日確認）
- web.dev「画面外のiframeを遅延読み込みする」（2026年9月2日確認）
- Google検索セントラル「動画SEOのベストプラクティス」（2026年9月2日確認）
- W3C WAI「録画済みコンテンツの字幕」（2026年9月2日確認）
