当記事では、Google SearchConsoleから、動画ページのインデックス登録エラー「ページ上で視認性の高い動画は検出されませんでした」が報告されたときの対処方法についてまとめています。
- 動画ページのインデックス登録の問題が発生したときの解決方法
- 動画ページのインデックス登録の問題が検出されたとき
- はてなブログで動画ページを追加する方法
- 動画ページのインデックス登録の問題が修正されたとき
- まとめ
動画ページのインデックス登録の問題が発生したときの解決方法
結論からいうと、はてなブログで動画（YouTube）のページを追加する場合は、サイドバーの「YouTube貼り付け」から行うことで解決できました。
動画ページのインデックス登録の問題が検出されたとき
問題が発生すると、「新しい 動画ページのインデックス登録 の問題が検出されました」という件名のメールが、SearchConsole（差出人：Google Search Console Team <sc-noreply@google.com> ）から届きます。
問題の対象となったページや動画のURLは、SearchConsoleで確認できます。
はてなブログで動画ページを追加する方法
はてなブログでは動画ページを追加する方法は２つあります。
１．リンクを挿入
２．YouTube貼り付け
それぞれの方法で追加した場合のHTMLソースを確認していきます。
１．リンクを挿入
＜HTML編集＞でソースを確認するとiframeタグに色んなパラメータが付与されているのがわかります。
<iframe width="560" height="315" src="https://www.youtube.com/embed/dAY649C51ao?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" title="Tokyo DisneySea｜American Waterfront #gopro"></iframe><cite class="hatena-citation"><a href="https://youtu.be/dAY649C51ao">youtu.be</a></cite>
２．YouTube貼り付け
HTML編集でソースを確認すると１．と比較してシンプルです。
１．との違いは「enablejsapi=1」が付与されていること。
<iframe src="https://www.youtube.com/embed/dAY649C51ao?enablejsapi=1" width="560" height="315" frameborder="0" allowfullscreen="" id="widget2" title="Tokyo DisneySea｜American Waterfront #gopro"></iframe><br /><a href="https://www.youtube.com/watch?v=dAY649C51ao">www.youtube.com</a>
リファレンスで「enablejsapi」を調べてみると
enablejsapi
このパラメータの値を 1 に設定すると、IFrame または JavaScript Player API を呼び出してプレーヤーを制御できます。デフォルト値は 0（これらの API を使用してプレーヤーを制御できない）です。
「YouTube貼り付け」のほうが、余計なパラメータが付与されないので、パフォーマンスにはよさそう。
「YouTube貼り付け」で再検証をしてみます。
動画ページのインデックス登録の問題が修正されたとき
問題が修正されると「動画ページのインデックス登録の問題が修正されました」という件名のメールが、SearchConsole（差出人：Google Search Console Team <sc-noreply@google.com> ）から届きます。
検証開始からちょうど1週間で「合格」になりました。
まとめ
はてなブログで動画（YouTube）のページを追加する場合は、サイドバーの「YouTube貼り付け」から行うことを推奨します。
ちなみに、遅延読み込みもページのパフォーマンスがあがるらしいので、興味のある方は試してみてください。
例）
<iframe loading="lazy" width="854" height="480" src="https://www.youtube.com/embed/Q2zcPxCn3vg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
お読みいただたき、感謝いたします 🤗
