あなたのウェブサイトにビデオを埋め込むための究極のガイド

ウェブサイトに動画を追加することで、あなたとあなたのサイト訪問者に比類のない価値がもたらされることは、もはやノウハウではありません。ユーザーエクスペリエンスの向上から（ビジュアル主導の文化では、人々は読書よりも視聴を好みます）、サイトにSEOのメリットをもたらします。サイト滞在時間の延長、クリック率の向上、コンバージョンの増加、つまり収益は、ウェブサイトに動画を埋め込むことの明らかなメリットの1つです。

ただし、この場合、単純なアップロードではうまくいきません。あなたのウェブサイトに埋め込まれたビデオは本当に行く方法です。ビデオの埋め込みは日常業務のように思えるかもしれませんが、それほど明確ではありません。ある場所から別の場所に動画を埋め込む方法についての情報がたくさんあるので、ウェブサイトに動画を埋め込むための究極のガイドを作成することを目指しました。

さっそく始めましょう！

パートI：ビデオ埋め込みとは何ですか？

何よりもまず、ビデオ埋め込みの主要な要素である埋め込みコードの背後にあるものを理解することが重要です。埋め込みコードは、動画やその他の種類のコンテンツをWebサイトに追加するために使用できるHTMLコードの一部です。

埋め込みコード は、ビデオやその他の種類のコンテンツをWebサイトに追加するために使用できるHTMLコードです。

このコードスニペットは、Webサイトにビデオを表示するのに役立ちます。 Webサイトでのホストを実際に「強制」することなく、元のソースからビデオをプルします。これは、動画がウェブサイトの読み込み時間に影響を与えることを心配する必要がないことを意味します。また、ニーズに最適なさまざまな動画ホスティングサービスからさまざまな選択肢が開かれます。

ほとんどの動画ホスティングサービスは自動埋め込み生成を提供していますが、基本的な動画埋め込みコード構造を理解しても問題はありません。

URL部分の代わりに、ビデオへのリンクを追加するだけで、出来上がりです。HTMLコードがあります。 HTMLを少し知っていると、埋め込みコードを手動で調整することもできます。必要な高さと幅を追加したり、ページに表示したくない動画の特定の機能をブロックしたりできます。次のようになります：

この時点で疑問に思うかもしれませんが、なぜビデオをサイトにアップロードして面倒な作業を終えられないのでしょうか。 Googleは、動画によってウェブサイトの読み込み時間が大幅に長くなり、サイトの速度が低下するため、ユーザーエクスペリエンスに影響を与え、SEOに悪影響を与えるとよく言われます。したがって、トラフィック、ランキングなどを失う可能性があります。過負荷のサーバーや追加コストなどについては言うまでもありません。

Webサイトにビデオを埋め込むと、これらの問題のほとんどを克服するのに役立ちます。その理由は次のとおりです。

パートII：埋め込みはアップロードしない：埋め込み動画の主な利点

1。ビデオの読み込み時間（およびSEO）を長くするためにWebサイトにビデオを埋め込む

動画をサイトにアップロードすると、動画の読み込みに時間がかかる場合があります。これは、ページの読み込み時間に影響します。そのため、サイトの訪問者は、ビデオの読み込みが遅くなり、予期しない一時停止が発生し、全体的に再生が拒否される可能性があります。動画を埋め込むと、サイトの速度をバランスの取れた速度で維持し、ユーザーエクスペリエンスに悪影響を与えることはありません。 また、GoogleのJohn Muellerによると、サイトの速度はモバイルファースト時代の主要なランキング要素の1つです。

なぜあなたはそれを心配する必要がありますか？サイトの読み込み時間がコンバージョンにどのように影響するかを示すグラフは次のとおりです。

出典：Crisp Video

つまり、基本的に、読み込み時間が短くなると、ランキングが低くなり、トラフィックが減少し、コンバージョンが減少し、収益が失われます。

ただし、動画を追加しても問題が発生するだけだとは思わないでください。ウェブサイトで動画を再生すると、ユーザーがサイトで過ごす時間に大きな影響を与えます（正のランキング係数）。また、動画自体がGoogleの＃1ページに表示され、トラフィックが発生する可能性があります。したがって、すべて正しく実行し、アップロードではなく埋め込みオプションを選択するだけです。

2。帯域幅の制限を克服するためにWebサイトにビデオを埋め込む

