AMPページがあなたの生活をシンプルにする

8 分読み取り

AMP ページ 今や多くの人がモバイルデバイスを使ってサイトを閲覧し、インターネットを検索するようになりました。モバイル・アプリケーションや各種ガジェットなど、モバイル機器向けの製品を作るために、まったく新しい産業が出現しています。そして、スマートフォンやタブレットからの総トラフィックは、すでにコンピューターやラップトップからのデスクトップトラフィックを超えています。

しかし、GoogleとFacebookの統計によると、世界にはモバイルインターネットがそれほど高速ではない(例:3G、GPRS)ユーザーも多く存在するようです。このため、この2つの大手企業は、インターネット接続が遅いユーザーに対して「より良い体験」を提供するための対策を講じ始めています。特に上位10社以外のほとんどの人は、いまだに高速の4G、LTE、Wi-Fiネットワークを利用していない。そこでグーグルは、インターネット接続が遅いモバイル端末のために、オープンなAMPプロジェクトを立ち上げた。ウェブサイトがより複雑で「重い」ものになってきており、モバイル端末向けのコンテンツが増え続けているという傾向があるということです。2016年8月、Google検索インデックスにはすでに1億5千万以上のAMPドキュメントがあり、この数は毎週400万ずつ増えていました

Content Marketing Platform

  • 100,000+ media publications;
  • get backlinks to your product;
  • scale work with content distribution.

AMPとは

AMP HTMLドキュメントはウェブサイト制作にも利用できます。

Accelerated Mobile Pages、簡単に言うとAMPは、ほとんどがHTMLで、モバイルサイト用に拡張機能といくつかのカスタムページ要素/ブロックがあります。ウェブサイトを開発する際に、使用できるタグと使用できないタグがあります。例えば、IMGタグ(画像)はAMP-IMGになり、この場合、動画は新しいAMPタグに置き換えられる、などです。開発者に一定の制約を課すとしても、スピードやウェブサイトの宣伝(SEOに役立つ)には良い兆しです。いくつかのJavaスクリプトは、AMPページをサポートするために使用することはできません。しかし、良いニュースは、何の制限もなくCSS3を使用できることです 

AMP HTMLドキュメントは、Webサイトの開発にも使用できます。そのため、2つのバージョンのサイトを別々に開発したくない場合は、単にAMP-HTMLに基づいてサイトを構築し、このバージョンだけをWebサーバーにアップロードすればよいのです。しかし、専門家の中には、より良い互換性のために両方を作成することを提案する人もいます。Googleの検索エンジンは、この技術を推進しています。これは、モバイルインターネットを高速化するために設計されています。ここでは、2つの主要な原則を紹介します。 ・・・。

    .
  1. Accelerated Mobile PagesはGoogleの特別なキャッシュに保存されます

確かに、Googleの検索結果から行けば、ダウンロードは一瞬です。AMPのURLを入力するだけで、読み込みは若干遅くなりますが、メインのモバイル版よりは速くなります。

誰が興味を持つでしょうか

AMPテクノロジーは、ニュースサイトやブログ、Vlogなど、多くのテンプレートコンテンツページを持つ情報リソースで広く利用されています。AMPでは、本格的な製品ページを持つオンラインカタログなど、あらゆるサイトのランディングページとモバイル版の両方を作成することができます。

サーファーは2つの根本的に異なる方法でAMPを使用することができます。1つは、サイト所有者のサーバーから訪問者のコンピュータにデータを転送し、ブラウザでページの高速化版を表示する方法です。例えば、AMP対応サイトでは、すべてのモバイルユーザーを自動的に高速化されたページにリダイレクトするように設定することができます。訪問者は、モバイルデバイスを使用してリンクで AMP にアクセスするか、据え置き型の PC でブラウザのアドレスバーにある URL に / amp/suffix を追加できます。

2つ目の方法は、GoogleのサーバーにあるAMPのキャッシュ版を見るというものです。世界最大の検索エンジンは、SERP(検索エンジンの結果ページ)にカルーセル形式で高速化されたページへのリンクを表示します。ページを閲覧する際、ユーザーはサイトに行かず、SERPからコンテンツを閲覧します。

ネットショップ向けAMP

について

AMPだけでは、オンライン取引を目的としていないことを念頭に置いてください。しかし、それらは潜在的な買い手を引き付けるために設計されています。

