AMP(Accelerated Mobile Pages)はモバイルで高速閲覧するためのしくみでGoogleが強力に推進しているので検索にもヒットしやすい

この記事は約3分で読めます。

ampwordpress200.jpgワードプレス(Wordpress)のAMPプラグインを試用開始した。AMPとは「Accelerated Mobile Pages」の略で、スマホなどのモバイル端末でWEBページを高速で表示させるためのしくみである。
ワードプレスをAMP対応にすると、Googleの検索結果に表示されるのがAMPページになり、高速表示されるしくみのAMPページに誘導されることにより、ユーザーが快適にWEBを閲覧できるようになる。また表示の高速化は検索結果の順位上昇にも貢献するはずである。

▼設定したのは「蕎麦食べ歩き北陸」
ampwordpress.jpg

使用したプラグインは「AMP for WordPress」である。

▼AMP for WordPress
https://amp-wp.org/

プラグインを入れるだけでAMP対応になったようである。

▼これまでのWEBページ
https://sindan.org/sobawariai/

▼AMPページ
https://sindan.org/sobawariai/?amp

アナリティクスの設定変更も必要なようだが、プラグインでの設定がうまくできているのかどうかわからない。当面これで様子をみることにする。

ampanalyticsoptions.jpg

上記のサンプルにあわせて作成

ampgoogleanalytics.jpg

挿入したタグは以下のとおり(UA-*********-9の箇所はそのサイトのトラッキングIDに変更する)

{
“vars”: {
“account”: “UA-*********-9
},
“triggers”: {
“trackPageview”: {
“on”: “visible”,
“request”: “pageview”
}
}
}

AMPに関する情報

Google 検索での AMP に関するガイドライン
https://support.google.com/webmasters/answer/6340290

AMPが高速で表示されるしくみ
https://developers-jp.googleblog.com/2016/02/google-accelerated-mobile-pages.html

AMP.png

AMP HTML に準拠したウェブページを公開すると、Google のクローラーが AMP ページをキャッシュします。キャッシュされたコンテンツが検索クエリに関連が深いと判断された場合、検索結果にはキャッシュされたページの URL がリンクされます。検索結果に表示されたキャッシュ済みの AMP ページにユーザーがアクセスする場合には、キャッシュ済みのためコンテンツの取得までの時間が短く、また広告やアナリティクスといったタグは遅延読込されるため、記事の表示が瞬時に行われます。

AMP 用に Google アナリティクス セッション統合の初期設定を行う
https://support.google.com/analytics/answer/7486764?hl=ja

AMP ページにアナリティクスを追加する
https://developers.google.com/analytics/devguides/collection/amp-analytics?hl=ja

AMP が検索結果にどのように表示されるかを理解する
https://developers.google.com/search/docs/guides/about-amp?hl=ja