問題タブ [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.
javascript - Accelerated Mobile Pages を vivvo テンプレートに統合する
私はvivvoテンプレートに取り組んでいます。これで、Accelerated Mobile Pages (AMP) を統合する必要があります。amp js ファイルを参照するには、これを使用します
しかし、このファイルはページに含まれていませんでした。そして、この行の後のすべての参照ファイル css および js はロードされませんでした。 このリンクをたどってamp を使用しました 最初の AMP ページを作成する 助けてください。ありがとう
amp-html - AMP HTML を使用した事前レンダリングの詳細
AMP ページでの事前レンダリングについての言及を見たことがあります。具体的には、プロジェクトの仕組みページ ( https://www.ampproject.org/how-it-works/ ) には次のように書かれています。
AMP ドキュメントは、効率的に事前レンダリングできるようにゼロから設計されています。ブラウザーは、 <link rel=prerender> タグによる事前レンダリングを長い間サポートしてきましたが、事前レンダリングはコストがかかる可能性があるため、このメカニズムについて保守的である必要があります。AMP HTML を使用して、ドキュメントに次のように伝える機能を追加しました。つまり、スクロールせずに見える部分だけをレンダリングし、事前レンダリングのコストを最小限に抑えるために、CPU を集中的に使用しない要素のみをレンダリングします。
事前レンダリングがどのように機能するかについてもっと理解したいと思います:
- この事前レンダリングに関するその他のドキュメントはありますか? これ以上の詳細を見つけることができませんでした。
- 事前レンダリングを実装するコードはどこにありますか?
- rel=prerender とのリンクでない場合、事前レンダリングに使用される手法は何ですか?
- スクロールせずに見えるリソースのみを読み込むプリレンダリング モードでレンダリングするように AMP HTML ページにどのように指示しますか?
- 誰かが自分の AMP サイト (ページ間を移動するとき) でこの事前レンダリングを使用するための適切にパッケージ化された方法はありますか?
svg - AMP 記事 Microdata の SVG 画像?
schema.org/ArticleGoogle のStructured Data Testing Toolに対してを検証しようとしたときに、SVG 画像を指定するとエラーが発生することに気付きました。
ロゴに指定する値は、有効な URL でなければなりません。
必須:
AMP 記事 (これは何ですか? )
URL がではなく.png(または.jpg、.bmp、など) の拡張子を持つように変更された場合、検証に合格します。.webp.svg
これが私が取り組んでいる例です:
他の画像の URL の拡張子を変更すると、エラーが発生します。
リッチ スニペットのドキュメントまたはAMP HTML 仕様で SVG を拒否する理由に関する情報を見つけることができませんでした。この動作について誰か説明がありますか？
javascript - Google AMP スクリプトが jquery window.scroll と競合する
Google ( ampproject.org ) が提案する AMP ガイドラインに従おうとしていますが、js スクリプトを追加するとすぐに、jQuery スクロールが機能しなくなります
誰もそれを修正する理由と方法を知っていますか?
javascript - amp-iframe 内に「実際の」ページを埋め込む場合、js を「有効」にできますか?
JavaScript に依存するページで AMP (Accelerated Mobile Pages) を有効にしようとしていますが、AMP は js を許可しません。amp-iframes に js を使用してページを埋め込むことができた人はいますか? そして、これは SEO にマイナスの影響を与えるほどハックなのだろうか？それとも、妙な理由で誰もやらない超賢い (そして安全な) ことですか? これは無駄な作業だと思いますが、SEO のために私は誘惑されます。
私がこれまでに学んだことは、amp-iframeソースは (少なくとも) ssl を有効にする必要があり、同じオリジンであってはならないということです。そのため、別の場所に配置する必要があります。彼らは人々がこれを行うことを望んでいないかもしれませんが、私のjsが最終的に適切に動作し始めているので迷惑だと思います。高速ページが高速であるためにamp関連のSEOポイントを獲得できないのは不公平だと思います. おそらく私は何かを逃していますか？
https://www.ampproject.org/docs/guides/amp_replacements.html
html - style=slides の場合、amp-carousel でコントロールを無効にする
amp-carousel のタイプが「スライド」の場合に表示される「前」と「次」のコントロールを非表示にしたいと思います。「controls」属性をカスタマイズする方法に関するドキュメントは見つかりませんでした。