訪問者が購入を決定した場合、サイトの構成に応じて、モバイル版サイトまたはデスクトップ版サイトのいずれかで注文を完了することになります。

AMPは主にインターネットの速度が遅く、不安定なユーザーにとって有用であることを覚えておいてください。その結果、モバイル版のサイトも軽くて高速でなければなりません。そうでなければ、訪問者は購入から「離脱」して、取引のために閉じてしまうかもしれません。

AMPの開発者は、オンラインストアは高速化されたページを使用することができ、また使用するべきだと主張しています。このように、AMPの開発者は、オンラインストアは高速化されたページを使用することができ、また使用するべきだと主張しています。ちなみに、eBayは2016年半ばからAMPの実験を行っています

ブログやパブリッシャーがAMPを有効化すべき理由

 AMP技術によって訪問者を長い時間サイトに留めておくことができ、広告のクリック数増加に貢献する可能性があります。

読み込みの遅いページを読むことはユーザーにとって非現実的なフラストレーションであり、パブリッシャーは広告から収入を得る機会を失うことになります。AMP 技術は、訪問者をより長い時間サイトにとどめるのに役立ち、広告のクリック数の増加に貢献する可能性があります

AMPページは、通常のコンテンツと区別するために、稲妻のアイコンで表示されます。このオプションをクリックした人は、AMPブラウザーを使って開かれたAMPページに直接移動します。また、Google検索や、Twitter、LinkedIn、WordPress、Parse.ly、Adobe Analytics、Nuzzel、Pinterestなどのプラットフォームで、コンテンツがすぐに利用できるようになります。

さらに、パブリッシャーは Google Analytics にアクセスして、ページのパフォーマンスを追跡することができます。AMP の最適なコンテンツを使用して、サイトパフォーマンスを最適化し、ユーザーエクスペリエンスを向上させることができます

AMPの機能について簡単に説明

Briefly About the AMP Functionality

サイト構築において、スライダーやモーダルウィンドウなどのガラクタを再プログラムする必要はなく、いわゆるjQueryライブラリがそのためにとっくに考案されています。それらはレイアウトデザイナーはゼロからコードを書くのではなく、既製品(あくまで「すでに目の前ですべてが盗まれている」場合の話ですが)を取り込んで、それを特定のサイト用に適合させるのです。AMPでは、すべてがほとんど同じように動作しますが、いくつかの違いがあります。

# 1 – AMPでは、コンテンツの高速読み込みに適したコードだけが残されます。たとえば、画像はすぐに読み込まれず、ユーザーがページをスクロールするにつれてさらに読み込まれることがあります。これには、モーダルウィンドウ、スライダー、その他の「軽さ」も含まれます。

# 2 – 非同期スクリプトのみを使用する。つまり、最速の読み込みのためにすべてを再び使用する。

# 3 – AMPページがどのモバイルデバイスでも同じように表示されるように、コードが書かれています

これら3つの違いはすべて、ブラウザができるだけ早くページを表示できるようにすることを主な目的としています。しかし、このページの機能はかなり厳しく制限されています。あなたのスクリプトを挿入したいですか?有効なHTMLタグのリストさえも制限されているので、忘れてください。

AMP技術の長所

多くのユーザーは、このオプションを適用するかどうか、まだ考えています。しかし、巨大企業は、それがより多くのトラフィックと利便性をもたらすことを理解しています。

——————————————————————————
  1. 検索結果のAMPページには、特別な稲妻が表示され、あなたのリソースを目立たせることができます。徐々に、ユーザーはこのアイコンがコンテンツの読み込みの速さを示していることを知るようになります
  2. .
  3. Accelerated Mobile Pagesは、Googleの特別なカルーセルに含まれることがあります。 .
  4. 主要な検索エンジンは、モバイルウェブに賭けています。その背景には、携帯端末からの商品販売の割合が着実に増えていることがあります。人々は、行列で待っている間や旅行中に買い物をするためにそれらを使用します。多くの予測では、モバイル・インターネットの重要性はさらに高まるとされています

