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

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

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

当前回答

也许你可以在一个字符串中加载你的标题上所有的选项卡标题，然后一旦你加载其中一个选项卡，通过javascript改变标题

首先把你的标题设置为

my app | description | contact | about us |

一旦你加载一个标签运行:

document.title = "my app | tab title";

其他回答

我使用一个单独的头，并包括它使用php，在头我使用:

<?php
if (!isset($title)){
    $title = "Your Title";
  }
  else {
    $title = $title;
  }
 ?>
<head>
<title><?php echo $title; ?></title>

然后在每一页我使用:

<?php
  $title = "Your Title - Page";
  include( "./header.php" );
?>

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

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

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

但是为了得到SEO的配合

当页面发生变化时，你需要重新加载页面，这样搜索引擎才能看到不同的标题等等。

因此，确保页面重新加载工作，然后再添加文档。标题修改

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

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

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

推荐文章