Google Search Consoleにおいて、AMPエラー「AMP HTML タグの属性で指定されたレイアウトが無効です。」が発生しました。その時の対処について、記事にいたします。
前提
- Cocoon 2.4.3
事象
Search Consoleで詳細を確認したところ、AMP-VIDEOタグにheightが設定されていないことによるエラーでした。
Cocoonの動画ウィジットで投稿した動画でした。
対応
- 記事の編集画面にて、当該の動画を選択して「HTMLとして編集」を選択します
- 表示されるHTMLタグをコピーします
- 新たにカスタムHTMLウィジットを作成し、コピーしたHTMLを貼り付けます
- 貼り付けたHTMLの
videoタグに`height’と’width’を設定します
「HTMLとして編集」で表示されるタグにheightとwidthを設定するのでもいいかなと思いましたが、私の場合、エラーが解消されませんでした。上記のようにカスタムHTMLとして設定することでエラーを解消することができました。
終わりに
Google Search Consoleで表示されるエラーには「height属性がない」とあり、素直にheightだけを設定してもエラーを解消することはできませんでした。heightとwidthを合わせて設定する方法が、私の場合は有効でしたので、合わせて記載いたします。同じように悩んでいる方の参考になれば嬉しいです。
コメント