WordPressにビデオを挿入する方法—完全ガイド

どの映画を見るべきですか?
 
  WordPressにビデオを挿入する方法—完全ガイド

ビデオは、エンゲージメントを高め、人々をあなたのウェブサイトに長くとどまらせるのに素晴らしいです。





しかし、それらをホストすることはまったく異なる球技です。

WordPressにビデオを挿入する方法を学ぶことは、ビデオの再生方法を決定することも意味します。サーバーを使用して、WordPressビデオプレーヤー(HTML5)、またはサードパーティのビデオホスティングプラットフォームからのプレーヤーをロードします。



どちらにもメリットがあります。いずれにせよ、ビデオが含まれていると、WordPressWebサイトのパフォーマンスが向上することは明らかです。

製品ビデオは、購入者が購入を決定するのに役立ちます。ランディングページの動画は、コンバージョン率を高めます。そして、SEOのためにビデオを最適化する方法を学ぶと、より強力な検索パフォーマンスが得られます。



さらに良いことに、それはより強力なコミュニティ接続を促進し、それが今度はコンバージョンメトリクスを再び増加させます。

あなたが理解する必要がある唯一のことは、WordPressにビデオを挿入する方法です、そしてそれはあなたがここを読み続けるにつれてあなたが学ぶことです。



WordPressにビデオを挿入する方法

ビデオはメディアライブラリに直接アップロードできます。ファイルサイズの制限によっては、大きなビデオファイルをアップロードするためにWordPressの制限を増やす必要がある場合があります。サードパーティのビデオホスティングプラットフォームにビデオをアップロードしてから、WordPressにビデオを埋め込む方が簡単で安価です。

WordPressにビデオを埋め込むかセルフホストしますか?

あなたが決定しなければならない最初の選択は、WordPressの投稿やページにビデオを埋め込むかどうか、またはビデオをセルフホストするかどうかです。

どちらが良い…

セルフホスティングビデオまたはWordPressへのビデオの埋め込み?

ほとんどすべての場合、WordPressにビデオを埋め込む方が有益です。

セルフホスティングビデオは多くの帯域幅を使用します。共有ホスティングプランでは、サーバーに割り当てられたすべてのリソースをすぐに使い果たす可能性があるため、WordPressメディアライブラリにビデオをアップロードすることは決して良い考えではありません。

これにより、ホスティングアカウントが停止される可能性があります。

WordPress.comへのビデオのアップロード

WordPress.comプレミアムプランでは、WPエディターにVideoPressブロックがあります。セルフホストのWordPressサイトでは、VideoPressをJetpackを介してスタンドアロンサブスクリプションとして購入できます。

VideoPressはWordPress専用に設計されています。クラウドストレージを利用した動画ホスティングサービスです。ビデオブロックは、WordPressメディアライブラリにビデオをアップロードするために使用するものです。

ニーズによっては、VideoPressの無料試用版を利用できる場合があります。VideoPressは現在、最大1GBのサイズの1本のビデオです。

より多くのプレミアムビデオホスティングサービスがあります。最も手頃な価格はおそらくAmazonS3でしょう。ビデオはAmazonS3でホストされ、WordPressWebサイトに埋め込まれます。

YouTube、Vimeo、Amazon S3などのサードパーティのビデオホスティングプラットフォームは、WordPressホスティングサーバーに取って代わるものではありません。それはそれと統合され、あなたのウェブサイトをホストしているサーバーの負担を本質的に減らします。

メディアライブラリに追加するビデオが多いほど、使用する帯域幅も多くなります。

やがて、仮想プライベートサーバーまたは専用サーバーにアップグレードする必要があることに気付くかもしれません。

それはあなたの運用コストに毎月数百ドルを追加することができます。

コストを抑える良い方法は、オーディオ、ビデオ、画像などの大きなファイルをサードパーティのサイトでホストし、それらをWordPressに埋め込むことです。

ビデオの埋め込みは、より安価で信頼性が高くなります。また、より優れたユーザーエクスペリエンスを提供します。

