AMP for WordPressの使い方

2018年7月5日 2018年7月13日

きっかけはGoogle Adsenseからお勧めされたことでした。

 

AMPとは?

「Accelerated Mobile Pages」の略で、モバイル端末向けに最適化したWEBページを指します。

「モバイル向けの最適化」とは、余計なデザイン要素やスクリプト等を排除し読み込み速度を最大化することですね。

もっとざっくり言うと、
超軽いページにしてサクッと開けるようにする
という事です。

ページがサクッと開いて読めるなら、それに越したことはないですよね。
モバイル端末の場合は特に、読み込み速度が遅いとすぐに離脱してしまいます

参考サイト様
AMPとは? – SEO HACKS

 

AMPに対応すると、検索結果ではこんな風に表示されるようになります。

まるで雷属性のマークの様なアイコンが付いているページ。
これが「AMP対応」という目印になります。

関係ないですが「日本終わってるな」と考えてしまうニュースですね…

プラグインでAMPを実装する

今回Googleさんにおすすめされた事もあるので「AMP for WordPress」を使います。

管理メニュー「プラグイン > 新規追加」から「AMP for WordPress」で検索。
インストールと有効化します。

管理メニューに「AMP」という項目が追加されました。

AMPの適用を確認する

AMP for WordPressを入れたら既存の記事を編集してみましょう。

AMPのプレビューが出来るようになっています。

また、記事ページの末尾に「amp/」を追加するとAMP化した記事ページが開けます。

http://your-domain.com/postname/amp/

パーマリンク設定がデフォルトの場合は、末尾に「&amp=1」を追加します。

http://your-domain.com/?p=123&amp=1

実際にAMPでページがどう見えるか確認してみてください。

AMP for WordPress設定

General設定

シンプル!

初期値では「固定ページ」のチェックは外れているので、固定ページもAMPを有効にしたい場合はチェックを入れておきます

Analytics設定

絶滅しそうなウナギブロガー
パッと見、どうしたら良いかわかりません…
フク先生
ここはGoogle Analyticsなどアクセス解析ツールを使っている人向けの設定です

Google Analytics でAMPページのデータを取得するには、次のコードを入力します。

Type:

JSON Configuration:

Google AnalyticsのトラッキングIDは、Google Analyticsの「管理」から、プロパティ設定で確認することができます。

プロパティ設定をクリックすると、トラッキングIDが表示されます。

トラッキングIDをコピペして「Save」ボタンをクリック。

はい、これで設定はおしまいです!

最後にお世話になったサイト

AMP プラグイン の Analytics Options の 使い方 が やっとわかった

5分でWordPressサイトをプラグインでAMP化する方法

https://developers.google.com/analytics/devguides/collection/amp-analytics/

 

サイトのスピードアップなら、こちらの記事も良かったらどうぞ!

WP Fastest Cacheを入れた結果!サイト表示速度が大幅改善したのでデータを公開します

コメント

お気軽にコメントをどうぞ。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

  • WordPressサイトのGoogle Speed Update対策まとめ【サイト高速化】

    サイト高速化はSEOの重要な対策のひとつ。 サイトを速く表示させることで、訪問してくれたユーザーが気持ちよく記事を読んでもらえます。 WEBデザイナー及びコーダーには、高速化をとても求められています。 モバイルファーストという概念から、スマホブラウザでの閲覧を […]

    2017.9.25
    SEO対策
  • ロリポップのWordPress簡単インストールの使い方

    格安レンタルサーバー「ロリポップ」では、Wordpressのインストールが簡単です。 WordPress簡単インストールの手順 左のメニューから「サイト作成ツール」をクリックします。   画面が変わったら左メニューの「Wordpress簡単インストー […]

    2018.5.18
    Wordpress【初級者向け】
  • はてなブログの記事をインポートしたらHタグをSearch Regexで変換しよう

    はてなブログの記事ページは、HTML要素のh1、h2など「Hタグ」が若干おかしい事になっているのは知っていますか? はてなブログではブログタイトルにh1タグが使われていますが、個別記事のタイトルにもh1タグが使われています。 1ページにh1タグが2箇所あること […]

    2018.7.2
    Wordpress【初級者向け】