注目の記事 PICK UP

AMP対応とGoogleアナリティクスとGoogleアドセンスの設定方法

AMPに対応させてGoogleアナリティクスとアドセンスを設定する

AMP対応とGoogleアナリティクスとGoogleアドセンスの設定方法
最近のSEO界隈の話題としてAMP(Accelerated Mobile Pages)という用語をよく目にします。私も最初AMPって何?という感じでしたが、調べてみるとGoogleとTWitterで共同開発されている、モバイル端末でページ表示を速くしようというオープンプロジェクトのようです。
Googleがやっているなら、とりあえず対応しておいたほうがSEO的に有利になるかもしれないということでAMP対応してみることにしました。

AMPとは

AMP(Accelerated Mobile Pages)とは、GoogleとTwitterで共同開発されている、モバイル端末でWEBページを高速表示させるためのプロジェクトでオープン開発されているようです。AMPに対応したページは簡素なページ構成になり、非常に高速に表示される代わりにWEBデザインの要素を一切排除した仕様になっています。

AMPの恩恵

AMPを導入することによる恩恵は、主にユーザーに待たせることなく高速でページを表示させることができる点です。その代わりにWEBのデザインの要素は一切排除されるのでWEB管理者側からすると、記事を含めたサイト全体をWEBデザインと見るとユーザーに訴求する要素は単純にコンテンツの記事の良し悪しだけになるので、質の良い記事を書いていればユーザーに良いコンテンツを高速で提供できますが、あまり内容の薄いコンテンツですとユーザーに提供する価値が低下してしまいます。

そういったことから、AMPの導入を早くから決めたのは主にニュース記事を中心とした新聞社のWEBサイトです。新聞社のコンテンツは記事の文章が武器ですからAMPとの相性は抜群と言えます。
最近はGoogleが開発を進めていることからSEO上有利になるのでは?という憶測から、大手のブロガーサイトでもAMP対応が進められている状況です。

現状AMP化による検索順位の優遇はありません

メディアサイト運営者としてはGoogleの一挙手一投足で、日々のアクセスであったり広告収入が左右されるのでGoogleがAMP対応と非対応でランキングに影響を与えるのかというのは気になるところです。
結論から言うと現状では、AMP対応サイトとAMP非対応サイトでランキングに優遇措置は無いそうです。今後のGoogleポリシーの変更によってコロッと変更される可能性はありますが、AMPに対応していないからといってランキングが下降するということはないようです。

しかし、AMP対応サイトにすることによって、ユーザビリティが向上して多くのユーザーがアクセスするようになって結果としてサイトの価値が上がり検索ランキングが上がるということは否定していません。AMP対応化によって間接的にランキングに影響を与える要素にはなりえます。

AMPはまだ発展途上の仕組み

当サイトをAMP対応させて、AMPでのページを見てみたのですが、第一印象は昔のi-mode用のサイトを見ているようでした。テキストとテキストリンク主体、他のWEBサイトを装飾する要素は一切排除されていて、他のサイトと差別化を図る手段はコンテンツの質がユーザーにとって有益かどうかというだけです。見た目で勝負は一切できません。ユーザーに読ませる文章力だけが武器になります。
今後AMPの仕様も拡張されて色々な差別化ができるような仕様になっていく可能性がありますが、Googleのポリシーとしてはユーザーに有益となる情報やコンテンツを最適に提供するというのがありますので、大幅に改変される可能性は現時点では薄いのかなと思います。

WordPressサイトでAMP対応する方法

WordPressでサイトを構築しているWEBサイト運営者でしたら、AMP対応は簡単です。
AMPプロジェクト公式のAMP対応用プラグインがリリースされているのでそのプラグインをインストールして有効化するだけです。

AMPプラグインのインストールと有効化

AMP設定方法01
WordPress管理画面の「プラグイン」→「新規追加」からキーワードで「AMP」と入力してプラグインを検索します。すると「AMP」というプラグインが出てきますので、インストールして有効化します。AMPのプラグインをインストールして有効化すると自動で投稿ページや固定ページがAMP対応のページが生成されます。特に設定する必要はありません。

