【问题标题】:react-meta-tags adds <style> in <head>react-meta-tags 在 <head> 中添加 <style>
【发布时间】:2021-11-29 18:02:16
【问题描述】:

我正在使用 react-meta-tags 在我的反应站点中添加/更新元标记。虽然它工作正常,但我注意到添加了很多标签,这些标签具有我的 css 文件中存在的样式。当我不使用 react-meta-tags 时,这些标签不存在。

现在,这些标签可以出现在 中吗?如果我保持原样,它将如何影响我的网站?我应该保持原样吗?如果您能给我一个详细的解释,我将不胜感激,因为我是 SEO(和网络开发)的新手,现在对它的了解非常浅。

【问题讨论】:

    标签: reactjs meta-tags


    【解决方案1】:

    这些标签必须存在。发生的情况是,您没有将实际代码发送到生产环境,而是将其最小化,然后为此捆绑它。由于您使用的是 react ,因此浏览器无法单独支持 JSX ,因此 react 会自动将您的代码捆绑在(运行时以及虽然不如生产中高效)并将 JSX 转换为不同的 HTML, CSS and JS 文件(以最小化形式) 以确保您的网站快速可靠地运行,而不会出现来自不同浏览器的任何支持问题。所以不用担心。虽然它确实可以实现更快的重新加载和更好的性能,这有助于提高谷歌排名,但 SEO 是一个完全不同的游戏,你需要服务器端渲染并假设你使用的是create-react-app,你正在使用客户端渲染。我的建议不要专注于搜索引擎优化,而只是确保您使用的语义元素目前就足够了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-06-28
      • 1970-01-01
      • 2011-03-14
      • 2022-01-25
      • 2011-04-20
      • 2014-03-23
      • 2021-12-12
      相关资源
      最近更新 更多