WordPressウェブサイト向け動画最適化方法（専門家向けヒント）

ウェブサイトに新しい洗練された動画を追加することは、大きな成果のように感じられるかもしれません。しかし、ウェブページが遅く読み込まれることに気づくと、その興奮はすぐに不満に変わる可能性があります。

その気持ちはよくわかります。ウェブサイトが遅いと、訪問者がクリックして離れてしまい、エンゲージメントが低下する可能性があります。その原因は、すべて一つの大きな動画ファイルにあります。

自身のサイトで数え切れないほどの動画を最適化してきた経験から、パフォーマンスの低下を引き起こすことなく、視聴者を増やすための正確な手順を学びました。このガイドでは、専門家が推奨する手順をステップバイステップでご紹介します。

ウェブサイト向け動画を最適化する理由

ウェブサイトで動画を最適化すべき主な理由は、読み込みに非常に時間がかかる可能性があるからです。

動画ファイルには高品質な映像と音声が含まれているため、ファイルサイズが大きくなります。実際、長さ30秒の単一の1080p動画でも、ウェブサイトに約30〜50MB追加される可能性があります。

参考までに、WPBeginnerでは常に画像を30KB未満に圧縮することを目指しており、これは平均的な30秒の動画のサイズよりもはるかに小さいです。ファイルサイズがそれよりも大きい場合、ページの読み込み時間に悪影響を与える可能性があります。

読み込みの遅いウェブサイトは連鎖反応を引き起こす可能性があります。まず、ウェブサイトにアクセスしたいユーザーをイライラさせ、その結果、競合他社に流れてしまう可能性があります。

eコマースストアを運営している場合、パフォーマンスの低下は、バウンス率の上昇やコンバージョン率の低下につながる可能性もあります。

しかし、心配しないでください。ウェブサイトに動画コンテンツがある場合は、それを最適化し、そのドミノ効果が決して起こらないようにするためのヒントに従うだけで済みます。

ウェブサイトのパフォーマンスのために動画を最適化することに加えて、SEOのために動画を最適化することも良いことです。YouTubeやTikTokのような動画コンテンツプラットフォームの台頭により、動画はウェブサイトへのトラフィックを呼び込む強力なツールとなっています。

適切に最適化された場合、動画検索結果はより目立ち、オンラインでの可視性を高め、検索エンジンのランキングを改善することができます。

それでは、ウェブサイト向けに動画を最適化する方法を見ていきましょう。以下のクイックリンクを使用して、投稿内のさまざまなヒントにスキップできます。

• ヒント1：動画ホスティングサービスを利用する
• ヒント2：アップロード前にビデオを圧縮する
• ヒント3：動画サイトマップとスキーママークアップの設定
• ヒント4：動画の遅延読み込みを有効にする
• ヒント5：動画CDN（コンテンツデリバリーネットワーク）を使用する
• WordPressでバックグラウンド動画を最適化する方法
• WordPressウェブサイトのビデオを最適化する方法に関するFAQ

ヒント1：動画ホスティングサービスを利用する

まず、信頼できる動画ホスティングプラットフォームを選択する必要があります。WordPress に関する長年の経験から、独自の動画をセルフホストするよりも、サードパーティの動画ホスティングプロバイダーを使用する方が良いことがわかっています。

詳細については、WordPressに動画をアップロードしてはいけない理由に関する記事をお読みください。しかし、基本的に、メディアライブラリに動画をアップロードすると、ウェブホスティングの帯域幅とリソースを大量に消費する可能性があります。

さらに、HTML5動画フォーマットは少し扱いにくい場合があります。MP4、WebM、Oggなど、異なるブラウザが異なるフォーマットをサポートしています。これは、すべてのブラウザで再生を保証するために複数の動画ファイルが必要になることを意味します。

高性能なクラウドホストや専用ウェブホストを使用している場合でも、動画コンテンツを自己ホストするよりも埋め込み動画を使用する方がはるかに簡単です。自分で動画をホストする場合、さまざまなデバイスと互換性があるように処理する必要があります。

一方、YouTubeやVimeoのようなプラットフォームは、これをあなたに代わって処理してくれます。プラットフォームでサポートされている限り、特定のファイル形式や解像度を使用することを心配する必要はありません。

その後、ビデオブロックとコンテンツのURLを使用して、WordPressウェブサイトに動画を簡単に埋め込むことができます。

ステップバイステップの説明が必要な場合は、これらの動画埋め込みガイドを読むことができます。

• WordPressブログ投稿に動画を簡単に埋め込む方法
• WordPressにYouTubeライブストリームを埋め込む方法
• WordPressにFacebook動画を埋め込む方法
• WordPressにYouTubeプレイリストを埋め込む方法（最良の方法）
• WordPressでYouTubeチャンネルの最新動画を表示する方法