※2017年5月28日現在、AMPプラグインとFacebook Instant Articles & Google AMP Pages by PageFrogプラグインの組み合わせでは上手くAMPページが生成されない不具合があります。原因はWordPressがバージョンアップしたことによるFacebook Instant Articles & Google AMP Pages by PageFrogプラグインが正常に動作しない事にあるようです。

AMP for WPプラグインでAMPエラー問題を解決
Googleが推奨するAMPページ対応のために、AMPプラグインとAMP for WPでAMPページに対応する方法を解説します。AMP for WPは設定項目が多く英語ですが、アドセンス広告の配置にも自由度がありかなり使いやすいAMP対応プラグインです。

AMPページに対応する方法としてAMPプラグインとAMP for WPプラグインの組み合わせだと正常にAMPページが生成されます。上記の記事の参考にAMPページ対応をしてみてください。

Facebook Instant Articles & Google AMP Pages by PageFrog

AMP設定方法02
AMPのプラグインを導入するだけで、AMP対応ページは自動で生成されるのですが、それではGoogleアナリティクスやGoogleアドセンスの広告を設置することができません。そのために上記のプラグインをインストールしてGoogleアナリティクスとGoogleアドセンスを設置できるようにします。
WordPress管理画面の「プラグイン」→「新規追加」からキーワードで「Facebook Instant Articles」で検索すると「Facebook Instant Articles & Google AMP Pages by PageFrog」というプラグインが出てきますのでインストールして有効化します。

Facebook Instant Articles & Google AMP Pages by PageFrogの設定

ここからはFacebook Instant Articles & Google AMP Pages by PageFrogプラグインの各設定をしていきます。WordPress画面の左メニューに「Mobile Formats」という項目が増えていますのでこのメニューから各種設定をしていきます。

Mobile Formatsのstylingの設定

「Setup」の項目は既に「Google AMP HTML」が「Ready」となっておりセットアップが終わっていますのでスキップします。「Mobile Formats」の「styling」をクリックしてstylingの設定を行います。

AMP設定方法03
stylingで設定するのは、サイトのロゴを表示させる設定するくらいです。
注意してほしいのはサイトのロゴ画像はPNG形式で最低300px×300pxの正方形のサイズが必要です。それ以上小さいサイズのサイトロゴは設定できません。普段使っているサイトロゴを300px×300pxのサイズで作り直す必要があります。
サイトのロゴを設定したら最後に画面左下の「Save Settings」ボタンを押して設定を保存してください。画面右側のプレビュー画面のサイトのロゴが設定したロゴに変わっていればロゴの設定は成功です。

Mobile FormatsのAnalytics設定

AMP設定方法04
「Mobile Formats」の「Analytics」をクリックすると、上図のような画面になります。
この画面からGoogleアナリティクスを設定します。「GOOGLE ANALYTICS」をクリックします。

AMP設定方法05
「GOOGLE ANALYTICS」をクリックすると上図のようなポップアップ画面になります。
まず、「Enable Integration」ボタンを押してGoogleアナリティクスを有効にします。
そして、Googleアナリティクスを設置するAMPに対応させたWEBサイトを選択して「Choose Site」ボタンを押してGoogleアナリティクスを設置するWEBサイトを選択します。

AMP設定方法06
Googleアナリティクスを有効にするためには、一度Googleアナリティクスを管理しているGoogleアカウントでログインしておく必要があります。Googleアナリティクスを管理しているGoogleアカウントでログインしていない場合は上図の「Sign in with Google」ボタンを押して、Googleアナリティクスを管理しているGoogleアカウントでサインインしてください。

Mobile FormatsのAds設定

AMP設定方法07
AMP対応ページでGoogleアドセンスの設定を行います。「Mobile Formats」の「Ads」をクリックして上図の画面に移動します。
Google AMP HTMLの項目の「Sign in with Google」ボタンを押して、Googleアドセンスの許可を受けているGoogleアカウントでログインします。

