当記事にたどり着いた方には、こういった疑問を持たれている方も多いのではないでしょうか?最近では、WEB制作を行う上で「AMP」について理解しておくことが必要になってきています。それらを踏まえたうえで導入する方法や、導入した場合の「SEO効果」について把握できるよう、簡単明瞭に解説します。当記事が、あなたのWEB制作のお役に立てると幸いです。Pages)とはGoogleとTwitterで共同開発されている、モバイル端末でウェブページを高速表示するためのプロジェクト名です。HTML)としての認知度のほうが高くなってきており、主に新聞社のサイトやポータルサイトなど、情報量の多いサイトがAMP対応を行うことが増えてきました。AMPの仕組みAMPの仕組みを簡単に言うと、「検索クエリと関連性の高いAMPページがGoogleのクローラーにキャッシュされると、そのAMPページが検索結果に採用される仕組み」です。ユーザーが、検索結果に表示されたキャッシュ済みのAMPページにアクセスする場合には、キャッシュ済みのためコンテンツの取得までの時間が短くなります。広告やアナリティクスといったタグは遅延読込されるため、記事の表示が瞬時に行われます。これらの仕組みによって、モバイルユーザーが快適にインターネットを利用できるようになることを目的としており、AMP対応を行っているサイトへの評価もあがってきています。AMPの必要性とはAMPの仕組みでも解説しましたが、AMPを導入すると表示速度が格段に速くなり、モバイルサイトでよく見かける縦読みに必要なスクロールの動作も俊敏になります。導入しているページは検索結果のカルーセルなどで表示される可能性があるため、サイトへの流入率が増える傾向もあります。いった「SEO効果」を含めて考えると、サイトの構成次第ではAMPを利用するのはとても有効な方法だといえるでしょう。AMPとモバイルフレンドリーの違いモバイルでの利用を意識したAMPですが、モバイルフレンドリープロジェクトとは別のものになります。モバイルフレンドリーは、モバイルに最適化されたサイトを検索結果で優位に評価されるというプロジェクトです。AMP対応の有無は検索順位に大きく影響しません。AMP対応はあくまでも「評価基準を達成する」という方法の一つにすぎないからです。モバイルフレンドリーはダイレクトに検索順位に影響しますので、今後のサイト運用として既に必須項目となっています。AMP対応をしないことで検索順位は落ちませんが、モバイル対応していいないと検索順位は落ちるということも、大きな違いといえるでしょう。AMPのメリット・デメリットここでは、AMPのメリットとデメリットを解説します。AMPは、Googleが開発している新しい仕組みのため、対応することでSEO効果にも影響する技術ですが、最新の技術なだけに不具合が起こるといったデメリットもあります。それらのメリット・デメリットを踏まえて、導入を検討することをおすすめします。メリットによる得られる効果まずは、AMPを導入することによるメリットをみていきましょう。1)ページの表示速度が高速化するAMPの最大のメリットは、従来とは比較にならないほどページの表示速度が高速化することです。ページの表示速度を高速化することで、ユーザビリティが上がり、離脱率を下げることができます。2)トップニュース枠に表示されるAMPを実装したサイトの記事は、検索結果にトップニュースとしてカルーセル表示される可能性があります。これはサイトへの流入率が格段に上がり、例えると無料で広告を打っているようなものです。カルーセルで表示されることでサイトへの信頼性も高まります。3)データ転送時に負担がかかりづらいGoogleによる厳格なルールに従いAMP対応を行うため、転送するデータ量をできる限り小さくしなくてはなりません。AMP対応したサイトは従来のサイトのデータ量に比べ、10分の1の量になると言われています。それらのことから、サイトの高速表示にもつながります。デメリットによるさまざまな影響それでは次に、デメリットもしっかり確認しておきましょう。1)AMP対応をするために、コンテンツやデザインの変更が発生するAMPを実装するためには、Googleが定めた厳格なガイドラインに従わないといけません。使用できないタグも多く、現在のところjavascriptも利用できません。そのため、現在運用しているサイト全体のデザインやコンテンツなどを、大きく変更しなくてはならない可能性があります。2)HTMLコーディングを可能な人しか対応できない使用できないタグや規制も多いため、コーディングの技術を持っている人や解読できる人でないと実装が難しいというのが現状です。実装後に起こるトラブルなどへの対応能力も求められるため、ある程度の知識と技術力は必要になります。3)バージョンアップに伴い表示くずれを起こす可能性があるAMPは最新の技術ですのでバージョンアップも時々行います。そのため、AMP実装済みのページなのに、バージョンアップに伴い非AMPページとしての表示になる可能性もあります。AMPのSEO効果についてAMP対応を行うことによる「SEO効果」はあります。Googleが定めた、検索結果の評価基準に「ページ、サイトの高速表示」が含まれているためです。従来の4倍の速さで表示されると言われているAMPですので、高速表示化への評価は高くなります。「SEO効果」を求めるのであれば、AMP対応だけでは足りません。その他にも様々な対応方法がありますが、その中の一つとしてAMPを実装することは「SEO効果」にとって有効な方法です。AMPを導入しようここでは実際にAMPを導入するにあたり、どのような手順を踏んでゆくのか、どのような点を注意するべきなのかを解説します。AMPのページを作るAMPページを作成するためには、AMPHTMLの宣言をしたうえで、専用のAMPタグでマークアップしたHTMLファイル(拡張子HTML)を作成します。大切なのは、AMPタグでマークアップし、AMPコンテンツとしてGoogleに認識させるためのWebページを作成するということです。必要な設定を行うAMPページと認識させるためには、いくつか必要な設定があります。2)meta要素でUTF-8とviewportを指定します。ライブラリを読み込みます。ライブラリを読み込むことで、AMPページの高速表示が実行できるようになります。4)canonicalタグを指定します。canonicalを指定してURLを正規化すれば、重複コンテンツを回避することができるためです。rel=”amphtml”)を指定して、AMPページの存在をGoogleに認識させることも大切です。ボイラープレート[amp-boilerplate要素])を指定することが必須となります。ライブラリが読み込まれるまでの最初の間、コンテンツを非表示にします。使用可能なタグでマークアップするAMPには、HTMLとCSSで使用できないタグや制限のかかるタグがあります。下記はそれらのタグの一例です。