【解決】動画がビューポートの外側にありますの原因と対処法（Cocoon）

Google Search Consoleで「動画がビューポートの外側にあります」というエラー、出ていませんか？
👉 気づいていないだけで、実は多くのページで発生しているエラーです。私のブログでも、動画を貼り付けたページでこのエラーが多発していました。今回、実際に修正できた方法をまとめたので、同じように悩んでいる方はぜひ参考にしてください。

📊 Google Search Consoleのエラーメッセージ

猫のブログなので動いた様子を載せたくて、youtubeにまず動画をupして、そのURLを貼り付けていました。 例えばこんな動画

猫にまたたび「マタタビ最高！！｣安全みたいよ♪毒性もないって！「またたび最高！！｣【動画あり】

近くのお店でリボンのおもちゃを買ってきたら異常に食いつくので「あれ？」と思いパッケージをよく読むと「マタタビ入り｣とありました。なるほど、食いつくはずです。こんなにクネクネして、大丈夫かな？と猫にまたたびと調べてみるとNHKのサイトに岩手大...

rinmuu.com

Google Search Consoleで確認すると、
動画のあるページのうち「インデックス登録済み」は1ページだけ。
残りの 11ページはエラー扱い になっていました。

エラー内容は次の通りです👇

「動画がビューポートの外側にあります。」

つまり、「ページを開いたときに動画が画面外にあり、ユーザーがすぐ見られない状態」だということです。

💡 エラーの確認方法

1. Search Consoleでエラーをクリック
2. 「動画に関連付けされているURLが複数検出されました」と表示される
3. 表示されたURLの横にある
   　「🔗 新しいタブで開く」をクリックして実際のページを確認

動画がビューポートの外側にあります。をクリックするとエラーページのURLが出てきます

どれか1つクリックすると動画に関連付けされているURLが複数検出されましたと出てきました。

URLにカーソルを合わせると「URLをクリップボードにコピー｣と「新しいタブで開く｣と「URLを検査｣のマークが出てくるので真ん中の「新しいタブで開く｣をクリックし、エラーページを確認。

🪄 修正方法（Cocoonの場合）

✅ 正しい貼り付け方

1.YouTube動画の「共有」ボタンをクリック>表示されたURLをコピー

2.WordPress投稿画面の「＋」ボタンから「YouTube」を選択

3.コピーしたURLを 貼り付け → 埋め込み

ブログを更新して

訂正したブログのURLをもう一度検査します

動画ページのインデックス登録　インデックス登録された動画はありませんをクリック

公開URLをテストをクリック

修正出来ました。

👉 数分でできる修正なので、すぐに対応できます

📍 位置でもエラーになることがあります

• 記事の下の方に動画を埋め込むと「ビューポートの外」と判断され、エラーになることがあります。
• 記事の上部（本文冒頭付近）に移動させるだけで解消するケースもあります。

さらに、1記事に貼れる動画は1つだけが安全です。
複数動画を埋め込むと、Search Consoleで再びエラーになることがあります。

Cocoon

SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。

wp-cocoon.com

⚙️ EWWW Image Optimizerの導入も効果あり

しばらくすると、再び画像関連のエラーが発生。
調べたところ、**画像最適化プラグイン「EWWW Image Optimizer」**を設定していなかったのが原因でした。

このプラグインは、アップロードした画像を自動で圧縮してくれます。
画像を軽量化することで、サイトの読み込み速度が上がり、SEO効果も期待できます。

EWWW Image Optimizerは、WebP（ウェッピー）形式にも対応しているので、
Cocoonとの相性も抜群です。

EWWW Image Optimizer

Comprehensive image optimization that doesn't require a rocket science degree. Optimize images automatically for Faster ...

ja.wordpress.org

設定方法は、こちらの記事で詳しく紹介しています👇
➡️ グーグルアドセンス審査に合格したい人に試してほしい設定1【動画あり】

✅ 検証と結果

修正後、Search Consoleで以下の手順を実施しました。

1. エラーページのURLをクリック
2. 「公開URLをテスト」→「修正を検証」

結果、無事にインデックス登録されました🎉

データ保存が多い方はこちら👇

📝 まとめ

「動画がビューポートの外側にあります」エラーの原因と対処法

• YouTubeブロックを使って正しく埋め込む
• 動画は記事の上部に配置する
• 1記事に動画は1つまでにする

👉 どれも簡単にできる修正なので、初心者でもすぐ対応できます。

👉 放置すると動画が評価されないので、早めの修正がおすすめです。

Search Consoleでエラーが出ていた方は、ぜひ試してみてください。

⚙️ 画像最適化も重要

画像最適化プラグイン「EWWW Image Optimizer」の導入も、動画エラーの減少に効果がありました。

💡 画像や動画を扱う作業は意外と負担が大きいので、マウスを変えるだけでもかなり快適になります👇

💡 さらに改善したい場合
以前はこの方法で改善できましたが、現在はGoogleの評価基準が厳しくなっており、これだけではインデックスされない場合もあります。

その場合は「動画の構造化データ（VideoObject）」の設定もあわせて検討してみてください。👇

スポンサーリンク

国内ドメイン取得サービスで成長率No.1！格安ドメイン名取得サービス『XServerドメイン』 　[URL]