※この記事は読者によって投稿されたユーザー投稿です:
- 編集部の見解や意向と異なる内容の場合があります
- 編集部は内容について正確性を保証できません
- 画像が表示されない場合、編集部では対応できません
- 内容の追加・修正も編集部では対応できません
あなたのWordPressサイトを5分でAMP化しませんか?
次のチェックリストは、モバイルページを高速表示させるAMPをWordPressに実装する手順をまとめています。2つのプラグインを使用して簡単に実践することができますので、ぜひ試してみてください。
詳細な解説はこちら
1. AMPプラグインをインストール&有効化する
- AMPプラグインをインストール&有効化する。 https://wordpress.org/plugins/amp/
- ブログ記事のURLの末尾に、amp/ を加えて表示を確認する。
- AMPページのURL末尾に #development=1 を加えて、次のボタンを押してデベロッパーツールを表示させる。(Google chrome) Windows:Ctrl + Shift + I Mac:Cmd + Opt + I
- デベロッパーツールで、[Console]を選択して、”AMP validation successful.”と表示されるかを確認する。
2. Glue for Yoast SEO & AMPをインストール&有効化する
- Glue for Yoast SEO & AMPをインストール&有効化する。 https://wordpress.org/plugins/glue-for-yoast-seo-amp/
- WordPressの左サイドメニューの[SEO]の中から[AMP]をクリックする。
- [Post types ]のメニューで、AMP化するコンテンツのタイプを選択する。(デフォルトの設定でも問題ありません。)
- [Design]のメニューで、AMPページのデザインをカスタマイズする。デフォルトの設定でも問題ありません。)
- トラッキングコードを設定するために、Google Analyticsを開く。 https://www.google.com/intl/ja/analytics/
- [アナリティクス設定]、[プロパティ]、[新しいプロパティを作成]をクリックする。
- 必要事項を入力して、[トラッキングIDを取得]をクリックする。
- 表示されたトラッキングIDをコピーする。
- Glue for Yoast SEO & AMPの[Analytics]の設定ページに戻り、[Analytics code]欄にコードをコピペする。 https://gist.github.com/yoshiaki-miya/9fa4dc7ff862999dcb256bbbfe7bb032
- コード内の”UA-XXXXXX-X”の部分を、先ほど作成した自分のトラッキングIDに置き換えて保存する。
- トラッキングコードが記述されているかを確認するために、AMPページのソースをチェックする。
3. 構造化データテストツールでテストする
- 構造化データテストツールにAMPページのURLを入力して、[テストを実行]をクリックする。
https://search.google.com/structured-data/testing-tool - エラーが無ければ完了です。
ソーシャルもやってます!