動画LPとは？埋め込み方法・作り方・成功事例を解説

Webマーケティングの世界で急速に注目を集めている「動画LP（ランディングページ）」。従来のテキストや画像主体のLPに比べて、圧倒的な情報伝達力とエンゲージメント力で、CVR（コンバージョン率）を高める成功事例も続々登場しています。

しかし、動画LPを検討する際に多くの担当者がつまずくのが「そもそもどうやって動画をLPに埋め込むのか」という実装面の疑問です。videoタグで直接置くのか、YouTubeやVimeoを使うのかで、表示速度もブランドの見え方も大きく変わります。

本記事では、動画LPの基本から、videoタグ・YouTube・Vimeoの3つの埋め込み方法と選び方、楽天証券・大塚製薬などの成功事例、制作費用の相場、CVRを高める7つのポイント、そしてスマホ時代のスワイプ型動画LPまで、実際の企業事例とともに解説します。

そもそも動画LPとは？基本や仕様を確認

動画LPとは、その名の通り、動画コンテンツを組み込んだランディングページ（LP）のことです。

LPは通常、特定の商品やサービスの購入、問い合わせといったコンバージョン（成果）を目的に作られた単一のWebページを指します。

従来のLPはテキストや画像が中心でしたが、動画LPは動きと音でユーザーの注目を集め、より多くの情報を短時間で伝えることが可能です。スマートフォンの普及に伴い、動画コンテンツはマーケティング手法として重要性が高まっています。

比較項目	動画LP	従来のLP（静的LP）
情報伝達力	◎：非常に高い（視覚・聴覚に訴求）	△：テキストと画像に依存
表現力	◎：世界観やストーリーを伝えやすい	○：デザインやコピーライティング次第
エンゲージメント	◎：ユーザーの滞在時間が長い傾向	△：内容が魅力的でないと離脱されやすい
制作コスト	△：比較的高くなる傾向	◎：比較的安価に制作可能
制作期間	△：企画・撮影・編集に時間が必要	◎：比較的短期間で制作可能

動画LPを導入する5つのメリット

動画LPを導入することで、企業は多くのメリットを享受できます。特に、ユーザーの行動や心理に直接働きかける効果は、静的なLPにはない大きな強みです。

主なメリットとして、以下の5点が挙げられます。

圧倒的な情報伝達力

動画は音声・映像・テキストを同時に届けられるため、同じ時間でもテキストや静止画より多くの情報を直感的に伝えられます。

製品の複雑な操作フローや利用シーンを“読ませる”のではなく“見せて体験させる”形で理解させられる点が、動画LPならではの強みです。

エンゲージメントの向上

動き・音・ストーリーが掛け合わさる動画は、ファーストビュー直後の離脱を抑え、ページ滞在時間を自然に延ばします。

視聴中に「次はどうなる？」と期待を喚起できればコメントやシェアなどの双方向アクションも増加し、検索エンジンが重視するエンゲージメント指標の向上にも直結します。

コンバージョン率（CVR）の向上

動画で使用イメージを具体化し、導入メリットを視覚的に示すことで、申込ボタンを押す心理的ハードルを下げられます。

たとえばフォームの直前に短い説明動画を挿入し、サービスの利用イメージを伝えることでCVR改善につなげている企業もあります。

ブランドイメージの向上

映像美やBGM、語り口調をコントロールできる動画は、ブランドの世界観を“感情レベル”で伝える最適なツールです。

統一感あるトーン＆マナーで仕上げた動画LPは、信頼感とプロらしさを演出し、「このブランドなら間違いない」というポジティブな印象を植え付けます。

多様なマーケティングチャネルへの活用

一度制作した動画は、LPだけでなくYouTube広告・SNSリール・ウェビナーのオープニング・営業資料など、多数のチャネルで再利用できます。

複数タッチポイントを横断して露出できるため、制作コストの回収が早まり、キャンペーン全体のROIが最大化します。

知っておくべき4つのデメリットと対策

多くのメリットがある一方で、動画LPには導入前に知っておくべきデメリットも存在します。しかし、これらは事前に対策を講じることで、リスクを最小限に抑えることが可能です。

