顧客が抱える「課題」を独自メソッドで「成功」へ導くマガジン。

KNOWHOWノウハウ

  1. HOME
  2. ノウハウ
  3. SEO
  4. スマートフォンでの閲覧を考慮して、ページ表示速度に影響する「AMP対応」ができている
SEO

更新日

スマートフォンでの閲覧を考慮して、ページ表示速度に影響する「AMP対応」ができている

Accelerated Mobile Pages(= AMP)とは、スマートフォン・タブレットなどのモバイル端末からのアクセスに対して、Google/Twitterなどが共同で開発したWebページを高速表示するためのHTML構成手法(AMP HTML)です。

当初は「記事ページ」をサポートする規格でしたが、現在は各種ページで採用されています。このルールに則ってページ情報を記述することで、モバイルアクセスの高速化が実現できます。

一般的に、我々がサイトを訪れたときはHTMLファイルおよび画像・JavaScriptなどの構成要素を、順番に読み込んでページ表示する訳ですが、要素が多ければ多いほど表示が遅くなり、利用者にストレスを感じさせることになります。

「AMP対応」していれば、Google/Twitterなどがあらかじめ入手してサーバー保存している「AMPキャッシュ」を活用できるため、通常より早くページ表示ができるようになります。

Googleも推奨している「AMP対応」を自社サイトに採用することで、ユーザビリティが向上することはもちろん、結果としてSEO効果も期待できます。

 

自社のWebページが、「AMP対応」しているかどうかチェックする

まずは、自社のWebページ(特に記事ページ)が「AMP対応」を考慮したページ構成になっているのか確認してみましょう。Googleが無料で提供している「Google AMPテスト」を使うことでAMP HTMLでの記述がされているのかどうかチェックできます。

「AMP対応」していないようであれば、HTML記述構成に手を加える

特に「記事ページ」の部分においてAMP対応がされていないようであれば、HTMLファイルのHeadタグ部分に「AMP HTML」による記述を組み込んでみましょう。このあたりは、HTMLファイルの記述に手を加えることになりますので、専門的な知識が必要です。エンジニア・プログラマーに相談してみてください。

「AMP HTML」による記述例

OpenJS Foundation
https://amp.dev/ja/documentation/guides-and-tutorials/start/create/basic_markup/

「AMP対応」が実現できれば、モバイルアクセスによるページ表示速度が向上するため、ユーザーフレンドリーなサイトになります。現在では、スマートフォンやタブレットでサイト閲覧することは一般的になっていますので、ぜひ取り組んでみましょう。

まとめ

1つでも当てはまったらチェックしましょう。

  • 自社のWebページが、「AMP対応」しているかどうかチェックする
  • 「AMP対応」していないようであれば、HTML記述構成に手を加える
グロースマーケティンググループ 編集部

グロースマーケティンググループ
編集部

「成果を、共に」
顧客と共に考え、実行を繰り返しながら「成果」を追求するグロースマーケティンググループ(GMG)の、デジタルマーケティング情報メディア。BtoB企業の営業・マーケティング担当者がすぐに使える「お役立ち情報」を発信していきます。

関連記事

成功へ導く
6つの要素