Google-amp-basic-syntax
提供:Dev Guides
Google AMP-基本的な構文
この章では、Google AMPページを開始するための基本的な要件について説明します。
サンプルアンプページ
アンプページの基本的な例を以下に示します-
必須タグ
ampページに含める必須タグがいくつかあります。 このセクションでは、それらについて詳しく説明します-
- 以下に示すように、htmlタグに amp またはaddを追加する必要があります。
- <head>および<body>タグをhtmlページに追加する必要があります。
必須のメタタグのいずれかが欠落すると、Amp検証が失敗する場合があります。 ページのヘッドセクションに追加されるいくつかの必須のmetsタグはここに示されています-
- headタグ内に追加されるrel = "canonical"のリンク
- amp-boilerplateを使用したスタイルタグ-
- amp-boilerplateを使用したNoscriptタグ-
- 以下に示すように、asyncが追加されたampスクリプトタグ。 これはすべての最も重要なタグです-
- このタグは、ページにカスタムcssを追加する場合に使用する必要があります。 ampページで外部スタイルシートを呼び出すことはできません。 カスタムCSSを追加するには、すべてのCSSがここに行かなければなりません-
page-urlの最後で#developement = 1を使用すると、ブラウザで上記のページを検証できます。
それでは、ブラウザで同じことをテストしましょう。 ページをローカルでホストし、amppagelとして保存しました。
テストする上記のURLは
例
出力
次のように、開発者コンソールでアンプ検証ステータスを見ることができます-
有効なampページに必要な必須タグをすべて追加したため、AMP検証が成功しました。