AMP設定方法08
Googleアドセンスと連携しているGoogleアカウントでログインすると上図のように、Googleアカウント紐付いたアドセンス情報が表示されます。「Choose」ボタンを押してGoogleアドセンスを選択します。

AMP設定方法09
Googleアドセンスと連携したGoogleアカウントでログインすると、Googleアドセンスで作った広告ユニット一覧が表示されます。その中からAMPページに表示する広告ユニットを選択します。
私の場合は300px×250pxレクタングルタイプの広告ユニットを選択しましたが、レスポンシブタイプの広告ユニットを作っている場合はレスポンシブタイプでもいいかもしれません。

AMP設定方法10
Googleアドセンスの広告ユニットを選択すると上図の画面に戻ります。
「Enable Google AdSense for AMP HTML Pages」にチェックを入れて
最後に「Save All Settings」ボタンを押して全ての設定を保存してください。

Mobile FormatsのSettings設定

AMP設定方法11
AMP設定方法12
最後に今後投稿する時に新規投稿したコンテンツを自動でAMP対応ページを生成するかどうかの設定を行います。

FACEBOOK INSTANT ARTICLES
Facebook用のAMP対応ページなので設定する意味はあまりないかもしれません。
とりあえず、既存のコンテンツと新規投稿についてはインスタント記事を生成する設定にします。
Setting for published posts:投稿・固定ページにチェックを入れて「Enable FBIA」ボタンを押します
Default setting for new posts:投稿・固定ページともにEnabledにチェックを入れる

GOOGLE AMP HTML
Setting for published posts:投稿・固定ページにチェックを入れて「Enable AMP」ボタンを押します
Default setting for new posts:投稿・固定ページともにEnabledにチェックを入れる
Other Settings:Display Featured Imageにチェックを入れる

最後に「Save All Settings」ボタンを押して全ての設定を保存します。
以上でAMP対応ページの作り方とFacebook Instant Articles & Google AMP Pages by PageFrogプラグインを利用してGoogleアナリティクスとGoogleアドセンスの設定方法でした。

これでAMP対応のページにもGoogleアナリティクスによるアクセス解析とGoogleアドセンスの広告を掲載することができます。
WordPressサイトを持っていてAMP対応を考えている方は参考にしてみてください。

関連記事

  1. LastPassパスワード管理サービスアイキャッチ

    LastPass-アカウント情報管理クラウドサービス

  2. レンタルサーバー増強に伴うWEBサイト一時停止のお知らせ

    レンタルサーバー増強に伴うWEBサイト一時停止のお知らせ

  3. TCDのおすすめテーマ一覧

    TCDのおすすめテーマ一覧

  4. WordPress(ワードプレス)アイキャッチ

    WordPress(ワードプレス)はブログサイト構築システム

  5. TCDのテーマのメリットとデメリット

    TCDのテーマのメリットとデメリット

  6. TCD IZMテーマアイキャッチ

    TCD IZMテーマにリニューアルしました

  7. Let's Encryptアイキャッチ

    Let’s Encrypt-無料SSLサーバー証明書をSSL BOXで取得する

  8. AMP for WPプラグインでAMPエラー問題を解決

    AMP for WPプラグインでAMPエラー問題を解決

  9. WordPressテーマアイキャッチ

    オウンドメディアブロガー向けWordPress厳選有料テーマ

