javascript - React Helm 未在 View 页面源代码中显示元标记，但在检查时显示在元素中

Question

我们有这个网站，我们使用这种方式在不同的页面中添加元标记。

<Helmet>
 <title>THIS IS TITLE</title>
 <meta
  name="description" 
  content="THIS IS CONTENT" />
</Helmet>

当我点击此页面的路线时，我看到标题发生了变化。我在元素中看到元标记，但在查看页面源代码中没有看到该页面的元标记。出了什么问题以及我们如何解决这个问题。根据我们的搜索引擎优化专家的说法，它应该出现在查看页面源代码中。

注意:这是一个客户端渲染的应用程序。

Answer 1

这是因为react(和react-helmet)是前端工具(除非您正在进行服务器端渲染)，并且查看源浏览器的功能会向您显示从服务器下载的原始源，而“检查”操作正在显示实际的 DOM。

这意味着什么？

您的用户通常会看到新的元标记，因此 Google Bot(最近开始执行 JavaScript)会看到新的元标记，但不会看到其他抓取服务或搜索引擎。

如果您想定位其他搜索引擎:执行 SSR。