【提供終了】AMPを使用する

本機能は提供を終了しました。

はてなブログでは、記事をAMPで配信することができます。
AMP - a web component framework to easily create user-first web experiencest

ブログユーザーにとって、AMPはモバイル環境で速やかに表示され、ブログがより快適に閲覧されるため、多くの人に読まれやすくなることが期待できます。一方で、デザイン上のカスタマイズなど、リッチな表現には制限があります。

AMPの配信設定は、有料プラン「はてなブログPro」に加入しているブログで利用できます。

AMPは開発が進行中のプロジェクトであり、本機能もベータ版として提供されます。AMPの仕組み等をご理解のうえ、ご利用ください。ご不明な点やお気づきのことがあればお問い合わせフォームよりご連絡ください。

はてなブログProに加入しているユーザーは、ブログの詳細設定画面で「AMPを配信する(β版)」にチェックをいれると、AMPが配信されます。

記事をAMPで配信しているブログの「デザイン設定」画面では、「カスタマイズ」タブの「AMP」に「AMP用CSS」欄が表示されます。ここにCSSを直接記述し、AMPで記事が配信される際のデザインをカスタマイズできます。

AMPのCSSにはいくつかの制約があります。AMPプロジェクトのWebサイトなどを参考にしてください。なお、デザインやレイアウトのカスタマイズに関しては、はてなブログのサポート対象としておりません。

記事編集画面（PC版）の「プレビュー」タブで、「スマートフォン (AMP)」タブに切り替えて、AMPでの表示をプレビューすることができます。

AMPは、モバイル環境でWebコンテンツの表示を高速化する仕組みです。GoogleなどWeb業界各社の協力により、世界中から多くのコンテンツ企業やテクノロジー企業が参加しています。

AMPで配信されたコンテンツは、AMPの表示に対応したモバイルのサイト・アプリで利用されます。AMPに対応したGoogle検索などのサービスが、AMPで配信されたページのデータをクロールすると、モバイル環境のアプリ内ブラウザなどでそのデータを利用して、通常のWebページより高速に表示します。

AMPコンテンツをクロールするタイミングやキャッシュの利用については、AMPを利用する各サービスによります。オプションを有効にしてもすぐにクロールされるとは限りませんし、オプションを無効にしたのにAMPで表示され続けることもあります。

AMPに対応していないサービスや、モバイルのブラウザでブログを直接閲覧する場合には、ブログの設定に応じた通常のモバイル表示になります。

はてなブログにおいてAMPを利用する際には、次のような制約があります。

AMPの利用において、はてなブログのその他の設定項目とも次のような関係があります。

はてなブログヘルプ