問題タブ [accelerated-mobile-page]

AMP-HTML ページの構築に取り組んでいる Django 開発者はいますか?

(参考: Google AMP-project )

私の理解が正しければ、AMP-HTML の仕組みは、ページごとに 2 つの個別のファイルを作成することです。通常の HTML 結果と新しい AMP-HTML ファイル。AMP-HTML ファイルは、通常の HTML ページのスリム化されたバージョンであり、Google が高速化されたモバイル ページを返すために使用します (そのため、"Accelerated Mobile Pages" という名前が付けられています)。これらの各ファイルは、head 内のタグで相互に参照し、モバイルの検索結果に AMP ファイルを使用するよう Google に指示します。

Django フレームワーク内で、同じコンテンツ セットに基づいて 2 つの別個のファイルを作成する方法を考えています。

2 つの HTML 結果に渡される単一のコンテキストをどのように利用できるでしょうか? 1 つの結果は通常の HTML ページで、もう 1 つは AMP-HTML ページです。

Django では、返されるページごとに URL を作成する必要があります。既存の URL ごとに 2 つ目の URL を自動的に生成するにはどうすればよいでしょうか? さらに、これらの URL ごとに単一のコンテキストを呼び出すにはどうすればよいでしょうか。

おそらくビューでそれを行うことができますか？たとえば、AMP ページである .html 拡張子を返し、URL のテンプレートもレンダリングしますか?

これに取り組む方法については、まだ答えがありません。フィードバックと提案を探しています。これは、Django と AMP-HTML の stackoverflow に投稿された初めての質問のようです。最後ではない可能性が高いです。

私は自分の側で AMP を実装していますが、エラーをゲーティングしています:

タグ「スクリプト」は、特定の形式を除いて許可されていません。このエラーを削除するように教えてください。

私は AMP を初めて使用し、それが誰のためのものなのか疑問に思っています。例えば。

ホームページを AMP ページとして作成できますか、または作成する必要がありますか。

これはニュース パブリッシャ専用だと聞いたことがありますが、頭字語はこれについて何も述べておらず、Accelerated Mobile Pages だけで、私にはかなり一般的です。

どんな助けでも大歓迎です。

Accelerated Mobile Pages Project に移動すると、フォーム アクション内で以下のような「http URL またはカスタム URL」が受け入れられません。

AMP ビューで WordPress エディターのインライン スタイルを使用したいと考えています。現時点では、AMP はすべてのインライン スタイルを削除します。

単一のクラスを保護して AMP で使用する方法はありますか、それとも AMP の概念に反しますか?

ウェブサイトの WordPress ブログ部分を AMP に準拠させようとしています。「AMP by Automattic」プラグインを使用して支援しています。

Google Search Console で「AMP タグに無効なレイアウト プロパティが見つかりました」と表示されます。正確なエラー メッセージは次のとおりです: > タグ「amp-img」の属性「幅」が無効な値「”2299”」に設定されています。

エラーはfeat-imgに関連しています。

サンプル Web ページの GSC エラー コードをコピー アンド ペーストしてソース コードを確認すると、2299 を囲む引用符が「カーリー」マークであり、両方とも右側のマークであることに気付きました。(残念ながら、ここではスタックオーバーフローのテキストにカーリー マークが表示されていないようです)。

「カーリー」マーク (おそらく WordPress プラグインによって追加されたもの) がエラーの原因でしょうか?

私は当初、AMP には最大の画像サイズがあるのではないかと考えていました (最小値があるようです) が、グーグルではそれを確認できませんでした。

問題を解決する方法についての提案はありますか?

作成したい Web ページには、多くのブロック (angular2 コンポーネント) が必要です。したがって、それらのうちのいくつかのみを初期化し（最初から表示される）、他のものは後で初期化します（たとえば、ユーザーがスクロールするときなどに、データをロードするネットワークによる呼び出しを保存し、ページのレンダリングは非常に多くなりますもっと早く）。

AMPのようなものです(AMP と Angular2 がまったく異なることは知っています)。たとえば、ページhttps://www.bucketlist127.com/blog/ideas-for-bucket-listの画像は、ユーザーがページをスクロールすると読み込まれ、ページが非常に小さくなります (モバイル デバイスにとって非常に重要です)。

コンポーネントが表示されたときにイベントをキャッチしようとしましたが、これには angular2 ネイティブ イベントがないようです ( ngOnInit、ngOnDestroy、ngDoCheck、ngOnChanges、ngAfterContentInit、ngAfterContentChecked、ngAfterViewInit、ngAfterViewChecked ) 。

質問は次のとおりです。これに適した方法はありますか?