AMP(Accelerated Mobile Pages)とはGoogleが推奨しているコンテンツを高速で表示させる手法です。
スマートフォンがブラウジングの標準機器となった現在、重たいページはコンテンツが表示される前にバックされてしまいますので、高速で表示されないと見てもらえません。
AMPプラグインはブログの読み込み高速化を補助するツールです。ブログのようなテキスト主体のページならば効果を十分に発揮できます。
AMPプラグインのインストール
ダッシュボードのプラグインから新規追加を選び、検索で「AMP」を入力します。
![](https://butaoji-pcblog.com/wp-content/uploads/2021/01/amp01.png)
青丸に稲妻がGoogleのAMP Projectのプラグインです。[今すぐインストール]をクリックしてインストール、終わったら[有効化]をクリックして有効にしましょう。
AMPの設定
ダッシュボードのAMPを選びます。
![AMPの設定をクリック](https://butaoji-pcblog.com/wp-content/uploads/2021/01/990c5061953559e78e448d3bbdb9cc1c.png)
設定ウィザードをクリックします。
![Reopen Wizardをクリック](https://butaoji-pcblog.com/wp-content/uploads/2021/01/eed0b56b9c2185cb2683ea234807b999.png)
![AMP設定ウィザード1](https://butaoji-pcblog.com/wp-content/uploads/2021/01/f116dee53c2357de55dee212d9bfa941.png)
始めの画面はあいさつ分なので次へ。
![管理者の技術レベル?設定](https://butaoji-pcblog.com/wp-content/uploads/2021/01/3c983cd545756d63b0a24fc83a18620b.png)
Technical Backgroundは、あなたがWeb技術者かどうか訪ねてきます。基本的に下の一般人(?)レベルで大丈夫です。
![テンプレートの種類を選択](https://butaoji-pcblog.com/wp-content/uploads/2021/01/bb4c3e4de475e039c6e9bcaba849b82f.png)
Template Modesは、AMPのモードを選択します。標準ですとすべてのページがAMP対応に書き換わり、高速化が見込まれますが、一部CSSやJavaScriptが使えなくなる可能性があります。
トランジショナルはPCからのアクセスでは通常のページを表示し、モバイル端末ではAMP対応のページを表示します。通常はこれを選択すればOKです。
リーダーはトランジショナルの拡張です。AMPのページがより簡素に変換されます。また「投稿」「固定」「メディア」からAMP対応にするページを選択できます。
![AMP設定終了](https://butaoji-pcblog.com/wp-content/uploads/2021/01/afbc99b23f5a87a9fc39277be48e56b0.png)
レビューは現在使っているテーマの確認です。クリックして次へ進めば、セットアップ終了です。[完了]をクリックしてウィザードを終了させましょう。
以上でAMPプラグインの設定は完了しました。
コメント