デメリット	主な内容	具体的な対策方法
制作コストがかかる	企画、撮影、編集などの工程が必要なため、静的なLPより費用が高くなる場合があります。	・テンプレートを活用する ・アニメーション動画を検討する ・内製できる範囲を検討する
ページ表示速度が遅くなる	動画ファイルは容量が大きいため、LPの読み込み速度に影響を与える可能性があります。	・動画ファイルを適切に圧縮する ・CDN（コンテンツデリバリーネットワーク）を利用する ・YouTubeやVimeoなどのプラットフォームにアップロードし、埋め込みコードを利用する
情報過多になるリスク	伝えたいことが多すぎて動画が長くなると、かえってユーザーの離脱を招くことがあります。	・動画の目的を絞り、伝えるメッセージを1つか2つにする ・動画の尺は1分以内を目安に簡潔にまとめる
アクセシビリティへの配慮	音声が出せない環境や聴覚に障がいのあるユーザーには、動画の内容が伝わりません。	・必ず字幕（キャプション）を追加する ・動画の内容を補完するテキストを近くに配置する

動画LPの埋め込み方法｜videoタグ・YouTube・Vimeoの違いと手順

動画LPを作るうえで多くの担当者が最初に迷うのが、「動画をどうやってLPに埋め込むか」という実装方法です。主な方法は、自社サーバーの動画を直接再生する「videoタグ」、動画共有プラットフォームを使う「YouTube埋め込み」「Vimeo埋め込み」の3つに分かれます。

それぞれ表示速度・再生の自由度・ブランドの見え方・コストが異なるため、動画LPの目的に合わせて選ぶことが重要です。ここでは3つの方法の特徴と手順、選び方を整理します。

videoタグで直接埋め込む方法（自社サーバー配信）

videoタグは、HTML5標準のvideo要素を使い、自社サーバーにアップロードした動画ファイル（MP4など）を直接再生する方法です。外部プラットフォームを介さないため、LPの世界観を保ったまま動画を見せられます。

記述例は以下のようになります。スマートフォンで自動再生させたい場合は、muted（消音）とplaysinline属性が必要です。多くのモバイルブラウザは、音声付き動画の自動再生を制限しているためです。

<video src="/movie/hero.mp4" autoplay muted loop playsinline poster="hero.jpg">
  お使いのブラウザは動画タグに対応していません。
</video>

• メリット: YouTubeロゴ・関連動画・広告が一切表示されず、LPのデザインを崩さない。自動再生・ループ・コントロール非表示など再生の細かい制御がしやすい。
• 注意点: 動画ファイルを自社サーバーに置くため、表示速度と転送量への負荷が大きい。ファイル圧縮やCDNの併用が前提になる。再生互換性を考えると、動画形式はMP4（H.264）が無難です。

短い尺のブランドムービーをファーストビューに置きたい、外部ロゴを一切見せたくない、といった世界観重視のLPに向いた方法です。

YouTubeで埋め込む方法

YouTubeに動画をアップロードし、「共有」→「埋め込む」から取得できるiframeコードをLPに貼り付ける方法です。最も手軽で、動画LPで広く使われています。

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/動画ID?rel=0"
  title="動画LP" frameborder="0"
  allow="autoplay; encrypted-media" allowfullscreen></iframe>

手順は、（1）YouTubeで動画を公開（または限定公開）する、（2）動画下の「共有」→「埋め込む」を選ぶ、（3）表示されたiframeコードをコピーする、（4）LPのHTMLの任意の位置に貼り付ける、の4ステップです。

• メリット: 動画ファイルを自社サーバーに置かないため、ページの表示速度・容量の負担が軽い。安定した高速配信が期待でき、YouTube検索からの流入（VSEO）も狙える。
• 注意点: 再生前後や一時停止時に関連動画やYouTubeロゴが表示され、LPから離脱される可能性がある。URLにrel=0を付けると再生後の関連動画を同一チャンネルの動画に限定できるなど、パラメータである程度は制御できます。自動再生する場合はミュートが必須です。

手軽さと表示速度、検索流入をバランスよく取りたい汎用的な動画LPに適しています。

Vimeoで埋め込む方法

Vimeoにアップロードし、埋め込みコードを貼り付ける方法です。仕組みはYouTubeと同様ですが、再生画面に広告や関連動画が表示されない点が大きな違いです。

