Meta Title

TL;DR
A meta title, or title tag, represents a website or page title as shown in the search engine result pages, and it can be customized for each page in order to provide relevant and compelling information based on the used keywords in the search engine.
What is a meta title?
The meta title is the website title as read by a search engine and displayed in the search engine result pages.
How to add a meta title
The HTML code to add a converting and branded meta title should be placed in the site's header using the title tag.
Code sample:
<head>
<title> My site Title | My Brand </title>
</head>
The optimal length of the meta title should be based on how search engines display the site in the results pages. As an example, Google usually displays around 60 - 70 characters for a meta title for desktop screens and 55 - 78 characters for mobile screens.
How to write a meta title
This is what people see in the search engine results pages, so make sure to write a clear, compelling, and clickable title. Here are a few best practices to consider when writing the meta title:
- Summarize the page content as accurately as possible
- Use different titles for each page, so the search engines can provide the right page to searchers based on the used keyword
- Be descriptive and concise
- Use the keywords that best describe the page topic
- Add the site and business brand
Title sample
To make sure you apply best practices, here is a meta title sample:
Primary Keyword - Secondary Keyword | Brand Name
or
Brand name | Primary keyword - Secondary Keyword.
If we apply this sample to our own website, here's how it should look:
Brand name: Website Statistics, Heatmaps, Visitor Recordings
or
Simple website tracking | Statistics, Heatmaps, Recordings