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が有効化されたページがすぐに表示されます。
自サイトを確認してみる
検証方法は４つあります。
「Cocoon」はAMPがちゃんと実装されているかどうかもサクッと検索できるので、とても便利です。
[speech_bubble type=”drop” subtype=”L1″ icon=”me.png” name=”私”]おっつエラーでまくり[/speech_bubble]
[speech_bubble type=”drop” subtype=”R1″ icon=”daichan.png” name=”だいちゃん”] わ、ほんとだ。はじかれまくり[/speech_bubble]
[speech_bubble type=”think” subtype=”R2″ icon=”mikachan.png” name=”みかちゃん”] AMP奥が深い〜。[/speech_bubble]