ビデオをアップロードすると、サーバーの帯域幅が使い果たされます（これにはコストがかかります）。そして、誰かがあなたのビデオにリンクしたり、あなたのビデオを彼らのウェブサイトに埋め込んだりするたびに、彼らがあなたの帯域幅を再び使い果たしてしまうので、あなた自身のサイトは苦しみます。これはコストがかかり、非効率的です。

3。ファイルサイズとストレージの制限を回避するために、Webサイトにビデオを埋め込みます

サイトホスティングは常にストレージの制限に達します。したがって、概して、ビデオをアップロードするたびに、サーバーのスペースを占有します。複数の動画をアップロードすると、スペースを取りすぎる可能性があります。複数のユーザーが同時に動画を表示すると、サイトの読み込み時間が大幅に遅くなる可能性があります。

さらに、ビデオのアップロードにはファイルサイズの制限の問題もあります。あなたのサイトホスティングプラットフォームは、ビデオフォーマットとファイルサイズに厳しい制限がある可能性が高いので、あなたはあなた自身がビデオを役に立たないところまで圧縮していることに気付くでしょう。ビデオの埋め込みでは、これらの制限は適用されません。

出典：ProPhoto

4。より高いビデオ品質のためにウェブサイトにビデオを埋め込む

ファイルサイズの制限から、サイトへの動画のアップロードに関しては、動画の品質の制限に直面しています。高品質の勤勉なビデオをWebサイトに表示する場合は、サードパーティのサイトに保存することで、ファイルに関する情報を保持するデータ構造である「iノード制限」内にとどまることができます。ホスティングアカウント。そのため、訪問者が高解像度または低解像度で動画を視聴できるようにするために、動画ファイルを複数の形式やバージョンに変換することを考える必要はありません。

パートIII：ビデオホスティングサイトの選択

基本的に、動画をWebサイトに埋め込むことを選択することで、サーバーの負荷に関するすべての心配とファイル形式の変更を、そのための時間とリソースを持っている人に任せることができます。ただし、おそらくご存知のとおり、Webサイトにビデオを埋め込むには、まず、サードパーティのビデオホスティングプラットフォームにビデオを追加する必要があります。そしてここでは、たくさんの選択肢があります。

最高または最悪のビデオホストの概念はありません。それは実際には適切な機能とコストのバランスの問題です。 そこで、適切な動画ホスティングサイトを選択する前に考慮すべき主な機能をまとめました。

レスポンシブプレーヤー

動画ホスティングサイトは、レスポンシブ動画プレーヤー、モバイルフレンドリーなリッチメディアウィジェットを提供する必要があります。これは、視聴者に最大限のユーザーと視聴体験を提供するように設計されています。デスクトップ画面、スマートフォン、タブレット、またはその他の画面サイズのいずれから視聴する場合でも、動画は画面の幅全体に拡大されますが、動画の元のアスペクト比は維持されます。これにより、ページレイアウトが歪んだり、画像が変形したり、動画の周囲に黒いバーが表示されたりする可能性のある静的なサイズ設定を回避できます。

サービスの速度と品質

ビデオホスティングを選択するときは、彼らが最高のサービスを提供していることを確認する必要があります。したがって、優れた速度とサービス品質が何を意味するかについては、2つの理解があります。

• 優れたビデオ品質のサポート： 2020年には、粒子の粗いフッテージやアニメーションを360pまたは480pで購入する余裕はありません。したがって、低予算で1080pが目的に合わせて削減する場合を除いて、選択したビデオホスティングサービスがUltraHD以上をサポートしていることを確認してください。そこにある最高のプラットフォームでは、HD/SD品質を自動的に切り替えることができます。
• 優れたサポートとカスタマーサービス： サービスが使用するサーバーの品質を再確認してください。サイトは時々クラッシュしますか（これはあなたのウェブサイトのビデオ表示に影響します！）？ DDoS攻撃を受けやすいのでしょうか？そして、さらに重要なのは、顧客のクエリに対する平均応答時間です。

プレーヤー構成オプション

第一印象が重要なので、あなたとあなたの顧客の目を引く最初のことはビデオプレーヤーのデザインです。色からボタン、自動再生、必要なすべてのコマンドの構成まで、ビデオプレーヤーのカスタマイズ性が高いほど優れています。

Wave.videoホスティングのビデオプレーヤーのカスタマイズオプション

リード生成機能

