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

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

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

当前回答

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

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

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

2013-06-03 16:42:20

其他回答

代码是文档。Title = 'test'

2009-01-05 15:27:08

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

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

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

2009-01-05 17:28:55

你可以使用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。

2015-11-25 21:21:34

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

2016-06-04 19:18:40

由于搜索引擎忽略了大多数javascript，因此您需要使搜索引擎能够使用标签而不使用Ajax进行抓取。使用href将每个选项卡设置为链接，以加载选中该选项卡的整个页面。然后页面可以在标签中包含该标题。

onclick事件处理程序仍然可以通过ajax为人类查看者加载页面。

要像大多数搜索引擎看到的那样查看页面，请关闭浏览器中的Javascript，并尝试使其具有这样的功能，即单击选项卡将加载选中的选项卡和正确的标题的页面。

如果你通过ajax加载，你想用Javascript动态地改变页面标题，那么做:

document.title = 'Put the new title here';

但是，搜索引擎不会看到javascript中所做的这个更改。

2013-12-14 15:33:22

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

推荐文章

最新文章

标签