SharePoint Page Title Does Not Change

Question

So I have created a bunch of SharePoint site pages where the title is just the SiteName.aspx in the Web Browser's title bar.

By default, the SharePoint title also appears in the top left of the SharePoint page which I removed with the following CSS styling:

.ms-core-pageTitle {
    display: none;
}

This removes that ugly SharePoint title from the page so I can create a better heading with CSS and HTML. Could this styling be an issue preventing the Web Browser title bar from accepting the new title?

I tried changing the title in the page settings as well and it doesn't update.

Answer 1

If you hide the page title using CSS it will not effect the page title in browser's tab.

Page title which is shown in browser's tab is stored under <title> tag of page.

If you want to change it using code then you can use this JavaScript:

document.getElementsByTagName('title')[0].innerText = "New Site Page Name"