WordPressブロックエディター内にビデオを埋め込む

ブロックエディタには、URLのみを使用して直接埋め込むことができるビデオプラットフォームのホワイトリストがあります。

ビデオ埋め込みブロックのホワイトリストに掲載されているサイトは、Animoto、Cloudup、Dailymotion、Flickr、TED、TikTok、VideoPress、Vimeo、WordPress.tv、そしてもちろんYouTubeです。

ホワイトリストに登録されていないサイトに動画を埋め込む場合、またはクラシックエディタを使用している場合は、テキストエディタ内にHTML埋め込みコードを貼り付けることができます。


WordPressメディアライブラリにビデオをアップロードする方法

ブロックエディタの使用…

+アイコンをクリックして、新しいブロックを追加します。ビデオを検索し、ビデオブロックを選択します。

これを使用してビデオをメディアライブラリにアップロードするか、URLを挿入してoEmbedを使用してビデオ埋め込みコードをキャプチャすることができます。

これにより、埋め込みプロセスがほぼ自動になります。

メディアライブラリへのアップロードにはファイルサイズの制限がある場合があることに注意してください。ファイルサイズが許可されている最大サイズを超えている場合は、を参照してください。 WordPressのアップロード制限を変更する方法

ofw ラウンジは信じた

ビデオブロックを選択すると、ホワイトリストに登録されたビデオホスティングプラットフォームのみがサポートされます。たとえば、Dailymotion URLを貼り付けると、ビデオブロックがDailymotionブロックに自動的に切り替わります。

ビデオがアップロードまたは埋め込まれると、右側でビデオ設定を設定できます。

オプションには、自動再生、ループ、ミュート、再生コントロールの表示または非表示、インライン再生の設定などがあります。

ユーザーが再生ボタンをクリックする前に表示するカスタム画像を設定するには、ポスター画像の[選択]をクリックして、ビデオのカスタム画像を設定します。これはYouTubeのサムネイルのようなものです。

ビデオを再生する代わりに、ユーザーがダウンロードできるようにリンクを共有することもできます。

WordPressからビデオをダウンロード可能にする方法

これを行うには、ビデオブロックの上部のツールバーで、左側のビデオアイコンをクリックし、[ファイル]を選択します。 「ビデオデモをダウンロードするには、ここをクリックしてください」などの名前を入力します。

これにより、ファイルへのハイパーリンクが挿入されます。ユーザーがリンクをクリックすると、ビデオがデバイスにダウンロードされ始めます。

クラシックエディタを使用してWordPressにビデオを挿入する方法

クラシックエディタでは、WPエディタツールバーの上部にある[メディアの追加]ボタンをクリックしてビデオを挿入できます。

画像を追加するのと同じように機能します。

ビデオがアップロードされたら、ビデオプレビューにカーソルを合わせ、鉛筆アイコンをクリックして設定を編集します。

ここから、[ビデオの詳細]タブで、ogvファイルやwebmファイルなどの代替ファイルタイプを追加できます。追加されるファイルタイプが多いほど、プレーヤーは安定します。 1つのMP4ファイルで十分です。

「プリロード」オプションでは、自動、メタデータ、またはなしから選択できます。

ここで行う「プリロード」の選択は、サイトの速度に影響を与えます

[なし]を選択しても、ユーザーが再生ボタンをクリックするまで何も起こりません。その後、ダウンロードを開始します。ユーザーがビデオを見たくない場合、それはロードされません。

メタデータを選択すると、ビデオに設定したファイル名やキャプションなど、ビデオの詳細のテキストメタデータのみがダウンロードされます。ユーザーが[再生]をクリックするまで、ダウンロードは開始されません。

自動を選択すると、ユーザーが[再生]をクリックしたかどうかに関係なく、ビデオのダウンロードが自動的に開始されます。この設定は、サーバー、つまりサイトの速度に最も大きな影響を与えます。ビデオを自動ロードすることはお勧めしません。

WordPressの追加のビデオ設定