ウェブサイトに動画を追加する場合、その動画はリード生成マシンの一部になります。 したがって、選択するビデオプラットフォームが、ビデオを介したリード生成を実際にサポートしていることを確認してください。この機能には、行動を促すフレーズや、訪問者（リード）情報を取得する方法などが含まれます。それ以外の場合は、基本的に料金を支払っているビデオプレーヤーです。

プライバシー

オンラインで運用する場合、プライバシーは考慮すべき明らかな要素です。同じことがあなたのビデオのプライバシーにも当てはまります。選択した動画ホスティングプラットフォームでは、誰もがあなたの許可なしにあなたの動画を視聴またはダウンロードできないようにすることが重要です。したがって、ホスティングサービスは、ダウンロードに厳格なルールを課すオプションと、それらのルールを適用する効率的な方法を提供する必要があります。パスワードで動画を保護する機能は、動画ホスティングプラットフォームを選択するときに探す機能です。

SEO

自分のサイトのランキングを試してみたい場合は、ビデオホスティングプラットフォームの選択を戦略的に行う必要があります。安定していて人気のあるホスティングサービスを探し（ランキング自体が高いなど）、Googleのランキングのシェアを活用します。 まず、外部サイトで動画をホストすると、アウトバウンドリンクまたはバックリンクが提供されます 、および潜在的に、独自のドメインのビデオリッチスニペットを簡単に取得できるようになります。したがって、これにより、サイトのランキングにも影響を与えることができます。

出典：Moz

分析とデータ収集

あなたのビデオは顧客を引き付けて喜ばせるように設計されているので、当然、顧客がどれほど喜んでいるかを知りたいと思うでしょう。したがって、あなたがあなたのビデオをホストするサービスはあなたに見るべきたくさんの分析を与えるべきです。また、ビューやコメントなどの単純なものだけでなく、まったく異なる種類の複雑なデータもあります。 動画を埋め込むと、特別なトラッキングコードを追加できます – Google Tag Managerから–そして、平均総再生時間、一般的に視聴を停止した瞬間など、GoogleAnalyticsアカウント内で追加の分析を取得します。動画が成功する（または失敗する）方法と理由を知るには、このすべてのデータが必要です。

コスト

必要なすべての機能を検討し、プラットフォームとサポートに満足し、ビデオ品質に頭を悩ませたら、最後に、プラットフォームが予算内に収まるようにします。 。そして、これはあなたが予想するビデオビューの数とあなたのビデオファイルの大きさによって異なります。より大きな動画の視聴回数が増えると、より多くの帯域幅を使用していることを意味するため、価格が上昇します。プラットフォームが月次または年次の契約を許可しているかどうかも確認する価値があります。中小企業の場合、またはビデオを始めたばかりの場合は、長期契約に縛られたくないでしょう。

パートIV：埋め込みコードを生成する方法

動画ホスティングプラットフォームを選択し、すべての動画コンテンツをアップロードしたら、ウェブサイトに動画を追加/埋め込みすることと、その埋め込みコードを見つけることを区別するステップは1つだけです。

vからの動画の埋め込み ideoホスティングサービス

Wave.videoからの埋め込み

Wave.videoからビデオを埋め込むには、マイプロジェクトに移動します 埋め込みたいビデオを見つけます。次に、3つのドットのアイコンにカーソルを合わせ、「プレーヤー」をクリックします。

「Embedvideo」というトグルをオンにすると、Wave.videoがビデオの埋め込みコードを自動生成します。トグルの下には、ビデオサイズの設定も表示されるので、この機能を使用することを忘れないでください。

ビデオプレーヤーをカスタマイズするには、[外観]タブを開き、プレーヤーの色を自由に変更したり、表示するコントロール（存在する場合）を定義したり、カスタムサムネイルを選択したりできます。 Wave.videoホスティング機能について詳しく知りたい場合は、この記事を必ずお読みください。

WebサイトまたはブログにWave.videoを使用してビデオを埋め込む方法にはいくつかのオプションがあります。

• インライン埋め込み

これは、ページの周囲のテキストまたはその他のUI要素内にビデオを配置する通常の埋め込みです。

• ポップオーバーの埋め込み

この方法で動画を埋め込むと、残りのコンテンツの上に表示されるモーダルダイアログで動画が開きます。

動画をページのコンテンツに統合するには、サムネイル、ハイライト、テキストリンクの3つの方法があります。

サムネイル

サムネイルの埋め込みは、通常のインライン埋め込みに似ています。違いは、ビデオは他のコンテンツの上に表示されるポップオーバーウィンドウで再生されることです。