問題タブ [amp-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
545 参照

indexing - 新しい AMP HTML タグと検索エンジンによるインデックス登録

AMP HTML には、javascript によって通常の要素に変換されるいくつかの新しい html タグが付属しています。

(ドキュメントの例)

しかし、そのような画像を Google ボットや他の検索エンジンでインデックス化するにはどうすればよいでしょうか?

Googlebotamp-imgは通常の画像としてインデックスに登録しますか?

他の人はどうですか…Bing、Yahoo、…?

または、画像のインデックス作成には、次のようなポリフィルを使用する必要があります。

また

?

ドキュメントでこれについて何も見つけることができません。

0 投票する
1 に答える
1275 参照

analytics - amp-pixel タグに対する Google アナリティクスのサポート

タグ amp-pixel は、ページ ビューをカウントするために使用されます。

Google アナリティクスと併用する方法はありますか?

GitHub ページには実装が表示されません。

0 投票する
3 に答える
2521 参照

amp-html - Blogger を使用した AMP - xmlns を使用したヘッダー

Blogger のコードで AMP 仕様を使用しようとすると、開発モードが有効になっているコンソールでいくつかのエラーが見つかりました。

Chrome のコンソール AMP 検証でエラーが発生しました:

「ヘッダー」を作成する方法を知るために参照されたリンクを見ましたが、Blogger のコードの性質のため、多くの DISALLOWED_ATTR があります。「AMP コンプライアンス」を行うにはどうすればよいですか?:

たとえば、これは Blogger の「ヘッダー定義」です。

問題 Nº1) 「HTML」ヘッダー:

xmlns=' http://www.w3.org/1999/xhtml ' 属性は、validator.js によって認められません。バリデーターを渡すには、これですべての html ヘッダーを変更する必要があります。

amp=' ' を追加する必要があるのは、Blogger のコード バリデーターでトップ レベルのタグを追加できないためです。HTML の最上位タグに amp=' ' を追加すると、amp のバリデーターで次のエラーが発生します。

http://www.diariosdelanube.com/:1:0 DISALLOWED_ATTR amp validator.js:154 qd.error

ブロガーの仕様でアンプコードを使用することは可能ですか?

私はそれをうまくやることができますか?

これは、 Blogger での amp-html に関する github のユーザーの要求に対して、ここに投稿する質問です。

0 投票する
2 に答える
638 参照

model-view-controller - AMP HTML では、リンクの canonical href 属性をシャープ (#) に設定することは正当ですか?

以下に示すようにポンド記号への正規リンクを設定することは正当ですか、それとも物理的なページ名を入力する必要がありますか?

これをテストすると、ポンド設定は検証エラー (ala #development=1) を生成しません。私のシナリオでは、このレイアウト ファイルを使用するページには、代替の「通常の HTML」バージョンはありません。唯一のバージョンは AMP HTML バージョンになります。

追加のコンテキストとして、AMP HTML を使用する MVC サイトを試しています。レイアウト ファイルをシンプルに保つために、子ページ名を抽出して href 属性に適用するよりも、シャープ記号を使用することをお勧めします。次のようなコードを使用して、部分ビューに URL を適用する方法を知っています。

代わりにポンド記号を使用するのが正当な AMP HTML であるかどうか、私はただ興味があります。ありがとうございました。

0 投票する
1 に答える
1465 参照

web-component - AMP HTML は非公式のカスタム要素を許可しますか

AMP ページは非公式のカスタム コンポーネントで動作しますか?

使用を広めるには公式のものを入手するのが最善だと想像できますが、カスタムコンポーネントでプログラムしたいサイトが1つだけの場合、そのコンポーネントを公式として承認する必要がありますか、それともコンポーネントを作成して独自のコードに含めることができますか?

https://github.com/ampproject/amphtml/blob/master/spec/amp-html-components.md

0 投票する
1 に答える
821 参照

youtube - AMP-html で YouTube 動画を実装する方法

ここにある公式ドキュメントに従って、AMP記事内にYouTubeビデオを実装しようとしています:

しかし、YouTubeビデオはまったくレンダリングされていません。

私のジェイドテンプレートは次のようになります。

出力は次のとおりです。

問題ないように見えますが、YouTube ビデオが amp-youtube タグに挿入されていない理由がわかりません。

どんな提案でも大歓迎です!

0 投票する
5 に答える
16430 参照

amp-html - AMP HTML でレスポンシブ ハンバーガー メニューを作成する方法

AMP HTML Web サイト ( https://www.ampproject.orgを参照) を作成しようとしていますが、レスポンシブ ハンバーガー メニューを作成する方法がどこにも見つかりません。Javascript は許可されておらず、使用できる AMP コンポーネントはありませんか?

0 投票する
1 に答える
587 参照

amp-html - ページ速度と AMP

私のウェブサイトでは、パフォーマンスを最適化するためにGoogle Page Speed Serviceを使用していますが、PageSpeed はすべてのインライン スタイル amp-custom をコンパイルし、外部ファイルに入れ、js ファイルもamp ルールで許可されていないコードの末尾。

それは両方で動作する方法ですか?AMP と Google ページ サービス?