如何动态更改网页的标题?

我有一个网页，实现了一组选项卡每个显示不同的内容。单击选项卡不会刷新页面，而是隐藏/取消隐藏客户端的内容。

现在需要根据页面上选择的选项卡更改页面标题(出于SEO原因)。这可能吗?有人能建议一个解决方案，通过javascript动态改变页面标题，而不重新加载页面?

当前回答

代码是文档。Title = 'test'

2009-01-05 15:27:08

其他回答

我想从未来向你问好:)最近发生的事情:

谷歌现在运行javascript，是在你的网站1 人们现在使用React.js、Ember和Angular在页面上运行复杂的javascript任务，而且它仍然被Google1索引你可以使用html5历史api (pushState, react-router, ember, angular)，它允许你做一些事情，比如为你想打开的每个选项卡设置单独的url，谷歌将索引that1

所以为了回答你的问题，你可以安全地从javascript中更改标题和其他元标签(如果你想支持非谷歌搜索引擎，你也可以添加一些像https://prerender.io这样的东西)，只是让它们作为单独的url访问(否则谷歌如何知道这些是要在搜索结果中显示的不同页面?)更改SEO相关标签(在用户通过点击更改页面后)很简单:

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

只要确保css和javascript没有在robots.txt中被阻止，你可以在谷歌网站管理员工具中使用Fetch作为谷歌服务。

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

2016-02-04 08:26:32

最简单的方法是从index.html中删除<title>标签，并包含

<head>
<title> Website - The page </title></head>

在网络的每一页。蜘蛛会发现这一点，并将显示在搜索结果:)

2013-06-03 16:42:20

使用document.title。

请参阅本页的基本教程。

2009-01-05 15:27:46

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

2009-01-05 16:04:28

代码是文档。Title = 'test'

2009-01-05 15:27:08

如何动态更改网页的标题?

推荐文章

最新文章

标签