私がコンバージョンの高いランディングページを作るとき、最初に考えるのはほとんどいつも動画を入れることだ。それは信頼を築く最速の方法だが、ユーザーにとってシームレスに再生される場合に限る。
コードや読み込みの遅いプレーヤーと格闘することなく、プロフェッショナルな外観を得たいものです。WordPressに動画を埋め込むのは簡単です。
このガイドでは、私がいつも使っている3つの簡単な方法を紹介する。頭痛の種を飛ばして、すぐに解決策に取り掛かろう。
なぜWordPressサイトに動画を追加するのか？
動画マーケティング担当者の82%が、コンテンツに動画を追加した後にウェブトラフィックが増加したと報告しています。これは、WordPressサイトで動画を使い始める大きな理由です。
動画は素早く注目を集め、訪問者をサイトに長くとどめ、メッセージをより明確で説得力のあるものにすることができます。
検索エンジンは、リッチなユーザー体験を提供するウェブサイトに報酬を与えます。高品質な動画を追加することで、WordPressのSEOに貢献し、人々に見つけてもらいやすくなります。
さらに、動画は、読むよりも見ることを好む訪問者にとってコンテンツがより身近なものになり、より多くの視聴者とのつながりを深めるのに役立ちます。
WordPressに直接動画をアップロードすべきか？
WordPressに直接アップロードするよりも、YouTubeやVimeoのようなプラットフォームから動画を埋め込む方が良い。
メディア・ライブラリに動画をアップロードすることはできますが、あまりお勧めしません。SeedProdでは、代わりに必ず動画を埋め込みます：
- ファイルサイズが大きい- 動画は多くのストレージを使用するため、サイトの表示速度が遅くなり、ユーザーエクスペリエンスやSEOに悪影響を及ぼします。
- 高い帯域幅の使用- ストリーミングビデオは、かなりのサーバーリソースを使用します。ホスティングプランに制限がある場合、すぐに制限に達して追加コストが発生する可能性があります。
- 追加トラフィックの機会- YouTubeやVimeoのようなプラットフォームにアップロードすることで、彼らの視聴者にリーチし、あなたのサイトに多くの訪問者を送ることができます。
WordPressの動画プラグインを埋め込むか使用することで、サイトを高速でアクセスしやすく保ちながら、リーチを拡大する最も効率的な方法です。
WordPressに動画を埋め込む方法：3つの方法
WordPressに動画を埋め込む方法はいくつかありますが、それらは必ずしも簡単ではありません。以下に、技術的なノウハウを必要とせずにWordPressに動画を追加する最も簡単なソリューションを3つご紹介します。
- WordPressの投稿やページに動画を埋め込む（ブロックエディタ方式）
- SeedProdでWordPressサイトのどこにでも動画を追加する
- WordPressの動画プラグインを使って動画を埋め込み、カスタマイズする
WordPressの投稿やページに動画を埋め込む（ブロックエディタ方式）
WordPressブロックエディタ（Gutenberg）は、WordPressの投稿やページに動画を埋め込む簡単な方法を提供します。自動埋め込み機能は、YouTubeやVimeoなどの動画ホスティングプラットフォームから動画の埋め込みコードを自動的に取得します。
まず、埋め込みたい動画のURLが必要です。YouTubeなどのプラットフォームを使用している場合は、動画に移動してアドレスバーからURLをコピーします。共有アイコンをクリックして、そこから動画のURLをコピーすることもできます。
次に、動画を追加したい投稿またはページに移動し、「編集」をクリックしてWordPressブロックエディタを開きます。
WordPressのブロックエディタ内の任意の場所をクリックし、先ほどコピーしたURLを貼り付けます。動画のURLを貼り付けると、WordPressが自動的に埋め込みコードを取得し、コンテンツエディター内に動画を表示します。
次に、ポップアップツールバーのオプションをクリックしてビデオをカスタマイズできます。例えば、ビデオの幅、配置、キャプション、アスペクト比などを変更できます。
WordPressは、ホワイトリストに登録されたプラットフォームのみを自動エンベッドすることができます：
- アマゾン
- デイリーモーション
- フェイスブック
- イムガー
- インスタグラム
- レッドディット
- サウンドクラウド
- スポティファイ
- ツイッター
- ヴィデオ
- ユーチューブ
- そしてもっと。
ホワイトリストに掲載されていないウェブサイトの動画を埋め込む場合は、動画のHTMLコードをすべてコピー＆ペーストする必要があります。
カスタムHTMLという新しいブロックを追加し、動画のコードを貼り付けるだけでこのようなことができます。
最後の作業は、投稿やページを保存して公開し、動画をライブにすることです。
クラシックエディタをまだ使っている場合は、動画のURLをコピーしてWordPressエディタに直接貼り付けることができます。以前のように、動画は自動的に読み込まれます。
SeedProdでWordPressサイトのどこにでも動画を追加する
WordPressに動画を埋め込むための、よりカスタマイズされたアプローチをお探しなら、SeedProdはシンプルかつ強力なソリューションを提供します。
SeedProdは、WordPressのための最高のドラッグアンドドロップウェブサイトビルダーです。そのユーザーフレンドリーなビジュアルエディタを使用すると、簡単にランディングページ、製品説明、あるいはホームページのような任意のWebサイトのセクションにビデオを追加することができます。
まず、SeedProdプラグインをインストールして有効化する必要があります。
これについては、SeedProdのインストールに関するドキュメントをご覧ください。プラグインとライセンスキーのダウンロード、インストール、有効化の方法が説明されています。
SeedProdのドラッグ・アンド・ドロップ式ページ・ビルダーを使って、ウェブサイトに動画を追加できるようになりました。
WordPressのランディングページに動画を追加する
SeedProdを使えば、ランディングページに動画を追加するのは簡単です。WordPressのダッシュボードからSeedProd " ランディングページビルダーに 移動し、新しいランディングページを作成するか、既存のWordPressページを編集します。
ページ・ビルダーに入ると、動画コンテンツを埋め込むための2つのオプションがあります。標準の動画ブロックまたは高度な動画ポップアップブロックを使用できます。
ビデオ・ブロックの追加
動画ブロックを使うには、左側のサイドバーから見つけて、ランディングページのレイアウトにドラッグ＆ドロップしてください。
ブロック設定で2つのビデオソースから選択できます：YouTubeとカスタムです。
YouTubeソースでは、YouTubeビデオのリンクを貼り付けると、自動的にビデオコードを埋め込んでくれます。その後、数回クリックするだけで、動画の幅、配置、デスクトップまたはモバイルデバイスでの表示をカスタマイズできます。
カスタムオプションを選択すると、YouTubeを使わずにWordPressに動画を埋め込むことができます。そのためには、動画の埋め込みコードをコピーして、カスタム動画コードボックスに貼り付ける必要があります。
動画ポップアップ・ブロックの追加
SeedProdのビデオポップアップブロックは、標準のブロックよりも多くのカスタマイズオプションを提供しています。アドバンスドブロックのサイドバーで見つけることができ、あなたのページにドラッグ＆ドロップします。
ブロック設定では、いくつかのビデオソースオプションがある。
YouTubeやVimeoの動画リンクを貼り付ければ、自動的に動画コンテンツを埋め込むことができます。
また、「カスタム」オプションを使えば、パソコンからビデオをアップロードしたり、外部のウェブサイトからビデオリンクを貼り付けることもできます。
ビデオソースを選択した後、以下のような様々な機能を有効にしてビデオプレーヤーをカスタマイズすることができる：
- 自動再生ページ訪問時に自動再生オプションを有効または無効にします。
- ミュートページを開いたときのビデオサウンドをミュートします。
- ループ：ビデオを連続的にループ再生します。
- プレーヤーコントロールを表示する： ビデオをスキップ、一時停止、停止、再生するためのオプションを表示します。
- 控えめなブランディング：ビデオプレーヤーからYouTubeのブランディングを非表示にします。
- プライバシーモード：YouTubeやVimeoがビデオを再生しない限り、訪問者の情報を保存しないようにします。
- レイジーローディング：ページが読み込まれた後に動画を読み込むことで、ページの読み込み時間を短縮します。
さらに、スティッキービデオ機能を有効にすることで、ユーザーがそのページにアクセスすると、スクロールに合わせて動画が画面の下に張り付くようになります。
これはユーザー体験を向上させ、エンゲージメントを高める素晴らしい方法だ。
最後に、ビデオポップアップブロックにはビデオオーバーレイオプションがあり、カスタムビデオサムネイル画像と再生アイコンをアップロードすることができます。
Lightboxオプションを有効にして、ユーザーがクリックすると動画がLightboxポップアップで開くようにすることもできます。
完全なカスタマイズガイドについては、WordPressで動画ランディングページを作成する方法についてのチュートリアルをご覧ください。
動画とランディングページのカスタマイズが完了したら、[保存して 公開]ボタンをクリックして変更を有効にします。
以下は、SeedProdを使ってWordPressに追加した後の最終的なビデオの例です：
WordPressテーマに動画を埋め込む
SeedProdはランディングページを作成するためだけではなく、WordPressテーマの様々な部分を作成しカスタマイズするためにも使用できます。これには、ホームページ、ヘッダー、フッター、サイドバー、ブログページ、そしてeコマースページも含まれます。
WordPressテーマの作成方法については、こちらのガイドをご覧ください。
WordPressテーマの様々な部分に動画を追加する方法は、ランディングページのオプションと同様の手順を踏みます。SeedProd " Theme Builderに アクセスし、テーマテンプレートを編集するだけです。
例えば、サイドバーテンプレートを開き、ビデオブロックの上にドラッグすると、WordPressのサイドバーにビデオを埋め込むことができます。
変更を保存した後の表示はこうなる：
また、フッターテンプレートを編集して、フッターウィジェットに新しい動画コンテンツを追加することもできます。
ゼロからコーディングしたり、開発者を雇ったりする必要はない。
WordPressの動画プラグインを使って動画を埋め込み、カスタマイズする
より高度な機能をお探しの場合や、WordPress Block EditorやSeedProdでは対応できない特定のニーズがある場合は、動画埋め込みに特化したWordPressプラグインが最適なソリューションかもしれません。
そこで、WordPress用のYouTube動画ギャラリープラグインとして最適なSmash BalloonのYouTube Feed Proプラグインをお勧めします。カスタマイズ可能なギャラリーにYouTubeチャンネルの動画を埋め込むことができます。
このプラグインは、新しい動画を自動的にインポートしたり、動画フィードを組み合わせたり、ライブストリーミング機能を追加したり、YouTubeプレイリストを埋め込んだりすることができます。YouTubeの埋め込みには、いいね！ボタンやシェアボタン、コメント、リアクションも含まれており、動画ウィジェット内でソーシャルプルーフを高めることができます。
詳しくは、WordPressにYouTube動画を埋め込む方法をご覧ください。
WordPressで動画を埋め込む方法に関するFAQ
<track> HTMLタグを動画埋め込みコード内に記述してください。最高の視聴体験のために、常にキャプションが正確で、音声と同期していることを確認してください。その他の役立つWordPressガイド
WordPressに動画を埋め込む方法について、このガイドがお役に立てれば幸いです。どの方法を選んだとしても、動画を追加することで、ユーザーのエンゲージメントを高め、SEOを改善し、サイトのコンテンツを多様化することができます。
WordPressサイトをより良くする方法をお探しなら、以下のガイドが役に立つかもしれません：
- WordPressにFacebookの動画を埋め込む方法
- カスタムWordPressソーシャルメディア・アイコンをウェブサイトに追加する方法
- WordPressサイトのセキュリティ確保方法
- WordPressのサポートを受ける方法（初心者向け）
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
