使用文档。标题是如何在JavaScript中完成它，但这应该如何协助SEO?机器人通常不会在遍历页面时执行javascript代码。

对于那些寻找它的NPM版本的人，有一个完整的库:

npm install --save react-document-meta

import React from 'react';
import DocumentMeta from 'react-document-meta';

class Example extends React.Component {
  render() {
    const meta = {
      title: 'Some Meta Title',
      description: 'I am a description, and I can create multiple tags',
      canonical: 'http://example.com/path/to/page',
      meta: {
        charset: 'utf-8',
        name: {
          keywords: 'react,meta,document,html,tags'
        }
      }
    };

    return (
      <div>
        <DocumentMeta {...meta} />
        <h1>Hello World!</h1>
      </div>
    );
  }
}

React.render(<Example />, document.getElementById('root'));

有很多方法可以改变标题，主要有两种:

可疑的方法

在HTML中放入title标签(例如<title>Hello</title>)，然后在javascript中:

let title_el = document.querySelector("title");

if(title_el)
    title_el.innerHTML = "World";

明显正确的方法

最简单的方法是实际使用文档对象模型(DOM)提供的方法

document.title = "Hello World";

前一种方法通常用于更改文档正文中的标记。使用这种方法来修改元数据标签，就像在头部(如title)中发现的那样，这是一种值得怀疑的做法，不是惯用的，不是很好的风格，甚至可能无法移植。但你可以肯定的一点是，如果其他开发者看到你的标题，他们会很恼火。innerHTML =…他们维护的代码。

你想要的是后一种方法。这个属性是在DOM规范中提供的，顾名思义，专门用于更改标题。

还要注意，如果使用XUL，可能希望在尝试设置或获取标题之前检查文档是否已加载，否则将调用未定义的行为(这里是龙)，这本身就是一个可怕的概念。这可以通过JavaScript实现，也可以不实现，因为DOM上的文档不一定属于JavaScript。但是XUL是完全不同的东西，所以我离题了。

说到.innerHTML

要记住的一些好建议是，使用. innerhtml通常是草率的。请改用appendChild。

虽然在两种情况下，我仍然发现.innerHTML是有用的，包括插入纯文本到一个小元素…

label.innerHTML = "Hello World";
// as opposed to... 
label.appendChild(document.createTextNode("Hello World"));
// example:
el.appendChild(function(){
    let el = document.createElement("span");
    el.className = "label";
    el.innerHTML = label_text;
    return el;
}());

.．.清理一个集装箱…

container.innerHTML = "";
// as opposed to... umm... okay, I guess I'm rolling my own
[...container.childNodes].forEach(function(child){
    container.removeChild(child);
});

我看不出如何通过Javascript改变页面标题将有助于SEO。大多数(或所有)搜索机器人不运行Javascript，只会读取最初加载的标题。

如果你想帮助SEO，那么你将需要在后端改变页面标题，并服务于不同版本的页面。

使用document.title。

请参阅本页的基本教程。

为了让任何爬虫程序注意到这个变化，您必须用一个新的标题重新提供页面。通过javascript这样做只会让人类读者受益，爬虫不会执行这些代码。