Webサイトのヘッダーに動画を追加する
Webサイトのヘッダーで動画を用いることで、ビジュアル的な興味をそそったり、製品やサービスを強調したりすることができます。ヘッダーの見た目を変えたい場合は、テーマの変更を行ってください。ヘッダーの動画は消音で再生されます。
この動画は、 自分でWebサイト作成ハウツーシリーズです。
- GoDaddy商品ページに進みます。
- 「Website Builder」まで下にスクロールして、お使いのWebサイトの隣にある「管理」を選んでください。
- Webサイトの編集またはサイトの編集を選択して、Webサイトエディタを開いてください。
- ヘッダー（ホームページの最初のセクション）を選択して、カバーメディアの隣にある矢印を選択しましょう。
- 動画を選択してください。
- 動画の変更を選択してください。
- お持ちの動画またはストック動画をアップロード/選択するか、URLから動画をインポートします。（ヘッダー動画はVimeoのリンクにのみ対応していますが、これ以外のWebサイトのセクションにはYouTube動画のリンクを追加できます。）
- メディアライブラリーに直接アップロードできるのは動画3本または5 GBまでです。
- 動画3本または5 GBを超えてアップロードする場合は、GoDaddyアカウントを無料Vimeoアカウントに接続する必要があります。
- 1日に動画10本、1週間に500 MB、または合計で5 GBを超えてアップロードしたい、あるいは高度なカスタマイズをしたい場合は、有料のVimeoアカウントにアップグレードする必要があります。GoDaddyとVimeoのパートナーシップに関する詳細をお読みください。
- モバイルデバイスでサイトを閲覧している顧客に、サムネイルのみを表示してページの読み込みを早くするか、動画を表示するかを選択します。
- 変更は作業中に保存されます。変更が反映されるよう、サイトを公開しましょう。
動画ヘッダーのベストプラクティス
- ヘッダー動画には音声がないため、ユーザーの気を散らせることもなく、ページでの読み込み時間が長くなることもありません。動画に音声を付けたい場合、動画をサイトに追加しましょう。
- ヘッダーに最適なビデオは短くループするものです（最長でも30秒程度にしましょう）。動画が非常に短い場合（5秒以下の場合）は、最初と最後のシーンを似たものにして、動画が自然にループするようにしましょう。
- 効果的な動画を活用することで、以下を実現できます:
- ムードを作る。舞台裏の様子を見せたり、顧客目線からの従業員との交流がどのようなものかを見せたりすることができます。
- 商品を紹介する。あなたの商品を使っている人々を紹介することで、自分で使ったときのイメージを膨らませることができます。または、商品の機能についてデジタル広告的にハイライトすることもできます。
- シーンを作る。イベントプランナーやゲストを迎える仕事をしているなら、冒険の様子を動画にして見せるのも良いでしょう。または店舗やスパ、レストラン、カフェの様子を映すのも良いアイデアです。
- 動画はシンプルなものに、動きはスムーズかつ流れるようなもので、ぶつ切りの継ぎ接ぎやあまりに動きが多いようなものは避けましょう。
- 動画を目的をもって利用しましょう。動画は注意を引くのに非常に有効ですが、サイトのその他の場所に注目してもらえなくなるのはいただけません。
- サイトのコンテンツが動画の中で使われている色と混ざってしまわないように気をつけましょう。そうでないと、テキストが読みにくいなどの問題が起こる場合があります。
- 動画の中にテキストを重ねると、ビジュアル的に気が散ってしまうことになるので避けましょう。
- 代わりに、ヘッダー欄にテキストを追加することで、検索結果でもサイトが表示されやすくなります。
詳細
- VimeoとGoDaddyのパートナーシップと、このパートナーシップによってご自身の動画をアップロードできる仕組みについて、詳細をご覧ください。
- GoDaddyアカウントをVimeoに接続して、追加の動画をアップロードしたり、動画を編集したり、動画プレイヤーを設定したりします。
- バックグラウンドにしてはアクションが多い動画の追加が必要ですか？外部リンクを使ってYouTubeまたはVimeoの動画をサイトに追加します。
- 「自分でクリエイティブなコンテンツ作成」コースのハウツーレッスン動画「動画の計画を立てる方法」をご覧ください。
