A web page contains both a page name and a page title. The page name appears in your website navigation and is part of the page's URL. For example, if your page name is "About us", the page URL would typically be https://domain.com/about-us.
The page title, on the other hand, doesn't show anywhere on your web page. It provides information to search engines and browsers about what the page is called. Page titles are displayed in search engine results and on browser tabs and bookmarks. This also means that page titles can be different from page names. For example, a page with the name "About us" could have a title such as "About us | The Donut Shop" or "About The Donut Shop".
In the Editor, you can automate page title creation by pulling in both the page name and any piece of Global Data that you wish to use.
How to set it up
- Open up your Page settings menu from Pages > Manage pages > click the 3 dots next to the relevant page > Edit settings. Read more here.
- In the SEO section, find the Page title field and type in the desired syntax. To pull in the page name, type in {page_name}. To pull in a piece of Global Data, type in the data name in square brackets [ ], for example [company_name]. Read more about adding Global Data tags here. You can also add any other text or symbols you like.
Do it on your templates
By setting up auto-generated page titles on your templates, you ensure that pages always have unique titles without any need for you or the end user to manually update them.
Here are a few examples of syntaxes:
{page_name} | [company_name]
{page_name} | [company_name], [city]
{page_name}
[company_name] - {page_name}