「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

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