これらすべては、訪問者の忠誠心と行動指標にプラスの効果をもたらします。つまり、アクセラレーションページの主な利点は、読み込み速度の速さです。これはユーザーエクスペリエンスを向上させ、Google SERPにおけるサイトのポジションに間接的に影響を与えることができます。また、AMPカルーセルのおかげで、リソースがさらに閲覧される可能性もあります。

高速化されたモバイルページの欠点

さて、ここからは、一般的なプロジェクトにおいて、この技術を導入することが今必要なのかどうか、突き詰めて考えていきましょう。ここでは、最も人気のあるCMSの1つであるWordPressをベースにしたリソースを考えていきます。 ・・・。

    . .
  1. AMPを実装する際に重複を避けるには、以下のことに気をつける必要があります。
    • それらはサイトマップに表示されるべきではありません
  2. しかし、このようにすべてがうまくいったとしても、検索エンジンが勝手に重複を作らないとは限らないのです 

    です。
      ・・・・・・。
    1. AMPはすべての種類のページに適しているわけではありません。この技術は、テキストや画像などのコンテンツ・ドキュメント向けにのみ設計されています。もしあなたのプロジェクトが記事やニュースだけでない場合、サイトのバージョン間の移行はユーザーを誤解させる可能性があります(デザインにおいて最大限の類似性を達成する必要があります)
    2. (英語)
    3. このように高速化されたページはSERPで目立つが、GoogleのスポークスマンHarry Illes氏は、AMPはランキングの計算式にカウントされないと述べた。ずっと続くというわけではないと指摘しています
    4. . です。
    5. まず、レスポンシブデザイン、つまりモバイル版のサイトを作ることです。それから、Google向けのアクセラレーション版です。大規模なプロジェクトの容量が、リソースの別バージョンを作成し、それらを監視することを可能にするなら、一般のウェブマスターがこれを行うのはもっと難しくなるでしょう。

    高い読み込み速度のためには、ページの機能性や見た目を犠牲にしなければなりません。注意すべきは、ほとんどの欠点は完全または部分的に解消できることです。しかし、AMP は常にサイトの基本ページの簡略版、あるいは短縮版であることに変わりはありません。

    AMPページの収益化

    このサブセクションでは、すべての情報サイトの所有者が関心を持つでしょう。なぜなら、彼らのサイトは、原則として、コンテクスト広告によってのみ、あるいは主に広告によって収益化されているからです(ここでのキーワードは「専ら」と「主に」です)。では、AMPの収益化にはどのような広告ネットワークが利用できるのでしょうか。

    ——————————————————————————
    • Google Ad Manager;
    • AdReactor;
    • Yieldmo;
    • プリスタ;
    • タブーラ(Taboola)
    • Flite;
    • AOL AdTech;
    • Amazon A9;
    • Google Adsense;
    • Smart AdServer;
    • DotAndAds(ドットアンドアド)

    AMPの収益化のための広告プラットフォームはたくさんあり、ブロガーやニュースサイトにとって大きなプラスになります。

    使うか使わないか

    私たちはこの技術を使うことをお勧めします:

    ——————————————————————————
    .
  1. Acceleratedページは、通常のページの約30倍の速度で表示されます。インターネットユーザーの63%がモバイルデバイスからアクセスする時代、このような動きは競合他社との戦いにおいて優位に立つのに役立つでしょう。
  2. . .
  3. また、Googleのランキングの特殊性を考慮する必要があります。検索エンジンはモバイル版に重点を置いています。デスクトップ版はSERPの下に表示されます
  4. .
  5. 高速フォーマットは行動要因を改善し、ある程度のランキングアドバンテージを与える。そして、これは訪問者の流れを増加させ、最終的には利益となるのです。 ———————————————————————————————-
  6. .
  7. Reactiveパラメータは、情報提供だけでなく、商業プロジェクトにも便利です。リソースの読み込みが速い場合、訪問者が競合他社に行くのは意味がありません
  8. 。 …
  9. CMSを導入しているサイトでは、専用のプラグインが開発されており、特別な知識がなくてもAMPページを実装することが可能です

WordPressを使用したコンテンツプロジェクトがあれば、ページの高速化は迅速かつ安価に実装できます。基本的なプラグインのインストールに1分、追加プラグインのインストールと設定に30分ほどかかるでしょう。また、Drupal を使用したサイト向けの無料のソリューションもあり、すばやくインストールして設定することができます。

Blog からの最新情報