Google AMP(Accelerated Mobile Pages)を使用してモバイルでのランクを上げる方法
公開: 2021-03-09モバイル速度に合わせてページを最適化しますか? 簡単ではありません。 モバイル検索は、特に2014年のGoogle Mobile Friendly Update以来、非常に長い道のりを歩んできました。
モバイルの最適化は進化し続けており、それは急速に起こります。 最初は別々のモバイルバージョンがあり、次にレスポンシブデザインがありましたが、今ではGoogleAMPが強力に推進されています。 AMP(Accelerated Mobile Pages)とは何か、AMPがSEOに影響を与える可能性があるかどうか、およびAMPがビジネスに与える影響については、次の記事でこれらすべての質問に対する回答を見つけることができます。
このすべての変更は、非常に速く発生するため、少しイライラする可能性があります。
Google AMPを実装するのは難しく、その時間を費やす価値があるかどうかはわかりません。
この記事では、GoogleAMPとは何かを正確に見ていきます。 それが必要かどうか、それを正しい方法で簡単に実装する方法、そしてそれが本当に良いかどうか、あるいは単に別のグーグルがウェブ上でそれ自体を独占しようとするかどうかを調べます。
- Google AMPとは何ですか?どのように機能しますか?
- AMPはどのようにSEOを改善できますか?
- サイトの速度と滞留時間
- AMPカルーセル、キャッシュ、サードパーティのアプリ
- GoogleAMPを実装する方法
- WordPressにAMPをインストールする方法
- DrupalにAMPをインストールする方法
- JoomlaにAMPをインストールする方法
- Concrete5にAMPをインストールする方法
- MagentoおよびOpenCart用のAMP
- カスタムAMPの実装
- AMPHTMLを検証する方法
- AMP HTMLが無効な場合はどうなりますか?
- AMPの長所と短所
- 結論
あなたは考えているかもしれません:
私のウェブサイトはモバイルで十分速く読み込まれます! 私はすでにレスポンシブデザインとキャッシュプラグインを持っています! なぜGoogleAMPが必要なのですか?
取引は次のとおりです。
あなたのウェブサイトがモバイルで急速に燃えているなら、あなたは間違いなく大多数の一部ではありません。 モバイルページはまだ遅いです! あなたが思っているよりも多くの要因が関係しています。
DoubleClick by Googleの調査によると、モバイルユーザーの50%以上が、読み込みに3秒以上かかる場合にウェブページを放棄することを決定しています。
この調査では、モバイルWebサイトの77%がロードに10秒以上かかることも示されています。 3Gネットワーク上のモバイルサイトの平均読み込み時間は19秒です。
はい、あなたは私を正しく読んでいます! 19秒です。 そして、4Gは14秒しかありませんが、それはそれほど素晴らしいことではありません。
私たちマーケター/パブリッシャーは、ポップアップ、広告、登録フォーム、バナー、ビデオなどを見て大丈夫かもしれません。 私たちはそれらから利益を得ます。 もちろん、収益を最大化し、パフォーマンスを向上させるために、それらを最適化します。
しかし、次のように考えてください。
あなたは今、読者です。 あなたはあなたの机に立って、あなたのPCで、インターネット上で何かを探しています。 マーケティング関連ではありません。 それが健康関連の問題、またはいくつかの法的問題に関して必要な情報であるとしましょう。 最初に開いたWebサイトの読み込みには5秒かかります。 スピーカーの音量が少し大きすぎますが、忘れてしまいました。 動画広告が自動再生されます。 スピーカーの音量つまみに手を伸ばしながら、画面上で検索を開始します。 あなたはついに広告の森を通してビデオを見つけます。 画面の右上にあります。 カーソルを上に移動すると、終了ポップアップがトリガーされます。 フルスクリーンです。 ビデオは引き続きバックグラウンドで再生されます。 あなたはもう怒っていますか? 確かにそうです。
さて、少なくともあなたがまともなコンピュータとネットワーク接続を持っているならば、これのすべてはPC上でかなり速く起こることができます。
モバイルでは、物事はおそらくそれほど劇的ではありません。
あなたは何が起こるか知っていますか?
人々は戻るボタンをタップします。 そしてブーム! ちょうどそのように、直帰率が高くなり、滞留時間とランキングが下がります。
外出中は、情報をすばやく見つけたい場合もあれば、閲覧しているだけで待つ必要もない場合もあります。 他にもたくさんの記事が待っています。
詳細については後で詳しく説明しますが、最初に、GoogleAMPとは何かとその仕組みを見てみましょう。
1. Google AMPとは何ですか?どのように機能しますか?
GoogleAMPはAcceleratedMobilePagesの略です。 このプロジェクトは、モバイルブラウジングを超高速にするために、GoogleがTwitterと提携して開始したものです。
一言で言えば、それはHTMLの簡略版です。
開発者は、Accelerated MobilePageは通常のHTMLページの最大4倍の速度で読み込むことができると主張しています。
どういうわけか、それはFacebookのInstantArticlesまたはAppleNewsへの応答です。 多くの点で似ていますが、重要な違いは、それがオープンソースであるという事実です。
新しいマークアップは、JavaScriptの使用をGoogleが提供するいくつかのファイルのみに制限します。 また、特定の形式のCSSを使用する必要がありますが、心配しないでください。サイトはまだかなりクールに見えます。
AMPはスピードを重視して作られています。 主な概念は読みやすさです。 Accelerated Mobile Pageでは、特別なデザイン、効果、機能は重要ではありません。
有効なGoogleAMPページが投稿されてインデックスに登録されると、Googleはそのページをサーバーにキャッシュします。
ページがキャッシュされると、誰かがページを表示しようとしたときに、Googleはページをすばやくフェッチして表示することができます。 AMPバージョンは、それ自体ですでに高速ですが、大量のキャッシュを使用すると、モバイルブラウザでのページの読み込みが瞬時に行われるように見えます。
多くのサードパーティアプリケーションは、ページのAMPバージョンもキャッシュして、非常に迅速に表示できるようにします。
AMPページの両方のバージョン(ホストされているページとキャッシュされているページ)には、元のモバイルウェブページを指すrel =” canonical”が含まれます。 ウェブサイトがレスポンシブである場合、AMPはそのバージョンを指します。
DistilledのWillCritchlowに、AMPについてどう思うか、そして将来的に標準になると彼が思うかどうかを尋ねました。
私たちはそれがすでに標準であることを認めなければならないと思います。 一部の大手パブリッシャーが取得しているAMPトラフィックの量を公開しているレポートがあります。 | |
![]() | リッチローになります |
CEO @ willcritchlow / distributed.net |
また、グーグルが何かを一生懸命に推し進めてから久しぶりであり、今後ますます多くのアップデートが来ることを期待すべきだとも言うだろう。 AMPに関するいくつかの概念をよりよく理解するのに役立ちます。もう一度、彼に感謝したいと思います。 だから…ありがとう、ウィル!
2. AMPはどのようにSEOを改善できますか?
AMPが検索エンジン向けにリリースされる前の初期の頃、GoogleはそれがいつかSEOに影響を与えるかもしれないと推測していました。
彼らは、AMPがSEOに何らかの影響を与えると公式に述べていません。 2016年2月、John MuellerはGoogleハングアウトで、AMPはランキングシグナルではないと述べました。
AMPは、2017年の公式のランキング要素ではありません。 2017年初頭のジョンからのツイートは次のとおりです。
AMPはランキング要素ではありません。 無効にする場合は、適切にリダイレクトしてください。
—ジョン☆.o(≧▽≦)o。☆(@JohnMu)2017年1月25日
ただし、モバイルとデスクトップでも、SEOの改善につながる可能性のある間接的な要因がたくさんあります。
ほとんどの人は、ウェブサイトの2番目のオプションとしてAMPを使用していることに注意してください。 レスポンシブWebサイトがある場合は、元のHTMLページを正規バージョンとしてマークします。 これは、AMPから元のバージョンへのrel = canonicalがあることを意味します。
この場合、メインのWebサイトは、AMPではなく、レスポンシブバージョンのWebサイトになります。 次に、Googleは完全にレスポンシブなバージョンのウェブサイトにインデックスを付け、それを使用してページの品質スコアを計算します。
Johnは次の動画で、AMPページが正規バージョンの場合、サイトの品質とユーザーエクスペリエンスにとって重要であると述べています。
ただし、レスポンシブWebサイトでAMPページを正規としてマークすると、AMPバージョンが唯一のインデックス可能なバージョンになります。
AMPが正規の場合、それがインデックスに登録されているバージョンです(通常、AMPバージョンのみがあり、他のバージョンはありません)。
—ジョン☆.o(≧▽≦)o。☆(@JohnMu)2017年5月31日
最初は、AMPはモバイル専用だと思っていました。 つまり…名前はAcceleratedMobile Pagesですよね? しかし、ジョンの声明は、AMPのみのWebサイトを持つことができることを証明しています。
そして何を推測します:
ampproject.orgのAMP公式Webサイトは、AMPHTMLのみで記述されています。 デスクトップデバイスでのAMPページのレンダリングに問題はないようです。 サイトは素晴らしく見えます。 素敵なアニメーションもあります。 そしてもちろん、それはかなり速いです。
Webサイトは、正しく構築されている限り、完全にAMPHTMLで構築できます。 デスクトップとモバイルの両方のデバイスでうまく表示されます。
また、Googleが最初にモバイルインデックスをテストしていることもわかっているので、これまで以上に強力なモバイルバージョンを用意することは理にかなっています。 モバイルSEOは、まもなくデスクトップ検索結果の標準にもなります。
ただし、AMPバージョンが利用可能であったとしても、モバイル用にデスクトップバージョンが最初にインデックスに登録される場合があります。
Jennifer Sleggは、2016年11月に、State of SearchConferenceの後にこれについて書いています。 彼女はそれについてもツイートしました。
そのため、@ maileohyeは、デスクトップとAMPが存在する状況では、Googleが最初にデスクトップをモバイル用にインデックス化することを確認しました。 #StateofSearch
— Jennifer Slegg(@jenstar)2016年11月14日
これはおそらく、多くの場合、AMPバージョンがHTMLだけでなく、コンテンツも削除されているために発生します。 GoogleがデフォルトでAMPバージョンのみをインデックスに登録した場合、それらのページには実際には不利な点があります。
2.1サイトの速度と滞留時間
あなたのサイトの速度は非常に重要です。 記事の冒頭で述べたように、人々は読み込みの遅いサイトを放棄する傾向があります。
Googleはそれを何度もテストしており、結果は一貫しています。 AMPを実装すると、読み込み速度が速くなり、クリック率とコンバージョン数が向上します。 このトピックについて十分に長く読むと、AMPに関する多くの前向きな経験に気付くでしょう。 これらの経験は、直帰率が低く、滞留時間が長いことに言及しています。
ご覧のとおり、情報Webサイトは通常、直帰率が高くなります。 これは、人々が情報を見つけたとき、通常はクリックして戻るか、ページを終了するためです。 ページが悪い、または悪いユーザーエクスペリエンスを提供したという意味ではありません。 それは物事が起こる方法です。
コンテンツマーケターは通常、リードを獲得して顧客がバウンドしないようにするために、ポップアップやフォームに頼ります。 これは機能し、多くのマーケターはそれを賞賛しますが、それはWebサイトの速度に悪影響を与える可能性があり、それが同じ問題につながる可能性があります。
GoogleAMPはこれらの問題を修正しようとします。 当初、人々は制限のためにサインアップフォームがもう利用できないかもしれないと思っていました。 AMPは最近のアップデートでこれを修正し、フォームが利用可能になりました。
別の記事で述べたように、滞留時間はSEOに関連しており、他の同様のランキング要素である直帰率の兄弟のようなものです。 より多くの人々があなたのサイトにとどまり、彼らが跳ね返るのが少ないほど、あなたのランキングはより良くなります。
直帰率と滞留時間の両方が、アナリティクスを通じて追跡される要因です。 GoogleAMPでもアナリティクスを使用できます。
Google Developers Webサイトに記載されているとおり:
上記のフレーズから、AMP Analyticsデータは通常のデータとブレンドできることが理解できます。これにより、時間の経過とともにより良い混合結果が得られる可能性があります。 あなたはここでもっと読むことができます。
2.2 AMPカルーセル、キャッシュ、サードパーティのアプリ
Google AMPの最も興味深い機能の1つは、カルーセルで紹介される可能性です。 カルーセルにはAMPページのみが表示され、常にトリガーされるとは限りませんが、SERPSの上に表示されるため、ページの上部に配置されます。
これが私の携帯電話で撮った一連のスクリーンショットです。 スクリーンショットは、動作中のAMPカルーセルを示しています。 モバイルデバイスでhttp://g.co/ampdemoにアクセスして、自分でチェックアウトできます。 私は単に「オバマ」を検索しました。
カルーセルには良い部分と悪い部分があります。 ページ上部の1位に掲載されるのは良いことですが、同時に、読者は1回スワイプしてWebサイトを離れることができます。 Google AMPは読者にとって非常に優れていますが、出版社や広告主はそのすべての側面に同意するとは限りません。
ご覧のとおり、GoogleはAccelerated Mobile PagesはSEOに直接影響しないと明確に述べていますが、いくつかの間接的な要因がSEOの改善につながる可能性があります。
Google AMPはSEOに直接影響しませんが、AMPに起因する間接的な要因は影響します。
AMPの目的は、ユーザーエクスペリエンスを向上させることです。 そして、私たちが知っていることから、より良いユーザーエクスペリエンスはより良いランキングにつながります。
AMPの本当にすばらしい点は、ランキングに悪影響を与えることができないことです。 AMPを実装し、rel =” canonical”を使用してメインバージョンを指す場合、Googleはそれを使用してランキングの品質スコアを計算します。
注意:ウェブサイトのAMPバージョンしかない場合、Googleはそのバージョンを使用してランク付けします。 削除されたHTMLを中心に適切に構築し、現在のすべての制限を受け入れても構わないと思っている場合は、より優れたUXを提供するより高速なWebサイトが得られます。
3. GoogleAMPを実装する方法
わかりました、AMPはかっこいいですね。 さて、それを取得する方法は?
よく知られているCMSの1つ(WordPress、Drupal、Joomla)を使用している場合は、プラグイン/モジュール/拡張機能、またはそれらが呼ばれるものをインストールするのと同じくらい簡単です。
3.1WordPressにAMPをインストールする方法
WordPressは、Web上で最も人気のあるCMSです。 あなたはおそらくそれを使用しています。 WordPress開発チームはすでにAMPプロジェクトのチームと合意しているため、簡単な実装が期待されていました。
デフォルトの公式WordPressAMPプラグインはこちらからダウンロードできます。 Yoastは、メタデータをAMP形式とマージするために、接着剤SEOプラグインもリリースする必要がありました。
エクスペリエンスを向上させたい場合は、このプラグインをインストールしてください。 それはより良いレビューとより多くの機能が付属しています。 すでにYoastサポートが組み込まれているため、検索エンジン最適化のためにAMPページを直接最適化できます。 このプラグインを機能させるには、前述のデフォルトのAMPプラグインが必要です。
プラグインは任意の順序でインストールできます。
WordPressプラグインをインストールするには、WPダッシュボードにログインし、左側の[プラグイン]をクリックしてから、[新しいプラグインの追加]をクリックします。 プラグイン名を検索し、[インストール]、[アクティブ化]の順にクリックします。
これを行う方法がわからない場合は、WPビギナーからのこの簡単なビデオを見てください。
それらをインストールした後、WordPressWebサイトのURLの後に/ ampと入力すると、ページの高速化バージョンにアクセスできるようになります。
3.2DrupalにAMPをインストールする方法
Drupalには、AMPページ用の独自のプラグインもあります。 インストールしたい場合は、ここからプラグインを入手できます。 モジュールのバージョンが異なるアーカイブは、ページの下部にあります。
Drupalにプラグインをインストールするには、ダッシュボードの[拡張]セクションに移動するだけです。 次に、[新しいモジュールのインストール]をクリックします。 上記のリンクからtar.gzファイルをダウンロードしてダッシュボードにアップロードするか、右クリックしてリンクアドレスをコピーし、ダッシュボードに貼り付けることができます。
Drupalモジュールのインストールで問題が発生した場合は、次のビデオの手順に従ってください。
3.3JoomlaにAMPをインストールする方法
Joomlaには、GoogleAMPを実装するための利用可能な拡張機能も多数あります。 https://extensions.joomla.org/extensions/にアクセスして、AMPを検索します。
拡張機能をインストールする方法は複数あります。 Webサイトからダウンロードして、Joomlaコントロールパネルにアップロードし、[拡張機能]と[拡張機能マネージャー]をクリックします。
選択した拡張機能をインストールするすべての方法は、次のビデオにあります。
https://www.youtube.com/watch?v=wZtvU6UqiqI
3.4コンクリートにAMPをインストールする方法5
新しい蜂起のConcrete5でさえ、 AMPページ用の独自のモジュールがあります。 これは、GitHubのhissyによって開発されました。 このモジュールはまだベータ版です。 最初にWebサイトの開発バージョンでテストする必要があります。
サーバーのコマンドプロンプトにアクセスする必要があるため、インストールは少し複雑です。 これは、cPanelにログインし、SSH(Secure Shell)を検索することで実行できます。 SSHアクセスがない場合、ホスティングプロバイダーがSSHアクセスを提供する場合と提供しない場合があります。 詳細については、ホスティングプロバイダーのサポート部門にお問い合わせください。
次に、次のコマンドラインを実行してコマンドプロンプトを表示します。 行を1つずつ入力し、各行の後でEnterキーを押します。
1 2 3 4 |
$ cd . / packages $ git clone git @ github . com : hissy / concrete5 - amp . git amp $ cd . . / $ . / concrete / bin / concrete5 c5 : package - install amp |
その後、ダッシュボードから次のURLにアクセスできます。
1 |
/ index . php / dashboard / system / seo / amp |
アクセスすると、モジュール設定ページが表示されます。 AMPをアクティブにするページタイプを選択します。 次に、アナリティクスIDを挿入します。 これはオプションです。 [保存]をクリックすると、完了です。
AMPデザインテンプレートをカスタマイズする場合は、パッケージとファイルをpackages / themes / ampからapplication / themes / ampにコピーできます。
問題が発生した場合は、 Concrete5コミュニティフォーラムでさらにサポートを受けることができます。
MagentoおよびOpenCart用の3.5AMP
最も人気のある2つのeコマースCMSには、Accelerated MobilePages用のモジュールもあります。
これらはかなり複雑なプラグインであり、検索結果の上位にある有料バージョンしか見つけることができませんでした。
MagentoAMPプラグインのダウンロード。
OpenCartAMPプラグインのダウンロード。
3.6カスタムAMPの実装
そこで人気のあるCMSプラットフォームのいずれかを使用していない場合、物事はそれほど簡単ではありません。 理想的には、これを経験豊富なプログラマーのグループにアウトソーシングする必要があります。 カスタムプラットフォームをお持ちの場合は、おそらくすでにチームがあります。
ただし、これを自分で行う場合は、 AMPプロジェクトWebサイトのドキュメント全体を読む必要があります。
この記事では、最も重要な部分とSEOに関連する部分のみを取り上げます。
AMPHTMLははるかに制限されていることに注意してください。 多くの制限があります。 要素は非常に特定の順序で配置する必要があります。そうしないと、形式が無効になります。
これが最も基本的な高速モバイルWebページ、古典的な「Hello、World!」です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
< ! doctype html > < html amp lang = "en" > < head > < meta charset = "utf-8" > < a href = "https://cdn.ampproject.org/v0.js" > https : //cdn.ampproject.org/v0.js</a> < title > Hello , World ! < / title > < link rel = "canonical" href = "http://example.ampproject.org/article-metadata.html" / > < meta name = "viewport" content = "width=device-width,minimum-scale=1,initial-scale=1" > <style amp-boilerplate>body { -webkit-animation : -amp-start 8s steps ( 1,end ) 0s 1 normal both ; -moz-animation : -amp-start 8s steps ( 1,end ) 0s 1 normal both ; -ms-animation : -amp-start 8s steps ( 1,end ) 0s 1 normal both ; animation : -amp-start 8s steps ( 1,end ) 0s 1 normal both } @-webkit-keyframes -amp-start { from { visibility : hidden } to { visibility : visible } } @-moz-keyframes -amp-start { from { visibility : hidden } to { visibility : visible } } @-ms-keyframes -amp-start { from { visibility : hidden } to { visibility : visible } } @-o-keyframes -amp-start { from { visibility : hidden } to { visibility : visible } } @keyframes -amp-start { from { visibility : hidden } to { visibility : visible } } </style> < noscript > <style amp-boilerplate>body { -webkit-animation : none ; -moz-animation : none ; -ms-animation : none ; animation : none } </style> < / noscript > < / head > < body > < h1 > Hello , World ! < / h1 > < / body > < / html > |

