AMP化できてる?CocoonでAMP対応する方法を紹介!

SEO対策
この記事は 約2 分で読めます。

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

コメント