アメブロのgamp.ameblo.jpはAMP対応ページ

スポンサーリンク

AMPとは

AMPとは Accelerated Mobile Pages の略で、モバイル環境でWebページを高速に表示するための手法です。googleとTwitterが共同で行っているプロジェクトです。

具体的に言うと、モバイル端末でgoogle検索結果やTwitterのリンクからWebページを開くと高速で表示されるということです。これは通常のページが表示されるのではなくAMP用のデータ量の少ない別のページが表示されます。さらにそのページはあらかじめgoogle AMP Cacheで順次キャッシュされ、そのキャッシュを表示させてもっと高速化しています。googleで検索した結果に ⚡稲妻マークがついていたらそれはAMP対応ページです。アドレスのどこかに「/amp」等が追加されていたりするはずです。

アメブロのAMP対応

アメブロはAMPに対応しています。すべての記事ページでAMP対応ページが自動で作られています。AMP化のメリットはユーザーが読むときに素早く表示されるということで直帰率の改善に役立っているはずです。

ただし現状ではデメリットもあります。使えないタグなどコンテンツの制限があり凝ったページは崩れて表示されたり表示すらされない場合もあります。テキストと写真だけのページであれば問題ありません。ただ写真もサイズ指定をしていると原寸に戻っている可能性があります。

アメブロのAMP対応ページは以下のアドレスとなります。
「***」はアメーバIDが入ります。

通常ページ
http://ameblo.jp/***/
https://ameblo.jp/***/

AMP対応ページ
http://gamp.ameblo.jp/***/
https://gamp.ameblo.jp/***/

このように「ameblo」の前に「gamp.」が追加されます。AMP対応ページはモバイル端末専用ページですがPCでもURL欄のアドレスに直接「gamp.」を追加すればAMP対応ページを見ることが出来ます。自分のページがどのように表示されているか見ておくことは重要だと思います。簡素なページになり表示されていない装飾やコンテンツ、原寸サイズに戻った写真などが確認できるはずです。

アクセス解析のリンク元

アメブロのアクセス解析にあるリンク元を確認するとAMP対応らしきアドレスが2つあります。検索流入がなければ表示はないかもしれません。

gamp.ameblo.jp
gamp-ameblo-jp.cdn.ampproject.org

「gamp.ameblo.jp」は先に述べた通りアメブロで自動作成されるAMP対応ページのアドレスです。
「gamp-ameblo-jp.cdn.ampproject.org」はgoogleにキャッシュされたAMP対応ページのアドレスです。
リンク元がこのAMP対応ページだということは、読者の人はgoogle検索でAMP対応ページをヒットさせてAMP対応ページまたはキャッシュされたAMP対応ページを見ているはずです。その後内部リンクをクリックして通常ページへ流入したと思われます。最初のAMP対応ページへのリンク元はgoogle検索に含まれているはずです。

今後、AMP対応が主流になっていくかはまだわかりません。 現在はスマホでのgoogle検索結果はAMP対応ページがかなり上位に表示されるようになっています。アクセス数もAMPページへの流入はかなり増えています。
表示が崩れたり表示できないタグがあるため今のままでは主流にはならない可能性もあります。がありますが日々進化もしているようです。今後はAMP対応を意識していくことは必須になります。ただしキャッシュの情報が表示されるということは最新情報ではない可能性があるため情報を調べるときはAMP非対応ページを見るほうがいいかもしれません。PCであれば通常AMP対応ページを開くことはありません。

AMP記事の書き方はこちら(アメブロ AMP対応ブログ記事の書き方、CSSの使い方)、AMPキャッシュの更新方法はこちら(アメブロ AMP用キャッシュの更新方法