如何在仍然使用React的情況下製作靜態主頁？

從我的理解，React.js不是SEO友好的。我想讓我的主頁變成靜態的，並且沒有React參與渲染，這樣我就可以優化它，使其儘可能地適合SEO。什麼是最好的方法來做到這一點？如何在仍然使用React的情況下製作靜態主頁？

2017-07-07 Charlie Heflin

StackOverflow不是一個建議論壇;你需要做你自己的研究。請更新您的答案，提供更多詳細信息，包括您所看到的內容，您想採取的方法，從哪裏獲得研究成果等。 – Soviut

* React.js不是SEO友好的*這是一個頗有見地的評論;僅僅因爲React.js可以產生不友好的代碼並不意味着每一段代碼都是這樣的...... – Claies

您需要使用server side rendering，它利用React renderToString方法需要動態Web服務器。 Here's a tutorial.

renderToString（）

渲染一個陣營元件到其初始HTML。這隻能在服務器上使用。 React將返回一個HTML字符串。您可以使用此方法在服務器上生成HTML，並在初始請求上向下發送標記，以加快頁面加載速度，並允許搜索引擎抓取您的網頁以實現SEO目的。

如果你已經有這個服務器呈現標記一個節點上調用ReactDOM.render（），陣營將保留它，只重視事件處理程序，讓您有一個非常高性能的第一負荷經驗。

來源

2017-07-07 01:51:20 Doug

請更新您的答案，而不是非現場鏈接。如果那篇文章消失了，那麼你的答案變得毫無用處。 – Soviut

不同意。該教程是一個參考。問題的答案是服務器端渲染。 – Doug

這看起來像我在找什麼，謝謝 –

如何在仍然使用React的情況下製作靜態主頁？

回答

相關問題