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

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

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

当前回答

对于那些寻找它的NPM版本的人，有一个完整的库:

npm install --save react-document-meta

import React from 'react';
import DocumentMeta from 'react-document-meta';

class Example extends React.Component {
  render() {
    const meta = {
      title: 'Some Meta Title',
      description: 'I am a description, and I can create multiple tags',
      canonical: 'http://example.com/path/to/page',
      meta: {
        charset: 'utf-8',
        name: {
          keywords: 'react,meta,document,html,tags'
        }
      }
    };

    return (
      <div>
        <DocumentMeta {...meta} />
        <h1>Hello World!</h1>
      </div>
    );
  }
}

React.render(<Example />, document.getElementById('root'));

2018-01-03 09:27:17

其他回答

代码是文档。Title = 'test'

2009-01-05 15:27:08

使用document.title。

请参阅本页的基本教程。

2009-01-05 15:27:46

但是为了得到SEO的配合

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

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

2009-01-05 15:36:56

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

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

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

2013-06-03 16:42:20

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

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

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

2009-01-05 17:28:55

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

推荐文章

最新文章

标签