必須属性srcがタグamp-imgに無い~ブログをAMP化したら検索結果から除外

WPテーマをCocoonに変えたのを機にAMP化

Google PageSpeed Insightsによるモバイルサイトの評価が最近急速に悪化。
ワードプレスのテーマをCocoonに変えたばかりでありいろいろと弄っている最中だったので、どうせならと思い切ってAMP化を実施しました。

アドセンスコード差し替えやJavaスクリプトパーツの除外、タグマネージャー設定などいろいろと作業し無事にAMP化が完了して一安心。
これでサイト評価も上がり検索結果にも好影響かな？と思っていました。

私は検索結果を向上させるために登録しているサーチコンソールから2回警告を受け取っています。
何とか無事に乗り切っていますが…

AMP化してから僅か半日。
真夜中に目が覚めてふとスマホをチェックすると、サーチコンソールからメールを受信しています。
それも午前1時過ぎに。
嫌な予感しかしません…

内容は「AMP HTML タグの～」。
寝ぼけていてよくわからずそのまま再び眠りの中へ。

朝になり起きて再度確認します。
やはり夢ではありませんでした…
PCで確認すると、何と16ページでエラーが発生。

何かやってしまったか？

しかしそもそもエラー内容の「AMP HTML タグの属性で指定されたレイアウトが無効です」って何？
そこでコンソールエラーレポートに表示された該当ページをAMP判定ページでチェック。
すると前回は「有効なAMPページです」と表示されていたのに、「AMPページではありません」と表示されます。

なぜだー！

詳細を探ると、
必須属性「src」がタグ「amp-img」にありません。
とあります。
エラーの中に「600」と「60」という数字も。
尤もIT音痴のおっさんにはよくわからず…

朝食を摂って頭を冷やします。
その最中にふと頭に浮かんだのは、

imgとは画像。
600と60ってどっかで見たような…

そこで再度サイドバーウイジェットやCocoon設定画面を探り見つけたのが、
Cocoon設定⇒AMP⇒AMPロゴ。
Google検索結果に表示されるロゴです。
AMP化した後に弄った記憶があります。
どうせならオリジナルがいいかなっと。

しかしいいロゴが思い浮かばず何度か選択とクリアを繰り返した後にクリアしたまま。
このAMPロゴの指定サイズが600px以下×60px以下でした。

Cocoonのヘルプフォーラムにも同じような現象が掲載されていました。
やはり空欄ではエラーになるようです。
早速修正。
ちなみにデフォルトは

現在は、

味も素っ気もありませんが応急措置。

Cocoon設定⇒キャッシュ削除⇒AMPでキャッシュを削除。
その後、先ほど「AMPページではありません」と判定されたサイトで再度AMPが有効か調べます。
すると無事に「有効なAPMページです」と表示。

やったー！

16のページでエラーが出ていたので他のページでも試し、いずれもAMPが有効であると確認。
早速Google Search Consoleにログインし修正報告と再審査を申し込み。
前回警告を受け取り再審査申請した際は一日半ほどで合格。
さて今回はどうなるか…

サーチコンソールに再審査を申請したのがその日の午前10時前。
その後しばらくして外出。
昼食を食べ終わりふとスマホを見ると、サーチコンソールからのメール受信を確認。

何だ、もう合格したのか。
今回はあっけなかったな。

と思い内容を確認。
しかし内容に驚愕します。

ガイドラインに準拠していない？
検索のAMP関連対象にならない？

意味が分からず…
せっかく修正したのに…

外出先だったのでパスワードがわからずレポートも見られず。
用事を済ますまで帰宅も出来ず、確認できたのは午後7時過ぎ。
帰宅後急いでレポートを確認すると、何とエラーページが24に増加しています…

しかし該当ページをAMP判定ページで確認すると有効なAMPページとの表示。
どうやら今回来たメールはサイト修正が反映する前の状態を連絡してきたようです(私の思い込み？)。

やっとのことで今回の不具合審査に合格。
サイト修正は完了しているのに審査はなかなか進まず半月を要しました。

他にもサイトマップ・404ページの不具合が指摘されるなどちょっと不安定…
AMP化は急いでまではやらなくてもいいかも…

恐らくAMP化と非Javaスクリプトのパーツを貼り付けたことが原因で、ブログ村のPVポイントが急減しランキングも急降下中です…