また、おすすめが必要な場合は、最高の動画ホスティングサイトに関するガイドも確認できます。

WooCommerceサイトに商品動画を表示している場合は、WooCommerceギャラリーにWooCommerce商品動画を追加する方法に関するステップバイステップガイドを読むこともできます。

ヒント2：アップロード前にビデオを圧縮する

画像はアップロード前に圧縮する必要があります。動画も同様です。圧縮は、ファイルサイズを削減するための迅速かつ簡単な方法であり、ページの速度を低下させません。

とはいえ、すべての動画最適化ツールが同じというわけではありません。ファイルサイズを小さくすることはできますが、動画の品質を損なう可能性もあります。

動画を圧縮するソフトウェアを探す際は、使用する予定のファイル形式に対応していることを確認してください。

YouTubeまたはVimeoに動画をアップロードしている場合、MP4、WebM、またはMOVのような一般的な形式を使用している可能性が高いです。これらの形式は、動画圧縮プラットフォームで広くサポートされています。

さらに、調整可能な圧縮レベルを提供するツールを使用することも検討してください。通常、低、中、高の動画品質を選択できます。サイズを小さくするために、希望する解像度を選択することもできます。

最後に、プラットフォームの価格設定を考慮することを忘れないでください。オンラインでウェブサイト用に動画を最適化するための無料のソフトウェアオプションはたくさんありますが、それらがウォーターマークを追加するかどうかを確認するためにテストする必要があります。

人気のあるオンライン動画最適化ツールの一つに、VEED.IO があります。

この無料プラットフォームには、基本的な圧縮設定と高度な圧縮設定が用意されており、コンテンツにウォーターマークは追加されません。動画をツールにアップロードし、動画の品質と解像度を選択するだけです。

デスクトップツールを使用したい場合は、HandBrake をチェックできます。

これは、すべての主要なオペレーティングシステムと互換性のある、無料のオープンソースビデオ圧縮プラットフォームです。

ヒント3：動画サイトマップとスキーママークアップの設定

動画ファイルのサイズと品質を小さくすることは、動画最適化の一部にすぎません。動画を検索エンジンの結果ページ（SERP）に表示させたい場合は、Googleがコンテンツを効果的に理解し、インデックスできるようにする必要があります。

そのための1つの方法は、WordPress用All in One SEO (AIOSEO)プラグインを使用することです。これは、コンテンツを簡単に最適化し、ウェブサイトのパフォーマンスを監視するのに役立つ、最高のWordPress SEOプラグインです。

WPBeginnerでは、ビデオサイトマップやスキーママークアップを含むすべてのSEOニーズにAIOSEOを使用しています。その機能の完全な概要については、詳細なAll in One SEOレビューをご覧ください。

AIOSEOのビデオSEO機能（ビデオサイトマップやビデオスキーママークアップなど）にアクセスするには、Proプランに登録する必要があります。

次に、WordPressでAIOSEOプラグインをインストールして有効化できます。さらに詳しいガイダンスについては、WordPressプラグインのインストール方法に関するガイドをご覧ください。

プラグインをインストールした後、ライセンスキーを有効にできます。WordPress 管理画面から All in One SEO » 一般設定 に移動し、そこにライセンスキーを挿入するだけです。

ここから、WordPressで動画サイトマップを設定する方法に関するステップバイステップガイドに従うことができます。

ビデオサイトマップは、ウェブサイト上のビデオに関する詳細情報を提供する、特別なXMLサイトマップです。このデータには、ビデオのタイトル、説明、期間、サムネイルURL、およびビデオが埋め込まれているページが含まれます。

ビデオサイトマップを作成することで、検索エンジンがビデオをより効果的にクロールおよびインデックスできるようになります。

もう1つの重要なステップは、動画スキーママークアップを設定することです。これは、検索エンジンが動画の内容を理解するのに役立つ構造化データです。

これにより、動画が検索結果に特別なプレビュー（またはリッチスニペット）として表示される可能性が高まり、オンラインで検索している人々の目に留まりやすくなります。見た目は以下のようになります。

AIOSEOで動画スキーママークアップを設定するには、動画が埋め込まれているWordPressの投稿またはページに移動し、WordPressブロックエディターを開くだけです。

その後、AIOSEO設定までスクロールし、「スキーマ」タブに移動します。次に、「スキーマを生成」をクリックします。

次に、スキーマジェネレーターのポップアップが表示されます。「スキーマカタログ」タブで、「動画」スキーマテンプレートを探します。

次に、動画テンプレートの隣にある「+」ボタンをクリックします。

これで、動画情報を入力できるようになります。最初の3つのフィールドに、動画の名前、説明、コンテンツURLを入力できます。

