ブログをAMP化する簡単な方法

ブログはじめるにあたってサーチコンソールとかアナリティクスとかSSL化とか、色々と設定頑張ってます。そのついでにGoogle先生が推奨しているAMP化もやってみました。

AMP化については、以前に挫折したブログで試したことあるんですけど、なんかすぐエラーが出て原因も分からず元に戻したんですよね・・・・。でもまぁ、遅かれ早かれAMP化必須になるんでしょうし、いずれやらないといけないことは今のうちに終わらせておこうと思いまして。

AMP化とは

簡単に言うとAMPとは、モバイルで開いた時にめちゃくちゃ速くサイトを表示させることができる作りのことで、AMP化とは文字通りAMPに対応させることを言います。

これだけスマホでネットを観る人が多い時代なんですから最早必須と言っても過言では無いでしょう。

しかし、最初に書いたようにAMP化は何かとエラーになったりしがちで、結構「AMP化したけど戻した」と書いてるブログを見かけますし、「現状、まだAMP化する必要は無い」と書いてる人もいます。

とはいえ、やった方が良いならすぐにやるべきでしょ。※簡単なら　笑

使用したのは「AMP for WP」プラグイン

AMP for WP – Accelerated Mobile Pages　というプラグインを使用したら簡単にできました。

設定方法は下記のサイトを参考にさせて頂きました。

AMP for WP – Accelerated Mobile Pagesの使い方｜ワードプレスPV数の激増と収益の減少について | ひろしワーク

AMP for WP – Accelerated Mobile Pagesの使い方をまとめました。Settingsページ(設定)の使い方と設定方法です。このAMP化でPV数は激増してます。

hiroshi.work

この他に、僕の場合は無料テーマの「Cocoon」を使ってるんですが、Cocoonの場合は「Cocoon設定」-「AMP」からチェック１つでAMP対応設定ができるみたいなんでそっちもやりました。最近のブログテーマはボタン１つでAMP対応できるようになっているものが多いみたいなんで、Cocoonじゃない人も似たような感じでできるかと（適当）

※Cocoonの場合はそもそもこのプラグイン不要でした　笑

ちゃんとAMPに対応できたのか？確認方法

下記のサイトで確認したいページのURLを貼ることにより、そのページがAMP化できているか確認することができます。

AMP テスト - Google Search Console

search.google.com

こんな感じですね。チェックする時はURLの末尾に「/amp/」をつけましょう。

例えば「https://test.com/test1」というページだったら「https://test,com/test1/amp」という感じです。

あくまで暫定！

思いの外簡単にAMP化できて喜んでるんですけど、あくまで今のところエラーが出てないだけで・・・これから記事が増えたり広告貼り出したらエラー出たりするのかもしれません・・・・。

いや、しかし！もしもこの先エラーが出たとしてもこのサイトはAMP化のまま突き進むぞ！どんとこい！