Wie aktualisiere ich den Titel einer Webseite in Echtzeit?

Question

Ich habe eine Webseite, die eine Reihe von Registerkarten implementiert, wobei jede Registerkarte unterschiedliche Inhalte anzeigt. Durch Klicken auf die Registerkarte wird die Seite nicht aktualisiert, sondern der Inhalt wird auf der Clientseite ausgeblendet/angezeigt.

Es besteht nun die Anforderung, den Seitentitel basierend auf der auf der Seite ausgewählten Registerkarte zu ändern (aus SEO-Gründen). Ist das möglich? Kann jemand eine Lösung anbieten, um den Seitentitel dynamisch über Javascript zu ändern, ohne die Seite neu zu laden?

Answer 1

我想要从未来向你打个招呼 :) 最近发生的事情：

1. Google现在可以运行你网站上的javascript代码¹
2. 人们现在使用像React.js、Ember和Angular这样的工具来运行页面上的复杂javascript任务，而且Google仍然可以索引到它们¹
3. 你可以使用html5的历史API（pushState、react-router、ember、angular），这样你可以为每个要打开的选项卡设置单独的URL，而Google会对其进行索引¹

所以，回答你的问题，你可以安全地通过javascript更改标题和其他元标签（如果你想支持非Google搜索引擎，你还可以添加类似于https://prerender.io的东西），只要将它们作为单独的URL可访问（否则Google怎么知道它们是不同的页面并在搜索结果中显示呢？）。在用户通过点击某些内容后更改与SEO相关的标签很简单：

if (document.title != newTitle) {
    document.title = newTitle;
}
$('meta[name="description"]').attr("content", newDescription);

只要确保在robots.txt中不阻止CSS和javascript的加载，你可以在Google网站管理员工具中使用Fetch as Google服务。

1: http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

Answer 2

更新：根据SearchEngineLand上的评论和参考资料，大多数网络爬虫将索引更新后的标题。下面的答案已经过时，但代码仍然适用。