<iframe src="https://player.vimeo.com/video/動画ID"
  width="640" height="360" frameborder="0"
  allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

• メリット: 広告・関連動画が表示されず、LPの世界観やブランドイメージを損なわない。プレイヤーの色やロゴのカスタマイズにも対応し（一部は有料プラン）、高画質配信に定評がある。
• 注意点: 本格的なカスタマイズや商用機能は有料プランが中心。YouTubeほどの検索流入は見込みにくい。

広告を出したくない、ブランドの世界観を厳密に管理したいBtoBサービスや高単価商材のLPに向いた方法です。

3方式の比較表と選び方

3つの埋め込み方法を、動画LPで重視されやすい観点で比較すると以下のとおりです。

比較項目	videoタグ（自社配信）	YouTube埋め込み	Vimeo埋め込み
表示速度への負荷	大（自社サーバー配信）	小	小
再生の自由度	高（自動再生・非表示制御が容易）	中（パラメータで制御）	高（広告・関連動画なし）
広告・関連動画	表示されない	表示されやすい	表示されない
コスト	サーバー・CDN費用	無料	有料プラン中心
VSEO（検索流入）	狙いにくい	狙いやすい	狙いにくい
向く用途	世界観重視・短尺ブランド動画	手軽さ・検索流入も狙う汎用LP	ブランド・広告排除・高単価商材

選び方の目安として、表示速度と手軽さ・検索流入を優先するならYouTube、広告を排除して世界観を守りたいならVimeoまたは自社配信のvideoタグが適しています。

そして、どの方式を選んでも共通する鉄則が2つあります。1つは動画のすぐ近くにCTA（申込・問い合わせボタン）を配置すること、もう1つは自動再生させる場合は必ずミュートにすることです。音が突然鳴る動画はユーザーに敬遠されやすく、離脱の原因になります。

【目的別】動画LPの成功事例3選から学ぶ勝ちパターン

動画LPの効果は、その目的によって様々です。ここでは、異なる目的で成果を上げた3つの成功事例をご紹介します。

企業名	LPの目的	成功のポイント
楽天証券「かぶピタッ！」	複雑な証券サービスの理解促進	専門用語を使わず、アニメーションで投資のハードルを下げた
大塚製薬「Vivoo」	アプリ利用の疑似体験	アプリの利用シーンを具体的に見せ、「自分ごと化」させた
マルコメ株式会社	ブランディング・購買意欲向上	味噌汁づくりの日常を描いた映像で商品の世界観を伝え、購買意欲を刺激した

事例1｜楽天証券「かぶピタッ！」- 複雑なサービスを分かりやすく解説

楽天証券が展開している「かぶピタッ」の金額指定取引サービスは、ランディングページ（LP）に動画を活用している点が目を引きます。ページの最初に動画を配置することで、利用者がサービスの特徴やメリットをスムーズに理解できる構成です。

動画コンテンツでは、国内株式をあらかじめ指定した金額で簡単に購入できる仕組みを解説し、従来の取引との違いや「かぶピタッ」独自の利便性を丁寧に伝えています。そのため、動画を視聴した人は、概要や利用イメージを明確に掴んだ状態で、他の詳細情報や実際の導入手順に自然と目を向けることができます。

このように、ファーストビューに分かりやすい動画を取り入れることで、まだ世間に十分知られていない新サービスであっても、訪問者の関心を引き寄せ、サイト内での回遊性を高める効果が期待できます。

特に、これから認知度拡大を図りたい商品やサービスの場合、伝えたいメッセージを直感的に伝える動画活用は非常に有効な手法と言えるでしょう。「かぶピタッ」の事例は、LP設計を検討中の事業者にとって、大いに参考になるはずです。

事例2｜大塚製薬「Vivoo」- アプリ利用の疑似体験でダウンロード促進

大塚製薬株式会社が展開する栄養管理サービス「Vivoo（ビブー）」のランディングページでは、最初に目に入る部分にインパクトのある動画を取り入れている点が際立っています。

ページを開くと、「あなたの栄養管理を、もっと身近に」という印象的なキャッチコピーが現れ、続く映像ではVivooがどのように日々の健康をサポートするのかが、簡潔ながらも伝わる内容で構成されています。

