时间戳

首页 > 解决方案 > 如果我们导航到其他页面，为什么在反应 js 中显示 seo 的 index.html 标记？

javascript - 如果我们导航到其他页面，为什么在反应 js 中显示 seo 的 index.html 标记？

问题描述

我是 react js 的新手，试图为网站设置 SEO，但它首先向我显示 index.html 标签，然后我在标签中设置的标签显示在下面的 head 标签中我只想显示该页面的特定元标签...如何要在反应js中做到这一点，请帮助我......

在此处输入图像描述

在此处输入图像描述

标签： javascripthtmlreactjsseo

解决方案

在 React 中，做 SEO 的最首选方式是使用react-helmet

尝试react-helmet在 react 应用程序中设置您的 SEO 标签。

还从 index.js 中删除所有 SEO

代码非常简单。

import React from "react";
import {Helmet} from "react-helmet";

class Application extends React.Component {
  render () {
    return (
        <div className="application">
            <Helmet>
                <meta charSet="utf-8" />
                <title>My Title</title>
                <link rel="canonical" href="example.com" />
            </Helmet>
            ...
        </div>
    );
  }
};

React 头盔的功能

  • 支持所有有效的头部标签：title、base、meta、link、script、noscript 和 style 标签。
  • 支持body、html和title标签的属性。
  • 支持服务器端渲染。
  • 嵌套组件会覆盖重复的头部更改。
  • 在同一个组件中指定重复的头部更改时会保留（支持“apple-touch-icon”等标签）。
  • 用于跟踪 DOM 更改的回调。

推荐阅读