【2019/1/14更新】はてなブログでAMP対応して３週間経ってわかったことをまとめました

この記事は、以下の記事と関連しています。まずはこちらの一読をお勧めします。

2019/1/14 更新：AMPの追加傾向を掲載しました

はてなブログでAMP(Accelerated Mobile Pages)に対応してから３週間が経ち、わかったことをまとめてみました。

1. アクセス数が一定以上でないとインデックス登録されない(=AMP対応されない)可能性がある

Search Consoleを使い、このブログの記事を一通りインデックス登録リクエストしましたが、AMP対応ページしたのは下記２件のみでした。

これらは他の記事と比べるとアクセス数が多いです。ほかに目立った違いが見つけられなかったので、AMP対応にはアクセス数が関係する可能性があります。

(2019/1/14 更新)

ブログの設定は変更していませんが、久しぶりに見たら対応件数が増えていました。

新たに増えたのは、この記事と以下２つです。

これらの記事はまだそれほどアクセス数はなく、焼きそばの記事は投稿日にインデックスされています。現時点では何が効くのか不明ですが、何か傾向がわかったら追記します。

ちなみに、スクショの通り、はてなブログのテーマが反映されません。これはAMPはCSSの書き方が特殊なためです。ざっと調べた限りでは、AMPに対応したはてなブログのテーマは見つけられませんでした。

AMPの決まりごとで通常のjavascriptが使えないためです。そのため、前回紹介したecho.jsを使って画像表示をさせると、AMP対応したページでは画像が表示されなくなります。

ただし、はてなブログ側がうまく調整してくれたおかげで、echo.jsを使わず通常の画像表示(img src=~を使う)をしていれば、自動的にAMP対応した時も表示されます。

前回の記事で解説した通り、echo.jsを使うとPage Speed Insightsのスコアは改善します。しかし、改善効果でいうとAMPの方が圧倒的に高いです。そのため、スコア改善を優先するならばAMP対応がよいです。

AMPの仕組み上、はてなブログを更新しただけではAMPとしてのページは更新されません。今回の場合、Search Consoleでインデックスリクエストを出したら、10分後くらいにすぐAMPとしてのページも更新されました。

アドセンス広告には一切手を加えてませんが、レスポンシブ広告ユニットやアンカー広告などはAMP対応ページでも表示されました。

元々は、Page Speed Insightsのモバイル側アルゴリズムが変わったことの対策として見つけたのがAMPでした。たしかに劇的に速度が改善することもわかりましたが制約も多いのが現状です。

最近時間が取りづらいのでいつになるかわかりませんが、制約の１つであるレイアウト崩れは少しずつ直していきたいと思います。