AMP HTMLのサポート終了タグがSearch Consoleに表示（前編）

AMP HTMLのサポート終了タグがSearch Consoleに表示（前編）

今朝、突然、Search ConsoleのAMPのインデックスやエラーを通知してくれてる「Accelerated Mobile Pages」にエラーが上がっていました。
しかも、インデックスされていたAMPページ全部です。
とりあえず、”重要ではない問題”とされているのですが、いやいや気になりますよね？（苦笑）

なので、修正をしていと思っていますが・・・色々問題がありまして。
まずは、そのエラーが出ている画面を見てください。

エラーの詳細が知りたいので、エラーの欄をクリックします。

次にURLをクリックすると・・・

エラーの詳細が出てきました。 出てきたんですが、、、これだけを見ても分からないので、AMPリファレンスを開きました。

• Deprecation errors - Accelerated Mobile Pages Project

上記のエラーの概要だけ見ても分からないので、今度はAMPのスタートページでエラー概要欄に記載されている箇所の内容を見てみたいと思います。

• Create Your AMP HTML Page - Accelerated Mobile Pages Project

ベーシックなマークアップを見ると、エラー概要欄に出てた内容と同じ記述の箇所がありました。
ということで、その箇所の修正にあたりたいと思います。

実際に行ったページと修正内容は以下の通りです。

• 修正を行ったページ : ペンギン4.0とそれに関する海外SEO情報ブログ・鈴木氏のブログ記事 - SEO対策 - コラム | SEMラボラトリー

修正前と修正後のソースです。

<style>body{opacity: 0}</style>
<noscript>
<style>body {opacity: 1}</style>
</noscript>

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript>
<style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
</noscript>

これにて一旦修正を完了としたいと思います。

因みにですが、修正前のソースでエラーを調べるためには、Google chromeのコンソール画面でしかチェックが出来ませんでした。
修正前のソースをGoogle chromeでチェックすると、「AMP validation successful」が表示されていましたが、その下にオレンジの文字で警告が出ていました。
エラーではないけど警告だよ・・・という感じです。

修正後は、その警告が消えました。
一応、AMPテストツールでもチェックしています。

ということで、これにてSearch Console内のエラーが消えるのを一旦待ちたいと思います。
これでSearch Console内のエラーが消えた時には、AMPの全ページの記述を修正変更することになると思います。

一つ一つの対応はあまり大したことはないんですが、確認しながらあれこれしてると大変ですね・・・なんだかんだで時間が経ってしまいます（汗）

因みにですが、AMPテストツールは修正完了後に「GOOGLEに送信」というボタンがありますので、修正後はきちんと送信するようにしましょうね。

突然、こんなにたくさんエラーが出ると、色々ビビってしまいますよね。
ほんと、一瞬冷や汗をかきました（汗）
しかし、、、見ればだいたいエラーの箇所はわかりますが、親切とは言いにくい感じのインフォメーションのような気がしました。^^;

AMP HTMLが出始めた時からAMP対応されている方にとっては面倒なお話かもしれませんが、そろそろサポート終了予定タグも出始めてきたということで、一旦見直した方がいいのかもしれません。

しかし、AMPのメンテや継続的な発展にはまだまだ労力が必要になる気がする今日でした。

本日の修正でSearch Console内のエラーが消えたり消えずに他の問題が出たり、何か動きが会った時には、コラムで改めて続編として解説したいと思います。
改めて宜しくお願い致します。

執筆 : 清水 隼斗

AMP HTMLのサポート終了タグがSearch Consoleに表示（前編）のAMPページ

続編記事を書きました。
併せてお読みください。

• AMP HTMLのサポート終了タグがSearch Consoleに表示（後編）