右側には、動画に対して実行できるすべてのアクションのリストがあります。上記は「ビデオの詳細」の最初のセクションをカバーしました。

次に、たとえば、エラーが発生して間違ったファイルをアップロードした場合に、「ビデオを置き換える」ことを選択できます。

ポスター画像の選択は、ビデオが再生される前にオーバーレイとして表示される画像を設定するためのものです。これは、ブランドロゴやビデオのタイトルを紹介するのに便利です。

最後に、字幕を追加できます。 [字幕の追加]リンクをクリックすると、ファイルをメディアライブラリにドロップするためのアップロードページが開きます。

字幕の最も一般的なファイルタイプは.srt(SubRip Text)です。これらは、メモ帳などで作成され、.srtファイルとして保存されるプレーンテキストファイルです。

ジェームズ・アーネスト・カーティス=スミス

そして、それは私たちをWordPressでビデオをセルフホストしない理由に私たちを連れ戻します

アクセシビリティの理由から、字幕は適切であり、ビデオSEOを考慮に入れています。

YouTubeなどのサードパーティのビデオプラットフォームを使用すると、ビデオのアクセシビリティ要件の一部を自動化できます。例として、YouTubeキャプションエディタは音声認識ソフトウェアを使用してクローズドキャプションの作成を自動化します。

それらが正確になることはめったにありませんが、編集の開始点を提供します。動画をセルフホスティングするには、より多くのファイルを作成し、より多くのアップロードを行い、より多くの帯域幅を使用する必要があります。

ビデオホスティングプラットフォームを使用してから、ビデオをWordPressに埋め込むと、時間、労力、およびお金を節約できます。

WordPressとSEOのベストプラクティスに関するビデオ

WordPressの記事にビデオを埋め込むことは、多くの理由で素晴らしいことです。ビデオは人々があなたのウェブサイトに費やす時間を大幅に増やします。

記事にYouTube動画が埋め込まれているとします。この場合、人々がそのビデオを見始めるとき、彼らは通常あなたのページに留まることによってそうするでしょう、そしてそれ故に人々があなたのウェブサイトに費やす時間は非常に増加します。

今、あなたのウェブサイトにたくさんの広告がある場合、人々があなたの記事を読む(またはあなたの記事のビデオを見る)のに多くの時間を費やすほど、バナー広告などの広告でより多くのお金を稼ぐことができるので、あなたの広告収入は急上昇する可能性があります。単純。

ただし、記事に(t00個の)ビデオを埋め込むことには大きな欠点が1つあります。 そして今、私の後に話してください。「間違って行われた場合、コンテンツに動画を埋め込むと、サイトの速度に非常に悪い影響を与える可能性があります。」

そして、サイトの速度は些細なことではありません。

実際、サイトの速度は正式にGoogleのランキング要素になっているため、SEOに直接影響します。

ただし、良いニュースは、Webサイトにビデオを埋め込むことは、間違って行った場合にのみサイトの速度に悪影響を与えることです。

では、どうすればそれを正しく行うことができますか?

実は簡単です。プラグインをダウンロードするだけです 遅延読み込み–WPロケットからの画像を最適化する

さて、このプラグインがあなたのために行うことは、それがあなたのビデオのプレビューだけをロードするということです。つまり、記事には動画の画像プレビューのみが表示され、訪問者が動画自体をクリックしたときにのみ動画が読み込まれます。

簡単に聞こえますか?はい!しかし、それは大きな違いを生みます。なぜなら、通常起こることは、あなたがあなたのウェブサイトにビデオを埋め込むとき、これらのビデオは記事がロードされるときにロードされ、それはサイトの速度にひどい影響を与えるということです。

Lazy Loadプラグインに設定する必要がある正確な設定については、以下を参照してください。

maschituts.comはYoutubeビデオのみを埋め込むため、「Youtubeビデオをサムネイルで置き換える」オプションのみにチェックマークを付けました。 」ウェブサイトに他の動画を埋め込んでいる場合は、「Iframeと動画」オプションにチェックマークを付けることもできます。

  レイジーロードプラグインWPロケット