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

2019-01-10

人物のアイコン素材 その5

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

 
フッ、この広大なWeb空間の中からキラ星の如きブログを遂にGoogleが見出したかにゃ
人物のアイコン素材 その5

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

 
にゃ!?
人物のアイコン素材 その5

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

 
AMP対策はWordPressテーマのLuxeritas 様で完璧なはずにゃ
そんなことが起こるはず・・・・・ホンマや!
人物のアイコン素材 その5

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

 
頼むのにゃー
人物のアイコン素材 その5

 
このページですね


猫

 
むー、普通に表示されているようにみえるのにゃー
人物のアイコン素材 その5

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

 
なんじゃこらー
ステータスがFAILになっているのにゃー
人物のアイコン素材 その5

 
ここが原因ですかね
猫

 
表示は問題なさそうなのに意味わからんのにゃー
人物のアイコン素材 その5

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

 
元記事を確認したけどYoutubeのURLが書いてあるだけで問題ないのにゃー
人物のアイコン素材 その5

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

 
お願いしますにゃー
人物のアイコン素材 その5

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



猫

 
確かにYoutubeの動画はURLだけ書いてWordPressの埋め込み機能を使っていたのにゃー
人物のアイコン素材 その5

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

 
後でWordPressの埋め込み機能を知って書き換えたのにゃー
かえって良くなかったということかにゃー
人物のアイコン素材 その5

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

 
めんどくさいにゃー
人物のアイコン素材 その5

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

 
クリックしたらiframeタグが出てきたにゃー
次は?
人物のアイコン素材 その5

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

 
URLと置き換えればええのにゃー
完了にゃー
人物のアイコン素材 その5

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

 
おー、今度は問題なしのOKなのにゃー
人物のアイコン素材 その5

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

 
おっしゃあぁぁぁ~
今度は問題なしなのにゃー
人物のアイコン素材 その5

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

 
え~~メンドイにゃー
AMPメンドイにゃー
人物のアイコン素材 その5

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

 
ぐぬぬ、キラ星の為なら是非も無し
人物のアイコン素材 その5

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

 
つまりそれまで様子見でいいって事かにゃー
やったー
人物のアイコン素材 その5

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

 
年末年始のセールで買ったゲームが消化しきれてないのにゃー
人物のアイコン素材 その5

 

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