How to dynamically change a web page's title?

Question

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.

Now there is a requirement to change the page title according to the tab selected on the page ( for SEO reasons ). Is this possible? Can someone suggest a solution to dynamically alter the page title via javascript without reloading the page?

Answer 1

You can try using the document.title = "This is the new page title.";, 

This will defeat the purpose of SEO. If you want this to be compatible with most of the important crawlers, then you need going to need to change the title tag itself, which will involve reloading the page (PHP, or the like). But, if you want to change the page title in a way that a crawler can see.