Reactを使用している間に静的ホームページを作成するにはどうすればよいですか？

Question

私の理解では、React.jsはSEOに優しいものではありません。私は自分のホームページを静的にし、リアクションをレンダリングに関与させないようにして、できるだけフレンドリーなSEOとして最適化できるようにしたい。これを行う最善の方法は何ですか？

Answer 1

React renderToStringメソッドを利用するserver side renderingメソッドを使用する必要があります。動的Webサーバーが必要です。 Here's a tutorial.

renderToString（）

その初期HTMLに反応する要素をレンダリングします。これはサーバー上でのみ としてください。 ReactはHTML文字列を返します。この メソッドを使用すると、サーバーにHTMLを生成し、高速ページロードのための最初のリクエストで のマークアップを送信し、検索エンジンで がSEO目的でページをクロールできるようにすることができます。

すでにこの サーバーレンダリングのマークアップを持つノード上ReactDOM.render（）を呼び出すと、それを維持し、唯一のあなたは非常にパフォーマンスの最初の負荷 経験を持ってすることができ、イベント ハンドラを添付します反応します。