基本的に私のAngular 2アプリケーションにはPreRender.ioを使用したいと思っています。私はこれを初めて使っています。Pre-Render.ioのDocこのPreRender.ioをAngular 1で動作させるには、Angular 2で動作させることができません。また、エラーメッセージも表示されません。他のドキュメントやビデオのチュートリアルや、角2のPreRender.ioを使用する方法の例が得られれば、非常に役に立ちます。Angular 2 SEO with Pre-Render.io
1
A
答えて
1
何もする必要はありませんそれが動作するためにあなたの角度アプリ。単純なメタタグだけをインデックスファイルに追加する必要があります。
次の手順に従います。
- ステップ1
は、あなたの角度アプリにこれを追加します。
<meta name="fragment" content="!">
- ステップ2
ノード・プロジェクト内のファイル名を指定して実行npm install prerender-node --save
(またはあなたが使っているものは何でも)
- ステップ3
(あなたがノードを使用していない場合または同等の)サーバーにこれを追加します。
app.use(require('prerender-node'));
- ステップ4
形作るnginxの又はクローラを断片化されたサイトにリダイレクトするために使用しているものは何でも構いません。これは私の知識ベースの外にあるので、もしあなたがそれを行う方法がわからなければ、これに関するいかなる質問も新しい質問として開かれるべきです。
関連する問題
- 1. Angular 4 and Prerender.io
- 2. Angular 2 - lazy loadingと一緒にprerender.ioを使用する方法
- 3. OneSignal with Angular 2
- 4. Angular 2 with Materialize
- 5. Angular 4 and SEO
- 6. OData Query with Angular 2
- 7. Angular 2 POST with Firefox
- 8. Angular 2 with .NET Core
- 9. Angular 2 Http with jsonp
- 10. Angular 2 Routing with Home Page
- 11. load socket.io with Angular 2 AOT
- 12. Clickable image with Angular 2.x
- 13. カスタムのボタンコンポーネント(Angular 2/4 with analytics)
- 14. NativeScript with Angular 2カスタムhtmlとページタグ
- 15. Less with Angular 2の使い方は?
- 16. Observables with Angular 2/Typescriptのマルチステップ関数
- 17. asp.net core 1.1 antiforgery with angular 2/4
- 18. Angular 2ルータv3 observable guard with ngrx
- 19. Shibboleth with Node.js Rest APIとAngular 2 Application
- 20. Nativescript with Angular 2 with Android、アプリを閉じるには?
- 21. MongoDB with Angular App
- 22. Jasmine、Angular 2 Project with Angular 2 Projectでの予期せぬトークン 'Import'の問題
- 23. Angular with cookies
- 24. Angular with Browserify
- 25. Angular JS with Angular2
- 26. Angular 5 with Material
- 27. three.js OrthographicTrackballControls with Angular
- 28. Angular - routeProvider with Post
- 29. VuejsとVueRouter SEO
- 30. フォーマットfloat/double with Angular
申し訳ありませんが、私はステップ3を手に入れませんでした...あなたはそれを説明してください – SjVnyk
ステップ3: 'server.js'ファイルにその行を追加します(ノードを使用している場合は、彼らのドキュメントの他の例)。ステップ4:私はこれをさらに説明できません、私は恐れています。サイトに入ったトラフィックは実際のサイトに転送され、クローラは断片化されたサイトにリダイレクトされます。フラグメント化されたサイトが意味するのは、プリレンダーがレンダリングしたサイトです。 – Chrillewoodz
ありがとうございました。試してみてください。 – SjVnyk