The page title in the <title> element is the one displayed on the search engine results page. This may or may not be the one you want to display to your users on your site.

WordPress πŸ”ŽπŸ“ˆ SEO plugins do a good job of keeping the two separate, offering an β€œSEO title” field that is distinct from the page’s title. Outside that context, you will probably need to create this separation yourself by using different text in the <title> element than you use in your page’s <h1> heading.

Example

A recent article on my site was titled Confessions of a 0.8x Developer on my site (the <h1> visible page title) while the SEO title (the <title> element) was How I built a web development career w/o being fast or smart. This additional context will make the article much more appealing in the search engine results page but the on-page title is punchier and has everything a user already on my site needs to know.