特集記事

  1. ロードバイク初心者の100kmロングライド-補給のポイント ロードバイク初心者の100kmロングライド-補給のポイント
  2. コーナリングの成否を決定づけるブレーキング コーナリングの成否を決定づけるブレーキング
  3. ワールドサイクルのR250防水スマートライドポーチDX試用レビュー ワールドサイクルのR250防水スマートライドポーチDX試用レビュー
  4. ロードバイク初心者の100kmロングライド-効率的な楽な走り方 ロードバイク初心者の100kmロングライド-効率的な楽な走り方
  5. AMP対応とGoogleアナリティクスとGoogleアドセンスの設定方法 AMP対応とGoogleアナリティクスとGoogleアドセンスの設定方法
  6. ロードバイク初心者の100kmロングライド-フォームとペース管理 ロードバイク初心者の100kmロングライド-フォームとペース管理
  7. PBP パリ・ブレスト・パリ PBP ブルベの最高峰パリ・ブレスト・パリ
  8. インターバルトレーニングの実践方法 インターバルトレーニングの実践方法-40歳からでも速くなる方法
  9. ヘブンウィークブルベアイキャッチ AJ神奈川主催のヘブンウィークブルベ-イザベラ・バードBRM503
  10. WordPress(ワードプレス)アイキャッチ WordPressのリビジョンを削除・管理してデータベースを最適化するプラグイン…

PICK UP記事

  1. 一瞬の判断で生死が分かれる-危険回避 一瞬の判断で生死が分かれる-危険回避
  2. ロードバイクの平均時速30kmに壁を突破する方法 ロードバイク平均時速30kmの壁を突破する方法
  3. ロードバイクのブレーキパッド一挙比較 ロードバイクのブレーキパッド一挙比較
  4. EN1150規格をクリアしたブルベに最適な反射ベスト EN1150規格をクリアしたブルベに最適な反射ベスト
  5. 尾根幹からロングコース-道志みち箱根てんこ盛り ヤビツ峠-ロードバイク乗り人気の峠
  6. 女性のためのロードバイクの選び方 女性のためのロードバイクウェアの選び方
  7. クランク長のセルフチェックとクランク交換のQ&A 尾根幹線コース-ロードバイク乗りのトレーニングコース
  8. クランク長のセルフチェックとクランク交換のQ&A ロードバイク乗車時の呼吸とは何かを考える
  9. 短期間で鍛えるヒルクライム力-食事コンディション編 短期間で鍛えるヒルクライム力-食事コンディション編
  10. 40代からのロードバイク-体力の低下に向き合う 40代からのロードバイク-体力の低下に向き合う

おすすめ記事

  1. ZOFFアスリートロゴアイキャッチ
  2. 短期間で鍛えるヒルクライム力-トレーニング編
  3. Garmin EDGE 820J
  4. 平地が得意の人と苦手の人の特徴
  5. カラーパーツでロードバイクをカスタムして個性を強調
  6. ワールドサイクルスマートポーチアイキャッチ
  7. 40代からのロードバイク-加齢について考える
  8. ワールドサイクルのR250フロントポーチラージ試用レビュー
  9. 女性のためのロードバイクの選び方
  10. 短期間で鍛えるヒルクライム力-食事コンディション編

Twitter

最近の記事

  1. 2018年版予算20万円で買えるロードバイク
  2. 平地と上りが苦手なサイクリストの疑問とは
  3. 平地と上りの苦手を克服するためのポイント
  4. 平地と上りそれぞれ苦手な人の傾向
  5. 上りが得意の人と苦手の人の特徴
  6. 平地が得意の人と苦手の人の特徴
  7. 平地が苦手上りが苦手それは何故なのか
  8. ブルベエントリー情報一覧
  9. ブルベエントリー情報一覧
  10. クランク長のセルフチェックとクランク交換のQ&A

人気記事

  1. ワールドサイクルのR250サイクル反射ベスト試用レビュー
  2. ワールドサイクルのR250おにぎりリフレクター試用レビュー
  3. ロードバイク初心者の100kmロングライド-装備と持ち物
  4. ピレリからロードバイク用クリンチャータイヤが新発売
  5. ロードバイク初心者の100kmロングライド-補給のポイント
  6. PBP パリ・ブレスト・パリ
  7. パールイズミ2017年秋冬モデルアイキャッチ
  8. ワールドサイクルのR250防水スマートライドポーチDX試用レビュー
  9. ロードバイク初心者の100kmロングライド-暑さ対策のポイント
  10. 保冷効果が長いおすすめの保冷ボトル
PAGE TOP
Translate »