「AMP」の問題が新たに検出されましたの対策方法

2019-01-10

 
あれ、Google Search Console Teamからメールが来てますね

 
フッ、この広大なWeb空間の中からキラ星の如きブログを遂にGoogleが見出したかにゃ

 
そんな訳無いでしょ
エラーの通知ですね
AMP関連で問題が起きているようです

 
にゃ!?

 
「許可されていない属性または属性値が HMTL タグにあります。 」とありますね

 
AMP対策はWordPressテーマのLuxeritas 様で完璧なはずにゃ
そんなことが起こるはず・・・・・ホンマや!

 
ノリツッコミありがとうございます
1件だけなので取り敢えずSearch Console で指摘されたページを見てみますか

 
頼むのにゃー

 
このページですね


 
むー、普通に表示されているようにみえるのにゃー

 
タグの問題らしいのでValidateしてみますか

 
なんじゃこらー
ステータスがFAILになっているのにゃー

 
ここが原因ですかね

 
表示は問題なさそうなのに意味わからんのにゃー

 
amp-iframeタグは使った覚えがないですね
エラーの出ている行を見てみますか
ふむ、Youtubeの動画の部分でエラーになってますね

 
元記事を確認したけどYoutubeのURLが書いてあるだけで問題ないのにゃー

 
なんでですかね
ちょっとググってみましょう

 
お願いしますにゃー

 
ウーン、これっぽいですね
同じLuxeritasユーザさんのページを見つけました
というか公式で書いてありました
動画の埋め込み方が問題のようです



 
確かにYoutubeの動画はURLだけ書いてWordPressの埋め込み機能を使っていたのにゃー

 
というか最初はブログカードでYoutubeのリンク貼ってましたね
だから最初のクロールでエラーにならなかったのかと

 
後でWordPressの埋め込み機能を知って書き換えたのにゃー
かえって良くなかったということかにゃー

 
結果、そういうことのようですね
ダイレクトURLではなくてiframeで埋め込んでみましょう

 
めんどくさいにゃー

 
そんなに難しくないですよ
Youtubeのページで共有を押して「埋め込む」をクリックします

 
クリックしたらiframeタグが出てきたにゃー
次は?

 
これを上書きでコピペすればOKです
オプションのプライバシー強化モードはONにしておいたほうが良さそうです

 
URLと置き換えればええのにゃー
完了にゃー

 
ではAMPのValidateを実行しましょう

 
おー、今度は問題なしのOKなのにゃー

 
念の為、Search Console でも確認しましょう

 
おっしゃあぁぁぁ~
今度は問題なしなのにゃー

 
他のページにもYoutubeが埋め込んでありますから同じ要領で修正してくださいね

 
え~~メンドイにゃー
AMPメンドイにゃー

 
モバイルファーストになってしまいましたからね
キラ星の如きブログをキープするためには仕方ありませんね

 
ぐぬぬ、キラ星の為なら是非も無し

 
WordPressのバージョン5だとどうなるかは移行後に検証が必要ですね
Luxeritas テーマも同じタイミングでアップデートすると思いますので総合的に動きを見てみましょう
もしかしたら修正せずともクリアできるかもしれません

 
つまりそれまで様子見でいいって事かにゃー
やったー

 
っていうかサボってないで早くアップデートしろよ

 
年末年始のセールで買ったゲームが消化しきれてないのにゃー

 

 
すっかりサボりグセが付いているな
こちらで計画を立てるか・・・