AMP HTMLを有効にするには、必要なすべてのマークアップを正しく挿入する必要があります。
たとえば、ドキュメントは< !で始まる必要があります。 DOCTYPE HTML>。 ドキュメントには< htmlも含まれている必要があります >トップレベルのタグ。 < htmlamp >を使用することもできます。 通常のHTMLの<head>と<BODY>タグはオプションですが、それらはAMP HTMLで必要とされています。
また、 < aを使用してAMPJSファイルにリンクを含める必要があります。 href = "https://cdn.ampproject.org/v0.js">のhttps://cdn.ampproject.org/v0.jsする</a>。 このJSは、AMPHTMLページが正しく機能するために必要なすべてのものをロードします。
< head >タグには、 < link rel = "canonical"も含まれている必要があります href = "元のページのURLまたは自己" / > 。 正規タグは、インデックス作成とオーガニック検索のランキングに使用するバージョンをGoogleに指示するため、非常に重要であることを忘れないでください。
CSSボイラープレートの内容も必須です。 あなたのウェブサイトに多様性を追加するタグ-あなたは、<カスタムスタイル・アンプ>を使用することができます。 サポートされているCSSドキュメント全体はここにあります。
もう1つの重要なことは、 < link rel = "amphtml" href = "https://www.example.com/url/to/amp/document.html" > 。 それがないと、GoogleはあなたのウェブサイトにAMPページがあることすら知らず、それを表示しません。 これをサイトのフルバージョン(モバイルまたはレスポンシブ)に配置する必要があります。
rel =” amphtml”がないと、Googleはページの高速化されたバージョンを検出しません。 それに応じて、Webページの元のバージョンに配置します。
GoogleAMPでフォームを追加する方法
この記事の冒頭で述べたように、AMPの開発者チームはマークアップを改善し続けるために一生懸命働きました。
当初、フォームはAMP HTMLで利用できなかったため、人々は、フォームがどのような種類のリードも生成できなくなることを恐れていました。
iFrameハックで構成される回避策が利用可能でした。 今日、AMPは、<フォーム>と<入力>タグを使用することができます。 ドキュメントを有効にするには、次のスクリプトが必要です。 < a href = "https://cdn.ampproject.org/v0/amp-form-0.1.js">のhttps://cdn.ampproject.org/v0/amp-form-0.1.jsする</a>。
AMPフォームの詳細については、こちらをご覧ください。
アナリティクスをAMPに追加する方法
AMPページを追跡するには、次の必要なスクリプトを読み込む必要があります。 < a href = "https://cdn.ampproject.org/v0/amp-analytics-0.1.js">のhttps://cdn.ampproject.org/v0/amp-analytics-0.1.jsする</a>。
次に、 < amp --analytics >タグを使用して、さまざまな統計を測定できます。 Analyticsのドキュメント全体はここにあります。
Google AMPに広告を実装できますか?
これまでのところ、パブリッシャーの広告と収益に関していくつかの不利な点が指摘されています。 AMPプロジェクトのチームは最近、AMPの新しい受け入れられたタイプの広告を提示するアップデートを公開しました。
挿入できる広告の種類には、視差動画、ライトボックス、カルーセルが含まれます。
正直なところ、これらの広告はかなりクールに見えます。 彼らはきれいに見えます。 Facebookの広告の原則と同じように機能するため、煩わしいことはありません。 ユーザーの読み取りを妨げることはありません。 ユーザーには広告が表示されますが、簡単にスキップできます。 それは自然にスクロールを行き来します。
これらのAMP広告も非常に高速です。 AMP広告が通常の広告と並べて読み込まれる様子を示すこの動画をご覧ください。
AMPではますます多くの広告ネットワークがサポートされています。 Accelerated Pagesに広告を実装するには、このドキュメントを確認してください。
3.7 AMPHTMLを検証する方法
AMPページを作成するか、ページに変更を加えたら、確認して確認する必要があります。
これを行うための最良かつ最速の方法は、 AMP ValidatorChromeプラグインを使用することです。 AMP検証プラグインはまた、Operaブラウザのために利用可能です。
プラグインをインストールすると、Chrome拡張機能の場所にアイコンが表示されます。 AMP HTMLページが有効になると、緑色に変わります。 AMPが無効な場合は赤に変わり、クリックするとエラーが表示されます。
ご覧のとおり、プラグインは問題の特定に優れています。 次に、[デバッグ]をクリックすると、HTMLを編集してすばやく検証できるページに移動します。 https://validator.ampproject.orgのバリデーターにHTMLを直接入力することもできます。
ChromeまたはOperaを使用していない場合は、次のこともできます。
AMP HTMLにアクセスし、右クリックして[検査]に移動し、[コンソール]をクリックします。 次に、URLの最後に#development = 1と入力し、Enterキーを押します。 これにより、ブラウザコンソールにエラーが表示されます。
コードが有効な場合、コンソールに「AMP検証に成功しました」というメッセージが表示されます。
//cdn.ampproject.org/c/s/yoursite.com/basic-amp-test.html:あなたはまた、アクセスHTTPSによるCDNてページをテストすることができます。 有効な場合はページが表示されます。 そうでない場合は、次のメッセージが表示されます。
3.8 AMP HTMLが無効な場合はどうなりますか?
AMP HTMLが有効でない場合、ページは、AMPを使用してページをすばやく表示するGoogleまたはその他のサードパーティプラットフォームによってキャッシュされません。 その場合、AMPカルーセルなどのメリットは得られません。
ただし、ウェブサイトがAMPのみの場合、またはAccelerated Pageが正規のページである場合は、HTMLが無効であっても、サイトは引き続きインデックスに登録されます。
AMPロゴ/ AMPビューアはありませんが、無効なHTMLページと同様に、インデックスを作成できます。
—ジョン☆.o(≧▽≦)o。☆(@JohnMu)2017年6月1日
AMPは基本的なHTMLマークアップであり、いくつかの追加機能があります。 他のHTMLと同じようにインデックスが作成されます。
4.AMPの長所と短所
これまでのところ、GoogleAMPに対するほとんどの議論は全滅しています。 問題が解決されただけでなく、短所が長所に変わりました。
- 広告を実装するのが難しい(あるとしても) >最近の更新で修正
- フォームはありません。代わりにハックを使用する必要があります>最近の更新で修正
- eコマースには適していません> SnapdealはAMPを使用し、コンバージョン率を高めています。 eBayはAMPもテストしています
- キャッシュされたURLを使用したソーシャルメディアでの共有>修正済み、GoogleではGoogleの代わりに実際のURLを共有できるようになりました
このリストにはさらに多くの修正を追加できますが、要点を理解していただければ幸いです。
それにもかかわらず、多くの人々は依然としてAMPに強く反対しています。
Josh Bachynskiは、優れたSEOであり、倫理学者でもあります。 彼はインターネット上でのグーグルの行動に関してかなりの数の議論を持っていた。
個人的にはAMPは全然好きではありません。 私はそれがいかに速いかが好きです、しかしそれはあなたのモバイル体験を超高速にする唯一の方法ではありません! これは、より多くのインターネットを所有および制御するためのもう1つの秘密の試みです。 | |
![]() | ジョシュ・バチンスキー |
SEO @joshbachynski / YouTubeチャンネルでJoshをフォローしてください。 |
そして、それは一種の真実です。 この記事の冒頭で、プロジェクトはオープンソースであると述べました。 この用語は誰でもコード自体に貢献できるように聞こえますが、結局のところ、何が残り、何がそうでないかを決定するのはGoogleです。 Googleのルールでしかプレイできません。
マーク・ザッカーバーグのインスタント記事と同じです。 Facebookはあなたにもっと速くブラウジングしてほしいと思っているように聞こえますが、その背後にある考え方は、実際に人々をFacebookアプリに引き付け続け、二度と離れないようにすることでした。
高速ですが、Webサイトを最大限に閲覧したい場合があり、FBアプリ内ではそれが不可能な場合があります。 もちろん、最終的にはブラウザで開くことができますが、追加の手順が必要です。
Will Critchlowでさえ、AMPが通常のHTMLWebサイトと同じ機能を持つことは決してないことに同意します。
「定義上、AMPは縮小版であり、そのままにしておく必要があります。 HTMLのすべての機能を許可した場合、発行者は、現在の重くて遅いサイトを再作成することになります。 あなたが特定のことをすることを制限されている場合にのみ、すべてが機能します。 ここにはゲーム理論の要素があります。Googleを非難し、広告主に特定のことができない可能性があると主張することで、パブリッシャーはとにかく避けたいことを避けられるようになります。」
基本的に、GoogleはここでGood GuyGregになろうとしていることを教えてくれます。 出版社は、彼らが良いと思ったが実際にはそうではなかった特定のことを避けることを余儀なくされるでしょう。
スコットギルバートソンはAMPについてTheRegisterに書いた。 彼はいくつかの理由でそれに同意しません。 私がグーグルが遅いモバイルサイトを修正することについて彼に尋ねたとき、彼は次のように述べました:
AMPが解決しようとしていると思われる問題は、開発者の慣行が不十分であり、開発者コミュニティ内での教育が不十分であり、検索エンジンからのページの読み込み時間が重視されていないことが原因です。 対処する必要のあるページ速度には本当の問題があると思います。Googleは開発者に影響を与えることができるというユニークな立場にあると思いますが、AMPはそれを行う方法ではありません。 | |
![]() | スコットギルバートソン |
ブロガー@ luxagraf / luxagraf.net |
スコットは、グーグルがより速いページを支持するようにランキングシステムを変更した場合、開発者は急いでより速いページを作り始めるだろうと言います。 グーグルはすでにある程度それを行っているが、それほど積極的ではない。 スコットは、ユーザーがクリックスルーするかどうかを決定できるように、検索結果に表示される「推定ページ読み込み時間」を提案しています。
スコットはまた、実際のURLは難読化されていると述べています。 Googleキャッシュ内のサイトはすべて非常によく似ているため、簡単に混同されてしまいます。 ロシアのニュースサイトが英国のニュースサイトと簡単に間違えられる可能性についての完全な話は、ここで読むことができます。
AMPは共産主義に少し似ています:誰もが速くなければなりません。 しかし、他の人よりもスピードを上げるためにこれ以上働くことはできません。 いやいや誰もが同等に速くなければならない。 その間、Googleはすべてのトラフィックを監視し、トラフィックを近くに保ちます。 ロシアのスパイサイトも関わっています!
しかし、グーグルが最終的にすべての人にAMPの使用を強制した場合、高速のモバイルWebサイトを手に入れるために懸命に戦ったすべての善良な人々はどうなるでしょうか。 誰もがAMPを使用している場合、サイトの品質の点で競合他社を打ち負かすことは非常に困難です。
グーグルは世界的な問題を利用し、自分自身を助けるための解決策を見つけたようです。
結局、ユーザーはAMPを高く評価するでしょう。 10KBページと2MBページでは、使用されるデータトラフィックが少なくなります。 彼らは最初はアスペクトとカルーセルの変更について不平を言うかもしれませんが、彼らは従い、最終的にはそれを好きになるでしょう。 通常のユーザーは、AMPと非AMPの違いを感じることさえありません。 彼らは、ページが信じられないほど速く読み込まれ、タップするとコンテンツがすぐに表示されることに気付くだけです。
結論
マーケターとして、私たちは基準を設定します。 ユーザーは、良い体験よりも悪い体験を覚える傾向があることを考慮してください。 これはすべての状況で利用できます。 それが痛みの原則です。 私たちの脳は、幸福を追求するよりも痛みを避ける傾向があります。
Googleは、顧客を幸せにすることに最も関心を持っています。
あなたは言うかもしれません:
"違います。 Googleはお金を稼ぐことに最も関心を持っています。」
そして、あなたは正しいかもしれません。 しかし、読者に最高の体験を提供することで、読者はGoogleにもっととどまることができます。 そしてこれはGoogleが勝つことを意味します。
しかし、これについて考えてみてください。もしあなたがグーグルだったら、あなたはどうしますか?
Google AMPは、読者、出版社、広告主の両方がうまくやっていくための架け橋です。 確かに、それは一種の強制ですが、これまでのところ、それはかなりうまく機能しています。
この記事はAMPに関するものでした。 AMPイニシアチブが失敗するか、公平に聞こえず、使用しない場合、この記事は、すべてのWeb開発者、発行者、および広告主に、すべてのWebサイトのユーザーエクスペリエンスを改善するために最善を尽くすことを呼びかけています。
AMPについてどう思いますか? 何か質問がありますか? コメント欄で教えて、会話を始めましょう!