[wordpress] AMP対応サイトにする

AMP

モバイルフレンドリーにする為にレスポンシブでサイトを作りました。しかし、それだけでは不十分な様です。 AMP化して表示速度の改善を図る事が求められている様です。GoogleとTwitterが強くプッシュしている様です。 どの様にして速度を早くするのかというと、モバイル用のHtmlを用いるようです。

プラグインを使う

wordpressが推奨しているプラグイン「AMP for WordPress」をインストールし、有効にします。 参考:[wordpress]基礎編 プラグインをインストールする

プラグイン → AMP の settingの中でデザインを選べます。  AMP

デフォルトはReaderで、シンプルなデザインです。headerの色は、外見 → AMPで編集可能です。

AMP

StandardはPCサイトのデザインが反映されます。

AMP

Standardは見た目は良いのですが、設定をしているのにGoogle Adsenseが表示されなくなってしまいました。Readerを選択した場合は、投稿によって挙動がまちまち。何でしょう?切り替えてガチャガチャになってしまったのか謎です。

直面している問題点

導入するのが早かったかなぁ~とちょっと後悔しています。問題のつかみどころが分かりません。

  1. AMPサイトが、投稿によってStandardとReaderのデザインのMIXになってしまった。
  2. 投稿によって、アドセンスが表示されたり、されなかったり。
  3. 日によって、挙動が異なる。

便利ツール

AMPテスト AMPバリデーション

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


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