发表新帖
发表新帖

How to dynamically change a web page's title?

前端 未结
关注
19 1440
遇见更好的自我
遇见更好的自我 2020-11-22 08:05

I have a webpage that implements a set of tabs each showing different content. The tab clicks do not refresh the page but hide/unhide contents at the client side.

No

相关标签:
19条回答
  • 不知归路
    2020-11-22 08:40

    Use document.title. It will be useful for most things, but it will destroy SEO on your website.

    Example:

    document.write("title - " + document.title + "<br>");
document.title = "New title here!";
// Notice: this will defeat purpose of SEO. Not useful for SEO-friendly sites.
document.write("title - " + document.title + "<br>");
    body {
  font-family: Consolas, 'Courier New', monospace;
}
    <!DOCTYPE html>
<html>
  <head><title>Old title</title></head>
  <body><p>
    Lorem ipsum dolor sit amet, at movet detraxit mediocritatem eam, nam iusto abhorreant ne. Ei pro          debet adolescens voluptaria, eu minim scaevola conceptam vel. Vim ea torquatos constituto                complectitur, usu eu civibus insolens eleifend. Ex ubique quaerendum his.

  </p></body>
</html>

    0 讨论(0)
  • 不要未来只要你来
    2020-11-22 08:40

    Google mentioned that all js files rendered but in real, I've lost my title and another meta tags which had been provided by Reactjs on this website and actually lost my position on Google! I've searched a lot but it seems that all pages must have pre-rendered or using SSR(Server Side Rendering) to have their SEO-friendly protocole!
    It expands to Reactjs, Angularjs , etc.
    For short, Every page that has view page source on browser is indexed by all robots, if it's not probably Google can index but others skip indexing!

    0 讨论(0)
  • 眼角桃花
    2020-11-22 08:44

    The simplest way is to delete <title> tag from index.html, and include 

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

    in every page in the web. Spiders will find this and will be shown in search results :)

    0 讨论(0)
  • 你的背包
    2020-11-22 08:47

    You'll have to re-serve the page with a new title in order for any crawlers to notice the change. Doing it via javascript will only benefit a human reader, crawlers are not going to execute that code.

    0 讨论(0)
  • 无人及你
    2020-11-22 08:47

    I just want to add something here: changing the title via JavaScript is actually useful if you're updating a database via AJAX, so then the title changes without you having to refresh the page. The title actually changes via your server side scripting language, but having it change via JavaScript is just a usability and UI thing that makes the user experience more enjoyable and fluid.

    Now, if you're changing the title via JavaScript just for the hell of it, then you should not be doing that.

    0 讨论(0)
  • 故里飘歌
    2020-11-22 08:48

    Use document.title.

    See this page for a rudimentary tutorial as well.

    0 讨论(0)
 看不清?
提交回复
热议问题