WordPressのAMP化チェックリスト(5分)

モバイルページを高速表示させるAMPをWordPressに実装する手順。
※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

あなたのWordPressサイトを5分でAMP化しませんか?

次のチェックリストは、モバイルページを高速表示させるAMPをWordPressに実装する手順をまとめています。2つのプラグインを使用して簡単に実践することができますので、ぜひ試してみてください。

詳細な解説はこちら

https://goo.gl/UTkqbL

1. AMPプラグインをインストール&有効化する

  1. AMPプラグインをインストール&有効化する。 https://wordpress.org/plugins/amp/
  2. ブログ記事のURLの末尾に、amp/ を加えて表示を確認する。
  3. AMPページのURL末尾に #development=1 を加えて、次のボタンを押してデベロッパーツールを表示させる。(Google chrome) Windows:Ctrl + Shift + I Mac:Cmd + Opt + I
  4. デベロッパーツールで、[Console]を選択して、”AMP validation successful.”と表示されるかを確認する。

2. Glue for Yoast SEO & AMPをインストール&有効化する

  1. Glue for Yoast SEO & AMPをインストール&有効化する。 https://wordpress.org/plugins/glue-for-yoast-seo-amp/
  2. WordPressの左サイドメニューの[SEO]の中から[AMP]をクリックする。
  3. [Post types ]のメニューで、AMP化するコンテンツのタイプを選択する。(デフォルトの設定でも問題ありません。)
  4. [Design]のメニューで、AMPページのデザインをカスタマイズする。デフォルトの設定でも問題ありません。)
  5. トラッキングコードを設定するために、Google Analyticsを開く。 https://www.google.com/intl/ja/analytics/
  6. [アナリティクス設定]、[プロパティ]、[新しいプロパティを作成]をクリックする。
  7. 必要事項を入力して、[トラッキングIDを取得]をクリックする。
  8. 表示されたトラッキングIDをコピーする。
  9. Glue for Yoast SEO & AMPの[Analytics]の設定ページに戻り、[Analytics code]欄にコードをコピペする。 https://gist.github.com/yoshiaki-miya/9fa4dc7ff862999dcb256bbbfe7bb032
  10. コード内の”UA-XXXXXX-X”の部分を、先ほど作成した自分のトラッキングIDに置き換えて保存する。
  11. トラッキングコードが記述されているかを確認するために、AMPページのソースをチェックする。

3. 構造化データテストツールでテストする

  1. 構造化データテストツールにAMPページのURLを入力して、[テストを実行]をクリックする。
    https://search.google.com/structured-data/testing-tool
  2. エラーが無ければ完了です。

チェックリストのダウンロードはこちら

https://goo.gl/UTkqbL

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

インデックス
検索エンジンがWebページをデータベースに保存しているデータベース。データベース ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]