Google AMP-検証

Google AMPは、デバイスでのWebページの読み込みを高速化する方法です。 ampを使用するには、HTML5、CSS、およびampコンポーネントを使用できます。

Google Ampには、ampページを検証する多くの方法が用意されています。この章で議論する重要なもののいくつかは-

それぞれについて詳しく説明します。

#development = 1を使用する

ページの検証の準備ができたら、＃development = 1をpage-urlの最後に追加し、Chrome開発者ツールで同じことをテストします。

次の例に示すように、最後に*＃development = 1 *をHTMLページのURLに追加できます-

http://localhost:8080/googleamp/test_ampl#development=1

ブラウザとGoogle Chromeコンソールで上記のURLにアクセスします。 ampがアンプの仕様の観点から無効であると考えるエラーをリストします。

test_amplで発生したエラーは次のとおりです。

あなたが表示されたエラーを修正することができ、すべてのエラーが修正されると、次のように表示されます-

Ampには、HTMLコンテンツを入力できる検証ツールがあり、ステータスをPASSまたはERRORとして表示し、ページにエラーも表示します。リンクは-https://validator.ampproject.org/です

アンプ検証ツールの表示は以下のとおりです-

ページコンテンツのエラーの例を以下に示します-

次のコマンドを使用してnpmパッケージをインストールできます-

npm install -g amphtml-validator

amptest/フォルダーを作成し、そのフォルダーにamp_testlファイルを保存しました。コマンドラインで次のコマンドを使用して、amp_testlを検証します。

amphtml-validator youramppagel

ページからいくつかのタグを削除して、エラーが表示されるかどうかを確認します。

表示されたエラーは、ステータスがPASSになるまで修正できます。