BLOG ブログ

デジタルマーケティングにおけるお役立ち情報やトレンドなどをお届けします。

  • カテゴリ:おすすめ
  • 2019.05.05(最終更新日:2019.05.21)

【SEO対策】モバイルを高速表示させるAMPとは?メリット・デメリットや導入方法のご紹介

【SEO対策】モバイルを高速表示させるAMPとは?メリット・デメリットや導入方法のご紹介

自社のページの表示速度を測ったことはあるでしょうか?

ページの表示速度はユーザー体験に大きな影響を及ぼします。

GoogleのSEOアルゴリズムではページ速度も影響すると言われています。

今回は、SEO対策の一つであるAMPについて紹介します。

AMPとは

AMPとは

AMPとは英語で、Accelerated Mobile Pagesと言います。

GoogleとTwitterで共同開発されたもので、モバイル端末でウェブ表示を高速化するプロジェクトまたはそのフレームワークのことです。

https://amp.dev/

AMP対応されたサイトは、モバイルで見ると、下記のように稲妻のようなマークがついています。

AMPの仕組み

AMPでは、ウェブページのHTMLをGoogleやTwitterでキャッシュすることで、読み込む分の時間を大幅に削減する仕組みとなっています。

通常は、ウェブページにアクセスするとき、リンクをクリックしてHTMLを読み込むため、AMPより時間がかかります。

AMPの仕組み

AMPを構成する主要素は、以下の4つです。

AMPの構成

  • HTML5(AMP HTML)
  • CSS3(Custom Styling)
  • Javascript(AMP JS)
  • グローバル プロキシ キャッシュ(AMP Cache)

AMP HTMLを使い、モバイルサイトを作成することで、Googleの表示やTwitterからリンクを開く際の表示速度を高速化することができます。

AMP導入のメリット

AMP導入のメリット

AMP導入のメリットは、検索流入の増加が期待できることです。

AMPを導入すると、AMP専用の検索機能に表示され、レスポンスが上がりクリック数の増加が見込めます。

読み込みスピードも向上するため、ユーザーの利用満足度の向上にもつながります。

AMP導入のデメリット

AMP導入のデメリット

AMP導入のデメリットは、AMP対応したHTMLを記述しなおす必要があります。

AMP HTMLで作成するので、通常のHTMLとは異なります。

Wordpressでは、AMPプラグインを導入して動的にAMPページを生成できるので、手間が省けます。

AMPの導入方法

AMPの導入方法

AMPの導入方法は、デメリットでも解説したように、AMP HTMLの仕様に沿ったページを作成します。

作成したページは、AMPページをツールで検証し、AMP化されているか確認します。

https://search.google.com/test/amp?hl=ja

AMPページ作成の流れ

簡単に、AMPページ作成の流れを紹介します。

AMPページ作成の流れ

  • AMP HTMLの宣言する
  • headタグとbodyタグを指定する
  • meta要素を指定する
  • AMPのJSライブラリを読み込む
  • canonicalタグを指定する
  • amp-boileplate要素を指定する

上記の流れで、既存のHTMLファイルに記述されているコードをコピーして、AMPページ(index-amp.html)を作成していきます。

GDTのSEO対策サービス

GDTのSEO対策サービス

GDTでは、SEO対策サービスを提供しています。

ページの表示速度は、ユーザー体験に大きな影響を与えます。

AMP対応して、モバイルで高速表示したい方はぜひこちらからお問い合わせください。

まとめ

まとめ

AMPは、高速な読み込み体験や検索結果画面でのリッチな表示といったメリットがあります。

ニュースサイトやポータルサイトなどさまざまな業種・業態のWebサイトが導入を進めています。

これを機会にぜひAMP対応を検討してみてはいかがでしょうか。

この事業についてもっと詳しく知りたい方へ

SEO対策ページのページへ

この記事を書いた人

GDT(編集部)

デジタルマーケティングやWebマーケティングに役立つ記事をご紹介します。


サービスに関するお問い合わせ

サービスに関するご相談やご質問などはこちらからお問い合わせください。

お問い合わせ

GDTメルマガ購読
(無料)

GDTの更新情報や、ホットなニュースを毎週お届けします!

GDTのオススメ記事

  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク
  • リンク