Pages)をWordPressに導入する方法をご紹介します。ユーザーはアクセスしたページを開く際、ほんの数秒でも「遅い」と感じると離脱する傾向にあり、表示速度の改善がWebサイトのユーザビリティやCV率の改善に効果を発揮します。そこで、WordPressサイトの表示速度を改善するため、AMPという機能とAMPプラグインの導入方法をご紹介いたしますので是非参考にしてみてください。最後にAMPとはAMPの基本はこちらのページに詳しく載っておりますので、AMPについて詳しく知りたい方はこちらの記事を参照してください。AMPの基本AMPの導入AMPの導入方法には、自らコーディングする方法とプラグインを使う方法の二つがあります。前者はHTMLなどの知識が必要なため技術や知見が必要になりますが、自由にカスタマイズできるため、本来のデザインに近いページに仕上げることができます。後者はWordPressやHTMLの知識がなくても、簡易的なカスタマイズで簡単に導入することができます。WordPressプラグインを使った導入方法それでは、プラグインを使ったAMP導入についてご説明しましょう。導入にあたっておすすめする二つのプラグインの特徴と、それぞれの導入方法をご紹介します。プラグイン:AMP(Automattic社提供)今回ご紹介するのは、「AMP」というAMPプロジェクトの公式プラグインです。導入はとても簡単で、インストールして有効化するだけです。コンテンツ生成のみを行うもので、モバイル端末からの訪問者に対して自動的に表示を切り替えることはできません。導入手順1、インストールと有効化WordPressダッシュボードから、プラグイン→新規追加へ移動し、以下の画像のように右上の検索欄にAMPと入力します。右にある「AMP」とだけ書かれたプラグインが表示されたら、今すぐインストールをクリックし、その後に出てくる有効化をクリックして、導入完了です。2、AMPページの表示テスト有効化したら、AMPに対応しているか確認してみます。「http://記事ページURL/amp/」のようにURLの末尾に「amp/」をつけてアクセスすると、AMP対応後のページが表示されます。当記事のAMP表示例AMPを導入したページがこのように表示されます。3、AMPページのエラーチェックAMPページが正常に表示されていることを確認できたら、AMPページのHTMLエラーや警告の有無をチェックしましょう。Chromeを使用してください。1先ほどのAMPページ確認用URLの末尾に「#development=1」をつけてアクセスします。/amp/#development=1のようになります。I)のキーを同時入力して、デベロッパーツールを起動してください。3Consoleをクリックしてください。移動すると、以下のログが表示されます。表示されていたらAMPを正常に導入できています。エラー例errorがこのように表示された場合は、一つ一つ対応する必要があります。Articlesという機能もありFacebook投稿の閲覧スピード高速化に対応することもできます。対応させることができ、デザインも簡単なカスタマイズを加えることができます。確認したら、今すぐインストールをクリックした後に、有効化をクリックします。HTMLがReadyになっているか確認しておきます。Articleについては、https://liginc.co.jp/294569、にまとまった内容が紹介されておりますのでよろしければご覧ください。StylingでAMP導入ページにページトップのロゴ変更などの簡単なデザイン編集ができます。設定に従ってください。5、固定ページ・投稿ページのAMP化の可否を設定Settingの画面です。2enabledと書かれているところは、AMP化されたページの数を表しています。ここで固定ページや投稿のAMP化の可否を設定することができます。postsのところを全てEnabledに設定してください。最後にデベロッパーツールを起動して、AMPが正常に起動されているか確認します。PageFrogの簡単なデザイン編集で物足りない場合はCSSを使ってデザインを変更していきます。function.phpの末尾に、任意のCSSコードを設定します。PageFrogを導入している場合はそのプラグイン内のテーマを編集する必要があります。最後に今回はWordPressプラグインを使って簡単にAMP化する方法をご説明しました。スマートフォンやタブレットなどモバイル端末からのアクセスが多くを占めるようになった今、AMP導入の重要性はますます高まってきています。専門的な知識が必要(errorの修正)な場面もありますが、手間がかからず実装可能となりますので是非お試しください。※なお本記事で書かれている設定手順や方法を当社が保証するものではありません。※各プラグインのバージョンアップや仕様変更により設定方法が変更になる可能性があります。TweetPocketお問い合わせプロモニスタではSEO対策やオウンドメディア構築のご相談も承っております。お気軽にご相談ください。オウンドメディアのお問い合わせSEOのお問い合わせプロモニスタ編集部プロモニスタでは、コンテンツマーケティングとコンテンツSEO、SEO対策を中心にwebマーケティング関連の最新情報やノウハウ、当社の事例を発信しています。Googleガイドラインを理解してペナルティを回避7月からChromeで全httpページに警告表示!常時SSL化”虎の巻”webマーケティングで実績のあるウィルゲートが運営する「プロモニスタ」では、webマーケティングご担当者向けの最新情報を随時お届けしています。Willgate,Inc.。