我有一个使用客户端渲染的React(redux)应用程序。我希望我的网站描述和标题可以被谷歌抓取(它们似乎抓取异步的东西,因为我的网站在谷歌中显示我的h1标签中的文字很好)所以我找到了一个名为react-helmet的库,它建立在react-document-图书馆。这个库允许我根据我当前的路线更改文档标题和描述。
所以这是我的问题:
答案 0 :(得分:1)
按照React Helmet服务器渲染文档:https://github.com/nfl/react-helmet#server-usage。
答案 1 :(得分:1)
使用Google Search Console查看Google如何抓取您的网站,以及启动网页抓取/索引:https://www.google.com/webmasters/tools/
至于instagram如何在客户端应用程序中显示元标记 - 当他们检测到爬虫或机器人正在查看时,它们可能会呈现并提供静态内容服务器端。您可以自己为内容执行此操作,而无需将整个应用程序转换为服务器端呈现。谷歌预呈现服务。 (我不会提及任何例子,因为我不想在没有意见的情况下提高他们的搜索引擎优化。)
另一种选择是静态渲染您的React应用程序,并在必要时提供它。请参阅Graphcool的准备(似乎稍微过时),react-snap和react-snapshot。所有这些都在本地服务器上呈现网站并下载呈现的html文件。如果你需要的只是<head>
那么你应该是好的!