Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
テーマをSWELLにしてリニューアルしましたSWELLについて

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

AMP

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

INDEX

プラグインを使う

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

AMP

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

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

AMP

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

AMP

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

直面している問題点

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

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

便利ツール

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

対応済みのテーマを使う

AMPが組み込まれているテーマを使用するのが簡単です。ただ、動作の補償をしていない場合が多いです。それでも導入が簡単なので、嬉しいです。

\この記事がお役にたったら/

広告を減らしサイトを見やすくする予定です

cocotiieの運営をサポートして頂ければ嬉しいです

「金額を入力」で1円から入力できます

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント ※ハンドルネームでお願いします

コメントする

INDEX