Nekonote

Nekonote(ねこのて)もかりたい

【ブログ】モバイルでの表示速度を高速にする Accelerated Mobile Pages【AMP 化】

このエントリーをはてなブックマークに追加

おつかれさまです ₍๐•ᴗ•๐₎

今回は Accelerated Mobile Pages 、通称 AMP についてです。

f:id:herrscherinnen:20190508220029p:plain

概要のあと、はてなブログ で AMP 配信をするための 設定方法 を紹介します。

AMP とは

ざっくりでは、モバイルでのウェブサイト閲覧を高速化できます。

Google が中心に立ち上げているので、
もしかしたら SEO でも副次的な恩恵があるかもしれません。

詳しくはこちらです。

Accelerated Mobile Pages - Wikipedia


はてなブログで AMP を配信するには、 Pro にする必要があります。

ということで...


はてなブログを Pro にしてみました。

AdSense の審査は Pro にせず合格していたので、収益を使って Pro をお試しします。
AdSense の話は こちら です。


  • はてなブログ Pro に期待していること
    • SEO
    • AMP(今日はこちら)

AMP 配信をするには

はてなブログ を Pro にしてしまえば、AMP 配信は簡単です。

  • ブログ管理画面を開きます。
  • 設定 > 詳細設定 > AMP にチェックを入れます。

これで終わりなのですが、確認が1点あります。 レスポンシブデザインを使っていると、AMP 配信 になりません。

【2019/05/09 追記】AMP配信出来てました ↷( ó╻ò)


レスポンシブデザインでなくす手順も紹介します。

  • ブログ管理画面を開きます。
  • デザイン > スマートフォン > 詳細設定 > レスポンシブデザイン のチェックをはずします。

これで完了です (ง⁎˃ ᵕ ˂ )ง⁾⁾


AdSense の広告について

AMP 配信では、昔は AMP 専用の広告 に変更する必要があるようでした。

今は テキスト広告 と ディスプレイ広告 のコードが、そのまま使えちゃいました。

簡単でよかった (⁎˃ᴗ˂⁎)

【2019/05/09 追記】使えていませんでした ↷( ó╻ò)
解決しました。こちらをお読みください。
【AdSense】AMP 配信されたページに AdSense の広告を貼る方法 - Nekonote


これから Pro にする方へ

はてなブログ Pro を試すときに、
もしもアフィリエイトのアカウントをお持ちなら、
本人OK のキャンペーンがあります。

  • はてなブログ Pro 1か月 1008円 に対して、報酬 300円という破格です。

1年契約と同じぐらいの金額になるため、お試しするにはうれしいです。

キャンペーンから はてなブログ で検索すれば見つかると思います。
他の人を紹介するには、申請が必要なので、リンクは貼れなかったです ↷( ó╻ò)


もし、もしもアフィリエイト のアカウントをお持ちなければ、
こちらから作れます (。・-・。)

文字ばっかりになってしまったので、にゃんこ成分を充電

よく眠る チョコさん (_´๑・ω・๑)

f:id:herrscherinnen:20190508222629j:plain



AMP 配信にしてみた効果については、また後日の報告にします。

ただ、ものすごい早くなってびっくりしました ꉂꉂ(ᵒƐ ᵒ ๑)✧


読んでくれて、ありがとうございます!

おわり

おすすめ 記事