AMP化できてる？CocoonでAMP対応する方法を紹介！

「AMP化って何？」
「AMP化って難しそうで手を付けてない」

Cocoonにはとても簡単にAMP化できる機能が備わっています。

本記事では、
CocoonをAMP化する手順を画像付きで解説しています。

AMPとは

AMPをご存知ない人のために簡単に解説すると、
Accelerated Mobile Pasesの略でモバイル向けの
ウェブページの表示速度を高速化する手法のことです。

表示速度が高速化することでサイトを閲覧するユーザーの
ストレス軽減され、SEO対策として行われることが増えてきました。

では、CocoonをAMP化していきましょう。

CocoonをAMP化する方法

手順は、

1. Cocoon設定を選択
2. AMPを選択
3. 「AMP機能を有効化する」にチェック
4. 「変更をまとめて保存」をクリック

で終了です。

超簡単です。

超簡単です。

正常にAMP化されているか確認

では、正常にAMP化されているか
確認する方法を解説します。

ページURL/?amp=1

当ページの場合、
https://sub-work.net/cocoon-amp/?amp=1

表示自体はあまり変わらないですが、
AMP用のCSSが適用されているので、
変更したい場合は、amp.cssを編集しましょう！

まとめ

今回は、CocoonをAMP化する方法を紹介しました。

AMP化すると問題が起こる可能性もあるので、
コンソール上でエラーを発見したら解決しておきましょう。