このページは、ポップで親しみやすいビジュアルを大胆に活用しつつ、情報はあえてテキストだけで表現するなど、テレビCMさながらの高クオリティを感じさせる仕掛けが随所に見られます。映像のリズムやメッセージ性が絶妙で、ユーザーが自然とサービス内容に引き込まれる設計になっています。

もし、自社のランディングページに視線を惹きつける効果的な動画演出を導入したい、あるいはブランドイメージを強くアピールしたいと考えているのであれば、Vivooの事例を詳しく観察してみると、新たなアプローチのヒントが得られることでしょう。

事例3｜マルコメ株式会社 – おいしいおみそ汁の作り方で購買意欲を刺激

マルコメ株式会社が手掛ける味噌汁関連商品のランディングページは、一般的な商品紹介やダイレクトな購入訴求とは一味違うアプローチを採用しています。

「おいしいおみそ汁の作り方」というテーマのもと、エプロン姿の女性が丁寧に味噌汁作りをする様子を動画で展開。ページにアクセスするとすぐに再生される動画では、料理を通じて穏やかな日常のひとコマが切り取られており、視聴者の心に温かな印象を残します。

映像には、明るくリズミカルなBGMが流れ、カメラの視点も巧みに切り替わるため、見ていて飽きない演出が施されています。女性の自然な表情や手際の良い料理の流れが映し出され、まるでホームドラマのワンシーンのような親しみやすい雰囲気が漂います。

このコンテンツを通じて、マルコメの味噌汁がある豊かな食卓のイメージをさりげなく伝え、商品の良さやブランドイメージを自然な流れで訴求。

視聴した人が「自分も作ってみたい」と感じるような心理的な後押しに繋げています。従来の広告手法とは一線を画し、体験型・共感型のアプローチで間接的に購買意欲を高める内容となっています。

なお、自社の動画LPを企画するときは、他社の完成度の高いLPをデザインの参考にすると、構成や見せ方のヒントが得られます。動画が特徴のLPをまとめたギャラリー（LP幹事やLP制作.jpなど）で幅広い実例を探せるほか、スマートフォンで読み進めるスワイプ型のLPを参考にしたい場合は、業種・テイスト別にサンプルをまとめた記事も役立ちます。

スワイプLPデザイン参考18選｜業種×テイスト別サンプル集 – マーケティングラボ

スワイプ型LPの参考デザインを業種別・テイスト別に実物サンプル18例で紹介。美容・飲食・採用・歯科など9業種を網羅し、実際にスワイプできるデモも公開。自社に…

マーケティングラボ – スワイプ型LP・LP制作・Web広告の専門メディア。スワイプ型LP制作ツール「SwipeKit byGMO」（特許取得）の開発元。

失敗しない！動画LP制作を成功に導く7つのポイント

動画LPはただ作れば良いというものではありません。その効果を最大化するためには、押さえるべき7つの重要なポイントがあります。

ここでは、企画から公開後の改善までを見据えた7つのポイントをご紹介します。

Point 1｜目的とターゲットを明確にする（誰に、何を伝え、どうなってほしいか）

制作を始める前に、まず「この動画LPで誰に、何を伝え、最終的にどうなってほしいのか」を明確に定義することが最も重要です。

例えば、「20代女性に新商品の魅力を伝え、購入してもらう」「中小企業の経営者にサービスの導入メリットを理解させ、資料請求してもらう」など、目的とターゲットが具体的であるほど、動画の内容やメッセージは研ぎ澄まされます。

Point 2｜動画は「1分以内」で結論ファーストを意識する

Webユーザーの集中力は長く続きません。特に、LPで離脱を防ぐためには、動画の尺を1分以内、理想的には15秒から30秒程度に収めるのが効果的です。

そして、最も伝えたいメッセージや結論（ベネフィット）は、ユーザーが飽きる前の冒頭15秒以内に提示する「結論ファースト」の構成を心がけましょう。

Point 3｜ファーストビューに配置し、第一印象で惹きつける

ユーザーがLPにアクセスして最初に目にする「ファーストビュー」は、その後の滞在時間を左右する最も重要なエリアです。

