2019-12-02今回、当ブログ「厳風~Genfu~」にAMPを導入しました。(AMPリンク→https://gen-fu.com/amp/)AMPリンクを押してもらうとわかりますが、通常の表示スピードとは比べ物にならない読み込み早さです。今後の課題(カエレバ、文字用CSS、アドセンス)カエレバCSSの書き込み文字用CSSの書き込みGoogleアドセンスが表示されないAMP導入まとめえーえむぴーって何?真空管アンプAMPは「アンプ」と読みます。Pages」の略で、主にGoogleが主体となって開発した企画のこと。通常のウェブページは、HTMLとCSSを都度読み込みサイトを表示させています。ゼロからサイトを読み込むため、どうしても時間がかかるんですね。当ブログは更に画像(写真)が多いため、平均して4~5秒かかっていました。そこで、あらかじめテンプレートを作っておき、そこに文字や写真を当てはめるだけにしたら早くなるのではないか...?これがAMPというものです。分かりにくいので、実際にPC版のスクリーンショットで説明します。通常のサイト(https://gen-fu.com/)通常の厳風~Genfu~トップページ。WordPressテーマ「ストーク」という有料テンプレートを使って表示しています。デザイン性は優れているものの、HTMLやCSSを大量に使用しています。そのため、読み込みに時間がかかってしまうのが問題点。AMP導入トップページ(https://gen-fu.com/amp)AMPを導入した場合は、あらかじめ表示形式(テンプレート)が決まっているため、タイトルの文字や写真を読み込むだけ。大げさに言わなくても、読み込みはほぼ一瞬でおわっちゃいます。最近では、Twitterやアメブロ・大手ニュースサイトが導入しているようです。肝心の導入する理由ですが...SEO(検索サイト最適化)の採点項目の中に「表示スピードの速さ」が存在しています。調べてみましたがハッキリとSEO対策になるとは分からないようですね💦AMPの取り組みに関してはユーザーフレンドリーな施策なので、非常に良い取り組みだと思います。SEO対策のドメイン取得期間などと同様に「早く」対応したサイトが優遇される可能性などもあるので、対応は必要になってくるでしょう。発展途上であることやAMPを導入する方法はサイトの構造によって違います。自身のサイトでどうやって対応するかを検討する必要が極めて高く、特にJavaScriptを多用しているサイトであればあるほど、細かい設定や対応が難解でコーディング初心者では対応できないため、よく考えたうえで対応をする必要がありそうです。AMPって導入すべき?3つのメリットとデメリットまとめより引用しかし、Googleが自ら開発した仕組みですし、マイナスになることはないと思います...。AMPとはGoogleが開発した、サクッと記事を表示する企画のこと。デザインはシンプルだけど、読み込みは一瞬で終わる。(未確定)プラグイン「AMP」導入方法では、さっそくサイトに「AMP」を導入していきましょう。※AMPプラグインについては、不具合もあるようです。ここからは全て自己責任でお願いします。1『WordPress管理画面』→『プラグイン』→『新規追加』と進む。2キーワードで「AMP」と検索。AMPプラグイン類似したものが多いため、必ず作成者が「Automattic」になっていることを確認してください。3『今すぐインストール』→『有効化』します。ちなみに、このAutomatticはWordPressの開発元です。信頼性は十分に高いでしょう。4『設定』→『パーマリンク設定』と進み、何も変更せず『設定を保存』します。パーマリンク設定ここで誤ってパーマリンクを変更してしまうと、面倒なことになるので注意しましょう!これでサイトのAMP化は終了です。〈サイトURL/amp〉で確認することが出来ます。非常にシンプルなデザインですね♪しかし、これでは何か物足りません。WPをインストール(関連記事、SNSボタン等)先ほどの「AMP」プラグインだけでのデザインだと、ただ文字と写真が表示されているだけです。該当する記事は最後まで読んでもらえても、それで離脱されてしまいます。これでは直帰率100%近くなるでしょう。SEOには直帰率も関係してきます。高速化を狙ってAMPを導入しても、これではマイナスになる可能性があります。WP」というプラグイン。関連記事だけでなく、プロフィールや前後の記事・SNSシェアボタンまで書き足してくれます。