【ブログ】モバイルでの表示速度を高速にする Accelerated Mobile Pages【AMP 化】
おつかれさまです ₍๐•ᴗ•๐₎
今回は Accelerated Mobile Pages 、通称 AMP についてです。
概要のあと、はてなブログ で 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年契約と同じぐらいの金額になるため、お試しするにはうれしいです。
キャンペーンから はてなブログ
で検索すれば見つかると思います。
他の人を紹介するには、申請が必要なので、リンクは貼れなかったです ↷( ó╻ò)
文字ばっかりになってしまったので、にゃんこ成分を充電
よく眠る チョコさん (_´๑・ω・๑)
AMP 配信にしてみた効果については、また後日の報告にします。
ただ、ものすごい早くなってびっくりしました ꉂꉂ(ᵒƐ ᵒ ๑)✧
おわり