WP サイトをAMPに出来るプラグイン「AMP」【プラグイン編】

今日もサイトのアドセンス広告の設定&変更をしていたが、広告設定の中に「AMPはONです」と言う事で安心していたが、サイトが「AMPで表示されているのか調べるツール」がGoogleであると言う事なので調べてみると・・・えぇ~~!?

(注:プラグインの紹介もありますが、自分の失敗談でもあります)

 

スポンサーリンク

AMPとはいったいなんぞや?

Googleの「AMPテスト」で「AMP ページではありません」と出て慌ててしまいました!

AMPで表示されてるサイト」等の記事を見ますが、そもそも「AMPとは何なのか」

AMP(Accelerated Mobile Pages)」アンプと呼ばれるネットワークの表示方法。

詳しく調べると

AMPは2015年にGoogleとTwitterが開始したモバイル向けのプロジェクト名称ですが、最近ではそのプロジェクトが公開した仕組み「AMP HTML」(またはAMP周りの実装)のことを「AMP」として指すことも多くなっています。

通常ウェブサイトにアクセスすると、htmlを読み込み、CSSを読み込み、JavaScriptを読み込み…など様々な手順を踏んでウェブサイトがブラウザ上に表示されるようになっています。新しい技術が出てくるにつれリッチなコンテンツを表示できるようになっている反面、読み込みに時間がかかることも多くなってきているというのも事実です。特にPCと比べ、モバイルの場合は通信環境によっては読み込み時間により時間がかかることがあります。そこでAMPはシンプルな専用ソースコードの記述をすること(AMP HTML、AMP [JavaScript])、キャッシュを利用すること(AMP Cache)の二点を利用し、モバイルサイトの表示速度を早めています。

 

ふむふむ、要は「モバイル用に簡単にして早く表示できるツール」だと言う事ですね。

モバイルが多くなった今の時代は「必須」ともなる「AMP」ですが、このサイトがAMPにはなっていないとはなぜなんでしょう?

AMPを有効化しているのだが?

このサイトは無料テーマの「Luxeritas(ルクセリタス)」他のサイトは同じく無料テーマの「cocoon(コクーン)」を使用していますが、どちらのサイトでも「AMPの設定」があり、どちらもONにしています。

Luxeritas(ルクセリタス)-AMP設定

 

cocoon(コクーン)-AMP設定

 

サイトがAMPに対応しているかを確認できる簡単な方法もあります。

 

サイトのURLに「/amp」を付けて検索して(このサイトhttps://wp-study.net/ampになります)表示されればAMPのサイトになっていると言う事なんですが、このサイトはしっかり表示されます。

 

Googleサーチコンソールには、左のメニューに「AMP」がありクリックするとGoogleに登録されている「AMPページ」が表示されます。

それでも同じGoogleのAMPテストツールには「AMP ページではありません」と出ます。

一体どうなっているのでしょう?

 

サイトをAMP化できるプラグイン

プラグインでサイトをAMP化できると言うので試してみました。

※サイトテーマのAMPはOFFにして検証しています。

 

AMP Plugin

AMP Plugin

 

プラグインの「新規追加」に移動し検索に「AMP」

 

表示されたプラグインから「AMP」をインストール&有効化します。

 

これでサイトはAMP化されていますが、テーマやプラグインが「AMP非互換性」と色々と「変更指示」が出てきます。

AMPテストをすると

リンクされている AMP バージョンは有効になっていますが、これだとサイトのテーマからプラグインまで変更しないといけないかもしれません。

その中には、お問い合わせ用の「Contact Form 7」もあるので、ちょっと考えてしまいました。

 

easy AMP

easy AMP

プラグインの新規追加をクリックし検索に「AMP」

表示された一覧の少し下に移動し「easy AMP」をインストール&有効化します。

有効化だけでサイトをAMP化してくれるのですが、サイト検索(サイトのURLに「/amp」を付けて検索)は表示しますが、AMPテストは「AMP ページではありません」と出ます。

モヤモヤします。

AMP有効化の設定をやっと理解

無料テーマ「Luxeritas(ルクセリタス)」や「cocoon(コクーン)」のAMP設定をもう一度確認すると、どちらにも「※AMP対応するページは投稿・固定ページのみ」と言う説明が?

投稿・固定ページ?あ~~~~~!!!

テストはサイトのURLでしていたのでAMPは出ないと言う訳です。

「AMP ページではありません」ページと記載していますしね・・・

なるほどと理解し、サイトの記事ページのURLでAMPテストをすると

私の理解&勉強が足りなかっただけなのでした・・・

 

と言っても紹介したプラグインはAMPに対応していないテーマなどにはとても優秀なプラグインだと思います。

アドセンス広告も投稿・固定ページのAMPページにはちゃんと表示されているって事ですね。

こんな事で半日使ってしまいました・・・

これからも勉強です!と改めて考えた日になりました。