2016-08-20 15 views
6

私のプロジェクトは、react jを使用する単一ページのアプリケーションです。私は、SEOの方が一般的には優れているものの、サーバー側のレンダリングを必要とせずに、Googleが単一ページの反応アプリケーションを含むjavascriptページをクロールできると聞いています。リアクションヘルメットを使用してSPAのSEOを最適化するにはどうすればよいですか?

しかし、私はウェブマスターツールを使用した場合、Googleとしてフェッチしてレンダリングすると、Googleのボットが何を見ているのか、私のページの訪問者は何も表示されません。 Googleのインデックスに特定のURLを追加することはできますが、Googleでは静的なindex.htmlファイルに入れたタイトルと説明タグのみを使用しますが、ネストされた反応ヘルメットのコンポーネントのタイトルと説明は得られません。誰もこれに経験がありますか?多くのことをよろしく!

答えて

0

あなたの質問に答えるには、必要なes6機能をポリファイリングしていることを確認してください。GoogleクローラーのJavaScript機能はかなり制限されています。たとえば、Array.findはありません。あなたはこれらのヒントを使用することができ、SEOを向上させるためのヒントについてはこちらをhttps://github.com/facebookincubator/create-react-app/issues/746#issue-179072109

をその詳細を読むことができます:

  1. あなたがこれは素晴らしい作品react-snapshothttps://www.npmjs.com/package/react-snapshotを使用して静的HTMLにビルド時に自分のページをプリレンダリングすることができますあなたのアプリに多くの動的コンテンツがない場合。

  2. prerender.io/netlifyやroast.ioのようなプレレンダリング機能を使用してスタティックホスティングを使用するなど、プレレンダリングサービスを使用できます。 prerender.ioについては、あなた自身でホストすることもできます!