PR

「動画がビューポートの外側にあります」の修正方法【Cocoon対応】

Google search console

🐾 はじめに

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

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

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

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

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

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

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

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

💡 エラーの確認方法

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

私の場合、YouTubeの共有リンクを使って貼り付けていたのが原因でした。

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

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

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

🪄 修正方法(Cocoonの場合)

これまでは、YouTube動画の「共有」→「コピー」ボタンでURLを取得して貼っていましたが、
これだと URLが複数重複して埋め込まれてしまう ことがあります。

修正方法はとてもシンプル👇

✅ 正しい貼り付け方

  1. YouTube動画の「共有」ボタンをクリック
  2. 表示されたURLを、右のコピーアイコンではなく 直接ドラッグして選択 → Ctrl+C でコピー
  3. WordPress投稿画面の「+」ボタンから「YouTube」を選択
  4. コピーしたURLを Ctrl+Vで貼り付け → 埋め込み

これで動画のURLが重複せず、エラーが解消されます✨

エラーのyoutube動画を確認したら、貼り付けたいyoutube動画の下にある共有ボタンをクリックし、次のように出てくるので今までは右のコピーをクリックしてブログに貼り付けていたのですが、URLが複数張り付いてしまうのでURLを直接Ctrl+Cでコピーして貼り付けた。

ブログを更新して

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

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

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

修正出来たみたいです!!おまけにAMPページが無効ですまで修正できたみたい。

簡単な場合は、動画を載せている位置を上に持って行くだけで修正出来る場合もあるようです。

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

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

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

✅ 検証と結果

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

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

結果、動画エラーと同時にAMPエラーも解消
無事にインデックス登録されました🎉

私のテーマは、cocoonなので、みんなが同じかはわかりません、すみません。

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

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

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

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

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

EWWW Image Optimizer
より小さな画像、より速いサイト、より幸せな訪問者。ロケット工学の学位を必要としない、包括的な画像最適化です。

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

プラグインを導入した後、動画のエラーも大幅に減りました。
現在は残り3件だけになっています。

スポンサーリンク

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

【広告】猫 おもちゃ 猫 ボール ぐるぐるタワー ペット用品 木製おもちゃ: 猫遊び用 遊ぶ盤 鈴入りボール 回転ボール 猫 玩具 安全素材 – 猫 運動不足 ストレス解消 知育 おもちゃ 2層(鈴、羽)

コメント

タイトルとURLをコピーしました