react-meta-tags 在 <head> 中添加 <style>
react-meta-tags adds <style> in <head>
我正在使用 react-meta-tags add/update 我的 React 站点中的元标记。虽然它工作正常,但我注意到添加了很多标签,这些标签具有我的 css 文件中的样式。当我不使用 react-meta-tags 时,这些标签不存在。
现在,这些标签可以出现在 中吗?如果我保持原样,它将如何影响我的网站?我应该保持原样吗?如果您能给我一个详细的解释,我将不胜感激,因为我是 SEO(和 Web 开发)的新手并且现在对它的理解非常肤浅。
这些标签必须存在。发生的情况是您没有将实际代码发送到生产环境,而是将其最小化然后将其捆绑在一起。由于您使用的是 react ,因此浏览器本身无法支持 JSX
因此 react 会自动将您的代码捆绑在其中(运行时以及尽管不如生产效率高)并将 JSX
转换为不同的 HTML, CSS and JS
文件(以最小化形式)以确保您的网站快速可靠地工作,而不会出现来自不同 browser.So 的任何支持问题,请不要担心。虽然它确实可以实现更快的重新加载和更好的性能,这有助于 google 排名,但 SEO 完全是一个不同的游戏,你需要服务器端渲染并假设你正在使用 create-react-app
你正在与客户端一起使用侧面渲染。我的建议是不要专注于 SEO,只要确保您使用的语义元素目前就足够了。
我正在使用 react-meta-tags add/update 我的 React 站点中的元标记。虽然它工作正常,但我注意到添加了很多标签,这些标签具有我的 css 文件中的样式。当我不使用 react-meta-tags 时,这些标签不存在。
现在,这些标签可以出现在 中吗?如果我保持原样,它将如何影响我的网站?我应该保持原样吗?如果您能给我一个详细的解释,我将不胜感激,因为我是 SEO(和 Web 开发)的新手并且现在对它的理解非常肤浅。
这些标签必须存在。发生的情况是您没有将实际代码发送到生产环境,而是将其最小化然后将其捆绑在一起。由于您使用的是 react ,因此浏览器本身无法支持 JSX
因此 react 会自动将您的代码捆绑在其中(运行时以及尽管不如生产效率高)并将 JSX
转换为不同的 HTML, CSS and JS
文件(以最小化形式)以确保您的网站快速可靠地工作,而不会出现来自不同 browser.So 的任何支持问题,请不要担心。虽然它确实可以实现更快的重新加载和更好的性能,这有助于 google 排名,但 SEO 完全是一个不同的游戏,你需要服务器端渲染并假设你正在使用 create-react-app
你正在与客户端一起使用侧面渲染。我的建议是不要专注于 SEO,只要确保您使用的语义元素目前就足够了。