ここに魅力的な動画を配置することで、ユーザーの興味を一気に引きつけ、スクロールを促すことができます。

音声なしでも内容が伝わるようにテロップを入れたり、思わずクリックしたくなるようなサムネイル画像を設定したりする工夫も重要です。

Point 4｜動画のすぐ近くにCTAを設置し、機会損失を防ぐ

動画を視聴して商品への興味や購買意欲が高まったユーザーを、スムーズにコンバージョンへ導く動線設計が不可欠です。

動画の直下や横など、視聴者の目線が自然に動く場所に「ご購入はこちら」「無料相談を申し込む」といったCTAボタンを設置しましょう。これにより、ユーザーの熱量を逃すことなく、機会損失を防ぐことができます。

Point 5｜表示速度を最適化する（動画の圧縮・CDN活用）

動画はファイルサイズが大きくなりがちで、ページの表示速度を低下させる主な原因となります。ページの表示に時間がかかるほどユーザーの離脱率は高まる傾向があるため、動画LPでは表示速度の最適化が欠かせません。

専用のツールで動画ファイルを圧縮したり、YouTubeなどのプラットフォームにアップロードして埋め込んだり、CDN（コンテンツデリバリーネットワーク）を活用したりして、表示速度の低下を必ず防ぎましょう。

Point 6｜VSEO（動画SEO）を意識して検索流入を狙う

制作した動画をYouTubeなどにアップロードする場合は、VSEO（動画の検索エンジン最適化）を意識しましょう。

動画のタイトルや説明文、タグに、ユーザーが検索しそうなキーワードを盛り込むことで、GoogleやYouTubeの検索結果に表示されやすくなります。これにより、LPへの流入経路を増やし、相乗効果を狙うことができます。

Point 7｜アクセシビリティに配慮する（字幕・音声ガイド）

電車の中など音声が出せない環境で視聴するユーザーや、聴覚に障がいを持つユーザーのために、動画には必ず字幕を付けましょう。これは、より多くの人に情報を届けるという点で非常に重要です。

こうしたアクセシビリティへの配慮は、企業の信頼性やブランドイメージの向上にも繋がります。

動画LPの制作費用は？料金相場と投資対効果（ROI）の考え方

動画LPに興味はあるが、予算面で不安を感じているWeb担当者も多いのではないでしょうか。実際、動画LP制作にかかる費用はいくらくらいなのか、具体的な目安を把握しておきたいところです。

そこでここからは、動画LP制作の料金相場についてご紹介しつつ、単なる「経費」としてではなく、成果に直結する「投資」として捉える重要性や、どのように投資対効果（ROI）を見極めて判断すればよいのかといった観点にも触れて解説していきます。

【料金比較】内製 vs 制作会社への外注

動画LPの制作費用は、自社で制作するか（内製）、専門の制作会社に依頼するか（外注）で大きく異なります。

また、動画の種類（実写かアニメーションか）によっても費用は変動します。

制作方法	費用相場	制作期間	メリット	デメリット
内製	0円～30万円	1週間～1か月	・コストを抑えられる ・意思疎通がスムーズ	・専門知識やスキルが必要 ・クオリティの担保が難しい ・担当者のリソースを圧迫する
外注（実写）	30万円～200万円以上	1か月～3か月	・高品質な動画が期待できる ・企画から丸投げできる	・費用が高額になる傾向 ・制作会社との連携が必要
外注（アニメーション）	20万円～150万円以上	1か月～2か月	・実写では表現できない内容も可能 ・修正が比較的容易	・実写より費用がかかる場合がある ・表現によってはチープに見える

なお、LP全体の制作費用の内訳や依頼先ごとの料金差をより詳しく知りたい場合は、LP制作費用の相場は5万〜200万円｜依頼先別の料金早見表つきもあわせて参考にしてください。

ROIの計算方法と判断基準

動画LPにかけた費用が、どれだけのリターンを生んだのかを測る指標がROI（Return On Investment：投資対効果）です。

ROIを算出することで、動画LP施策の成否を客観的に評価し、次のアクションに繋げることができます。

ROIの計算は、以下の3ステップで行います。

【競合と差をつける】動画LPをさらに進化させる「スワイプ型動画LP」

