现代爬虫程序能够解析DOM中动态生成的内容，因此使用document。标题=…完全没问题。

你可以使用JavaScript。一些机器人，包括谷歌，将执行JavaScript以获得SEO的好处(在SERP中显示正确的标题)。

document.title = "Google will run this JS and show the title in the search results!";

但是，这更复杂，因为您在不刷新页面或更改URL的情况下显示和隐藏选项卡。也许添加一个锚会像其他人所说的那样有所帮助。我可能需要收回我的回答。

有积极效果的文章: http://www.aukseo.co.uk/use-javascript-to-generate-seo-friendly-title-tags-1275/ http://www.ifinity.com.au/2012/10/04/Changing_a_Page_Title_with_Javascript_to_update_a_Google_SERP_Entry

不要总是假设bot不会执行JavaScript。 http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157 谷歌和其他搜索引擎都知道，索引的最佳结果是实际终端用户将在浏览器中看到的结果，包括JavaScript。

我只是想在这里添加一些东西:如果您通过AJAX更新数据库，通过JavaScript更改标题实际上是有用的，因此标题更改而无需刷新页面。标题实际上是通过你的服务器端脚本语言改变的，但通过JavaScript改变它只是一个可用性和UI方面的事情，让用户体验更加愉快和流畅。

现在，如果你只是为了好玩而通过JavaScript更改标题，那么你不应该这样做。

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

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

想到的一种方法，可能有助于搜索引擎优化，仍然有你的标签页，因为他们将使用命名锚对应于每个标签，如:

http://www.example.com/mypage#tab1, http://www.example.com/mypage#tab2等。

您需要服务器端处理来解析url，并在浏览器呈现页面时设置初始页面标题。我还会把这个标签设置为“活动”标签。一旦页面被加载，一个实际的用户正在切换标签，你将使用javascript来改变文档。标题如其他用户所述。

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

可疑的方法

在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);
});