「名前」と「説明」には、AIOSEOのスマートタグを自由に使用してください。これらは、投稿タイトル、サイトタイトル、投稿抜粋などのコンテンツから既存の情報を簡単に追加できる事前定義されたラベルです。

コンテンツURLについては、動画メディアファイルの住所を入力できます。つまり、URLはファイル形式で終わる必要があります。例：https://www.example.com/video/123/file.mp4

Googleは、動画ファイルの取得には動画のコンテンツURLを提供することが最善の方法だと述べています。しかし、YouTubeのような動画ホスティングサイトに動画をアップロードした場合、これは不可能な場合があります。

下にスクロールすると、埋め込みURL、アップロード日、ファミリーフレンドリーかどうか、サムネイルURLの設定が見つかります。

動画をサードパーティのサービスにアップロードし、コンテンツURLにアクセスできない場合は、埋め込みURLを使用します。ここでは、動画の埋め込み可能なプレーヤーのアドレスを入力する必要があります。そのため、https://www.example.com/embed/123 のようになります。

動画をYouTubeにアップロードした場合、YouTube動画を開いてプレーヤーの下にある「共有」ボタンをクリックすると、埋め込みURLを見つけることができます。

その後、ポップアップウィンドウで「埋め込み」をクリックします。

次のポップアップで完全な動画埋め込みコードが表示されます。全体をコピー＆ペーストする必要はないことに注意してください。

やるべきことは、src=属性の後の二重引用符の間にあるURLをブロックすることです。これがビデオの埋め込みURLです。

その後、このURLをコピーしてAIOSEOの動画スキーマジェネレーターに貼り付けます。

サムネイルURLの場合、画像URLをフィールドにコピー＆ペーストするか、メディアライブラリに新しい画像をアップロードできます。最小サイズは幅と高さが112ピクセルであることに注意してください。

すべての設定が良好に見えたら、単に「スキーマを追加」ボタンをクリックします。

これで完了です！AIOSEO設定内のスキーマタブに動画スキーマ項目が表示されるはずです。

ヒント4：動画の遅延読み込みを有効にする

ラズィーローディングとは、ユーザーが画面上のコンテンツまでスクロールするまで、ウェブサイトが特定のコンテンツ要素の読み込みを遅延させることです。これにより、すべてのビデオ要素を一度に読み込む必要がなくなるため、ウェブサイトの初期読み込みが速くなります。

ビデオの遅延読み込みがオンになっている場合、ウェブサイトは視聴者が視聴しようとするまでビデオプレーヤーとコンテンツの読み込みを待ちます。

これを行うには、WP Rocket を使用できます。これは市場で最高のWordPressパフォーマンスプラグインの1つであり、私たち自身のサイトで速度とキャッシュを最適化するために使用しているのと同じツールです。

最初のステップは、WP Rocketプラグインをインストールして有効化することです。WordPressプラグインのインストール方法については、初心者向けWordPressプラグインのインストール方法のガイドをご覧ください。

次に、WordPress のダッシュボードから 設定 » WP Rocket に移動し、「メディア」タブに移動します。次に、「iframe と動画で有効にする」と「YouTube iframe をプレビュー画像に置き換える」のチェックボックスをオンにするだけです。

2番目のチェックボックスの意味は、誰かがあなたのウェブページを訪問したときに実際の動画プレーヤーをすぐに読み込むのではなく、動画を表す静止画像のみが最初に読み込まれるということです。

画像も遅延読み込みしたい場合は、WordPressで画像を遅延読み込みする方法についての記事をご覧ください。

ヒント5：動画CDN（コンテンツデリバリーネットワーク）を使用する

CDNはコンテンツデリバリーネットワークの略で、ウェブサイトを高速化できるサービスです。

ウェブサイトのコンテンツを世界中の複数のサーバーに保存することで機能します。誰かがあなたのサイトを訪れると、CDNは最も近いサーバーからコンテンツを提供します。これにより、データが移動する必要のある距離が短縮され、ウェブサイトの読み込みが速くなります。

WPBeginnerでは、パフォーマンス最適化ソリューションとしてCloudflareのエンタープライズCDNを使用しています。これにより、世界中の何百万人もの読者に対して、ページが迅速に読み込まれることが保証されます。

ビデオCDNは、ビデオコンテンツを効率的に配信するように設計されています。世界中に戦略的に配置されたサーバーにビデオのコピーを保存することで、ビデオストリーミングを最適化します。

サードパーティサービスに動画をアップロードするという提案に従った場合、ビデオCDNは必要ありません。しかし、自分で動画をホストすることを選択した場合は、Bunny.netの使用をお勧めします。

Bunny.netは、動画配信CDN機能を備えた最高のWordPress CDNサービスの1つです。動画はエンタープライズグレードのストレージに保護され、視聴者はバッファリングなしで高品質の動画を視聴できます。

CDNの使用に興味がある場合は、最高のWordPress CDNサービスのリストをご覧ください。