ここまで解説してきた動画LPの効果を、スマートフォンが主流の現代においてさらに最大化する手法が「スワイプ型動画LP」です。

スワイプ型LPとは、ユーザーがInstagramのストーリーズを見るように、指でスワイプしながら1画面ずつ直感的にコンテンツを読み進められる形式のLPを指します。仕組みや縦長LPとの違い、向き不向きは、以下のピラー記事で図解とともに詳しく解説しています。

スワイプ型LPとは？縦長LPとの違い・メリットを図解で解説 – マーケティングラボ

スワイプ型LPとは、1画面ずつスワイプして読む新しいLP形式です。縦長LPとの違い、メリット・デメリット、向き不向き、作り方の基本を実機デモつきでやさしく解…

マーケティングラボ – スワイプ型LP・LP制作・Web広告の専門メディア。スワイプ型LP制作ツール「SwipeKit byGMO」（特許取得）の開発元。

このスワイプ型LPに動画を組み合わせることで、ユーザーを飽きさせることなく、テンポ良く情報を伝えることが可能になります。1画面1メッセージで動画を見せられるため、動画LPの「情報過多になりやすい」という弱点を補いながら、最後まで読み進めてもらいやすくなるのが強みです。

GMOトライハッチが提供するノーコード制作ツール「SwipeKit」は、まさにこのスワイプ型動画LPに特化しており、競合との差別化を図る武器となります。

ノーコードで簡単実装！SwipeKitの3つの強み

月額7,800円〜／容量：480MB〜／おすすめ度：○

SwipeKitは、専門知識がないWeb担当者の方でも、安心して高品質なスワイプ型動画LPを制作・運用できる機能を備えています。

スワイプ型のサイト制作も対応しているので、制作課題がある方でも安心です。まずはスワイプ型動画LPの詳しい機能や料金をSwipeKit公式サイトで確認してみてください。

動画LPの効果を最大化する効果測定と改善方法

動画LPは、一度公開したら終わりではありません。データを基に効果を測定し、改善を繰り返すPDCAサイクルを回すことで、その効果を最大化していくことができます。

動画LPの効果を正しく評価するためには、以下の6つの主要なKPI（重要業績評価指標）を定期的に観測することが重要です。

KPI	指標の意味	目標値の目安	分析ツール例
再生回数	動画がどのくらい再生されたか。ユーザーの興味の高さを示します。	LP訪問者数の50%以上	Google Analytics, YouTube Analytics
視聴完了率	動画を最後まで視聴したユーザーの割合。動画コンテンツの魅力度を示します。	70%以上	Google Analytics, YouTube Analytics
クリック率（CTR）	CTAボタンがクリックされた割合。動画から行動への誘導力を示します。	2～5%	Google Analytics
コンバージョン率（CVR）	LP経由で最終的な成果に至った割合。LP全体の成果を示します。	5%以上	Google Analytics, 各種広告プラットフォーム
ページ滞在時間	ユーザーがLPに滞在した時間。LP全体の魅力度を示します。	2～3分	Google Analytics
直帰率	LPに訪問後、他のページを見ずに離脱した割合。ファーストビューの魅力度を示します。	40%以下	Google Analytics

これらの数値を分析し、「視聴完了率が低いから、動画の冒頭を改善しよう」「CTRが低いから、CTAボタンのデザインを変えてみよう」といった仮説を立て、A/Bテストなどで改善を続けていくことが成功への近道です。

まとめ｜動画LPでユーザーの心を動かし、ビジネスを加速させよう

本記事では、動画LPの基礎知識から埋め込み方法、メリット・デメリット、成功事例、制作のポイント、そして次世代のスワイプ型動画LPまで、幅広く解説しました。

動画LPは、もはや一部の先進的な企業だけのものではありません。ユーザーの行動が動画中心へとシフトしている今、あらゆるビジネスにとって成果に直結する強力なマーケティング手法です。

まずは自社の課題を整理し、低予算からでもテスト導入を検討してみてはいかがでしょうか。その一歩が、あなたのビジネスを大きく加速させるかもしれません。動画LPの成功事例をより詳しく知りたい方は、まずは事例資料をご覧ください。