Webサイトの第一印象を決める「ヒーローセクション」。最近では、静止画像ではなく背景動画を使うサイトも増えています。しかし、ここでよく悩まれるのが「動画は何秒くらいが適切なのか」という点です。
結論から言うと、ヒーローセクションの背景動画は5〜10秒程度に収めるのが最もバランスが良いとされています。
この記事では、その理由と適切な動画の作り方について解説します。
なぜ長すぎる動画はよくないのか
ヒーローセクションの目的は、ユーザーに最初の印象を与えることです。映画のようにストーリーを見せる場所ではありません。
もし動画が30秒や1分ある場合、次のような問題が起こります。
まず、ページの表示速度が遅くなるという問題があります。動画は画像よりもデータ容量が大きいため、長い動画ほどサイトが重くなります。ページの読み込みが遅くなると、ユーザーは離脱しやすくなります。
また、ユーザーは動画を最後まで見ないという点も重要です。多くのユーザーはページを開いて数秒でスクロールするため、長い動画を用意しても実際にはほとんど見られません。
つまり、長い動画は制作コストが高いわりに効果が低いケースが多いのです。
理想は5〜10秒のループ動画
ヒーロー動画でよく使われるのが、短い動画をループ再生する方法です。
5〜10秒ほどの動画であれば、次のようなメリットがあります。
・ファイルサイズを抑えられる
・ページ表示が速い
・ユーザーが一瞬で内容を理解できる
・自然にループさせやすい
特に重要なのは、ループしても違和感がない動画にすることです。
例えば次のような内容がよく使われます。
・風景や街並みの映像
・作業している様子
・人が歩いているシーン
・波や雲など自然の動き
このような動画は、途中から見ても違和感がなく、自然に繰り返し再生できます。
動画は「雰囲気」を伝えるためのもの
ヒーロー動画で最も大切なのは、ストーリーではなく雰囲気を伝えることです。
例えば次のようなイメージです。
・高級感のあるサービスなら落ち着いた映像
・テクノロジー系なら動きのある映像
・自然系なら風景の動画
つまり、動画の役割は「説明」ではなく「空気感を作ること」です。
そのため、長い動画よりも短く印象的な動画の方が効果的です。
重くならない動画を作るポイント
ヒーロー動画を使う場合は、サイトのパフォーマンスにも注意する必要があります。
ポイントは次の通りです。
・動画は10秒以内にする
・ファイルサイズをできるだけ軽くする
・自動再生かつミュートにする
・ループ再生にする
特にWebサイトでは、動画の容量が大きすぎるとSEOやユーザー体験に悪影響を与えるため注意が必要です。
まとめ
ヒーローセクションの背景動画は、長ければ良いというものではありません。
むしろ、短くて印象的な動画の方が効果的です。
一般的に最適とされている長さは、5〜10秒程度のループ動画です。
ヒーロー動画を作るときは、「ストーリーを見せる」のではなく、「雰囲気を一瞬で伝える」という視点で設計すると、ユーザーにとって印象に残るサイトになります。
