Validatorというチェックツールをインストールすれば、AMPページが正しく機能しているかどうかをブラウザで簡単に確認することができるようになります。Validatorをインストールするには、Chromeウェブストアに行きます。画面右上に「Chromeに追加」というボタンがあります。ボタンをクリックします。Validatorは無料でインストールできます。Chromeに追加ボタンをクリックするとダイアログが表示されます。「拡張機能を追加」ボタンをクリックします。Validatorがインストールされます。Validatorがインストールされると、ブラウザの右上に以下の稲妻のようなアイコンが表示されるようになります。ページを開いている際、このアイコンがグレー(灰色)の場合。そのページはAMP未対応という意味になります。アイコンがブルー(青色)の場合。そのページはAMP対応という意味になります。ValidatorはAMPの対応・未対応を判別してくれると同時に、文法にエラーがないかどうかも自動でチェックしてくれます。AMPページにエラーがない場合、アイコンはグリーン(緑色)で表示されます。AMPページにエラーがある場合、アイコンはレッド(赤色)で表示されます。エラーが何個あるのか、数字で表示されます。アイコンをクリックすると、エラーの内容が表示されます。(英語なのでわかりづらいですが)ちなみに、以下のエラーは「必要なAMPコンポーネントが入っていませんよ」ということを表しています。上記のエラーの例ですと、「amp-position-observer」というAMPコンポーネントが入っていませんということを表しています。functions.phpにエラーが出ているAMPコンポーネントを入れてあげればエラーは改善します。エラーが改善されました。アンプレートの場合、本テーマに必要なAMPコンポーネントはすでに設定してありますので、コンポーネントを追加する必要はありません。使われているAMPコンポーネント一覧アンプレートはすでに必要なコンポーネントを設置済みですので追加する必要はありませんが、以下によく使われている。Validatorでエラーの出やすいコンポーネントをいくつか掲載しておきます。HTML用のコンポーネント。AMPページではimgタグは使えません。代わりにAMP用のamp-imgタグを使うようにします。・amp-lightbox子要素をライトボックス(フルスクリーンオーバーレイ)表示できるようにするコンポーネント。src=”https://cdn.ampproject.org/v0/amp-lightbox-0.1.js”></script>・amp-image-lightbox画像をライトボックスで表示させるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js”></script>・amp-carouselAMPページでカルーセル表示(スライド表示)できるようにするコンポーネント。src=”https://cdn.ampproject.org/v0/amp-carousel-0.2.js”></script>・amp-sidebar左右からスライドインするサイドバーを表示させるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-sidebar-0.1.js”></script>・amp-social-shareAMPページでSNSのソーシャルボタンを作成するコンポーネント。src=”https://cdn.ampproject.org/v0/amp-social-share-0.1.js”></script>・amp-youtubeYouTubeの動画を表示させるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-youtube-0.1.js”></script>・amp-twittertwitterのツイートを表示するコンポーネント。src=”https://cdn.ampproject.org/v0/amp-twitter-0.1.js”></script>・amp-instagraminstagramの投稿を表示するコンポーネント。src=”https://cdn.ampproject.org/v0/amp-facebook-0.1.js”></script>・amp-iframeiframeの汎用コンテンツ(地図や広告など)を埋め込む際に必要なコンポーネント。src=”https://cdn.ampproject.org/v0/amp-iframe-0.1.js”></script>・amp-videoオリジナルビデオを表示するためのコンポーネント。src=”https://cdn.ampproject.org/v0/amp-video-0.1.js”></script>・amp-audio音楽を埋め込むコンポーネント。src=”https://cdn.ampproject.org/v0/amp-audio-0.1.js”></script>・amp-animアニメーションGIFを表示させるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-anim-0.1.js”></script>・amp-ad広告を表示させるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-ad-0.1.js”></script>・amp-sticky-ad画面下部に広告を固定表示できるようにするコンポーネント。src=”https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js”></script>・amp-analyticsGoogleアナリティクスのアクセス解析トラッキングコードを追加するコンポーネント。src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”></script>・amp-form問い合わせフォームなど、フォームに関するHTMLタグが使用できるようになるコンポーネント。src=”https://cdn.ampproject.org/v0/amp-form-0.1.js”></script>・amp-accordion見出しやコンテンツなど、アコーディオンパネルで表示できるコンポーネント。動作確認済みプラグイン選べるカラーは29色。アンプレート公式サイト。