WordPressでバックグラウンド動画を最適化する方法

WordPressウェブサイトの背景動画を最適化する必要がある場合は、次のヒントを使用できます。

音声の削除

オーディオはビデオファイルの重量を大幅に増加させる可能性があります。サウンドなしでビデオを背景としてのみ使用している場合は、オーディオを削除するのが最善です。

動画編集ソフトウェアを使用すると、簡単に動画から音声を削除できます。おすすめについては、最高の動画編集ソフトウェアのリストをご覧ください。

または、Adobe Express の 無料動画音声リムーバー を使用することもできます。動画をアップロードするだけで、ツールが自動的に音声を削除します。その後、動画はMP4ファイルとしてダウンロード可能になります。

動画の長さを短くする

動画の長さを短くすることは、バックグラウンドまたは自動再生動画の動画圧縮の良い方法です。これにより、ファイル全体のサイズを小さくすることができ、読み込みが速くなり、ウェブサイトのパフォーマンスが向上します。

通常、バックグラウンド動画には30秒以下の動画の長さで十分です。

再度、動画編集ソフトウェアを使用して動画の長さを短くすることができます。無料のオンラインツールとしては、CanvaまたはAdobe ExpressのVideo Trimmerを使用できます。

無限ループを避ける

ウェブサイトでバックグラウンドビデオまたは自動再生ビデオを使用する場合、無限ループを避けることが不可欠です。ループとは、ビデオが繰り返し再生され続けることであり、多くの帯域幅を消費する可能性があります。

動画が表示されるコンテキストを考慮することも重要です。動画が簡単な紹介である場合や特定の製品を紹介している場合は、通常、メッセージを伝えるのに数回のループまたは1回の再生で十分です。

WordPressでは、ウェブサイトのリソースへの負荷を軽減するために、YouTube動画のループ動作を制御できます。WordPressでYouTube動画をフルスクリーン背景として追加する方法に関するガイドでは、その方法を説明しています。

コントラストの高いフォントカラーを使用する

ホームページの背景に自動再生動画を使用するユーザーは、通常、その上にテキストを配置します。このような状況では、動画の配色とよく対照されるテキストカラーを使用するのが良いでしょう。

この方法で、テキストは簡単に読みやすく、動画の背景に対して際立って表示されます。

背景ビデオのテキストカラーの選択に関するヒントやコツを知りたい場合は、最適なカラー配色の選び方に関するガイドをご覧ください。

また、動画ウェブサイト向けの最適なWordPressテーマに関する記事もご覧いただけます。これにより、ウェブサイトと動画コンテンツを補完するデザインを見つけることができます。

WordPressウェブサイトのビデオを最適化する方法に関するFAQ

さて、WordPressウェブサイトの動画最適化に関する一般的な質問にいくつか回答しましょう。

1. WordPressウェブサイトに最適な動画フォーマットは何ですか？

WordPressは、.mp4、.m4v、.mov、.wmv、.avi、.mpg、.ogv、.3gp、.3g2などの動画ファイルタイプをサポートしています。

品質とファイルサイズの最適なバランスを得るには、H.264コーデックを使用したMP4の使用が推奨されます。

2. WordPressでYouTube動画を最適化するにはどうすればよいですか？

YouTube動画を埋め込む場合、WordPressが埋め込みプロセスを処理し、動画プレーヤーが効率的に読み込まれるようにします。

ただし、遅延読み込みを有効にし、動画ファイルを圧縮し、AIOSEOで動画スキーママークアップとサイトマップを設定することで、動画をさらに最適化できます。最後のステップにより、検索エンジンが動画を正しく理解してインデックスに登録できるようになります。

WordPressの動画を強化する機能については、WordPressの最高のYouTube動画ギャラリープラグインのリストも参照してください。

3. WordPressの動画の読み込みを速くするにはどうすればよいですか？

WordPressの動画をより速く読み込むには、YouTubeやVimeoのようなサードパーティのホスティングサービスにアップロードできます。独自の動画をセルフホスティングすると、より多くのサーバーリソースが必要になり、ウェブサイトが遅くなることが多いため、推奨されません。

また、品質を損なうことなくファイルサイズを縮小するために、動画を圧縮する必要があります。

さらに、動画コンテンツの遅延読み込みを有効にすることをお勧めします。これにより、ウェブサイトの初回読み込みが速くなり、訪問者がスクロールして表示するまで動画は読み込まれません。

このチュートリアルが、ウェブサイト向けに動画を最適化する方法を学ぶのに役立ったことを願っています。

より専門的なヒントについては、これらの追加リソースも確認することをお勧めします。

• YouTubeパブリッシャー向けのWordPressプラグイン
• 画像 SEO の初心者ガイド – 検索エンジンのための画像を最適化する

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。