[WordPress] テーマ「Cocoon」でAMPの有効化をしてみた

SEO対策

 

WordPressのテーマも変更したし、SEO対策も頑張っているし、Google先生に褒められるかと思っていたら、まさかのダメ出しのオンパレード。AMPでエラーの出まくりです。

 

スポンサーリンク

AMPって何?

AMP(Accelerated Mobile Pages)はGoogleが推奨している、「モバイルページを高速に表示させる手法」に基づいて作成されているコンテンツです。

 

とても簡単に説明すると、

  • 定められたAMP HTMLやAMPタグなどでAMPページを作成することで、高速表示を実現する。
  • クローラーがAMPに準拠したウェブページだと判断すると、AMP ページをキャッシュし、検索結果にはキャッシュされたページの URL がリンクされ、記事の表示が瞬時に行われる。

要はモバイル用にAMP HTMLやAMPタグで記事を作ると、Google先生が優先的にしかも高速で表示してくれるよってことです。

 

モバイルでの検索画面で、AMPを実装しているページには「雷マーク」が表示されています。

 

 

CocoonでのAMPの有効化は超簡単

WordPress>Cocoon設定>AMPとすすみ、

「AMP機能を有効にする」にチェックを入れ、「変更箇所をまとめて保存」します。

 

次にCocoon設定>管理者画面 とすすみ、

「AMPエリア表示する」にチェックを入れます。

 

そうすると、自分の記事の下に、こんなマークが出てきます。これがとても便利。

投稿した記事のURLの末尾に「?amp=1」を付けるとAMPが有効化されているページを確認することができますが、末尾に追加しなくても、この部分の「AMPページへ」をクリックするだけで、AMPが有効化されたページがすぐに表示されます。

 

自サイトを確認してみる

検証方法は4つあります。

[SEO対策] ちゃんとAMP化されている?4つの検証方法
GoogleサーチコンソールでAMPエラー出まくりでした。正しくAMPを実装しているかどうか検証できる方法をお伝えします。 WordPress「Cocoon」には、Cocoon設定>管理者画面 で、「AMPエリア表示す...

 

「Cocoon」はAMPがちゃんと実装されているかどうかもサクッと検索できるので、とても便利です。

 

 

おっつエラーでまくり
だいちゃん
わ、ほんとだ。はじかれまくり
みかちゃん
AMP奥が深い〜。