HTML Title Tag 2020: Craft Ideal Title Tag for a Website

What is the title tag?

A title tag is a summary to specify a webpage in the Google SERP. This is the initial section of a webpage which is noticed by users who are looking for information or product on Google.

It can be referring to a brief sentence that is short but in-depth enough to represent a webpage.

A title tag is set in the header segment of a webpage in the HTML order.

Read Also:

Page visitors can see a Meta title in three ways:

  • The first time, when they see the website listing in the Google SERP page.
  • Second, the Tab section when you hover the mouse over them it displays a text format containing its title tag.
  • The third is when you go into HTML resources by pressing control + U. then find it by typing control + F and look for <title>.

A webpage should have one title tag. If title tags are implemented multiple times, Google then follows the first title tag.

Most of CMS based themes come with custom HTML formations.

Fundamental HTML setup of a title tag – 


<title> text </title>


Google guidelines for the configuration of a title tag:-

Characters’ limits for a title tag should be around 60-70 (it is recommended size). Not essential to be followed.

Pixel Length should be approx up to 600.

Why use the title tag and How the Meta title influence the ranking?

A title tag is necessary to be installed. Otherwise, Google will extract some content form the page and display it on SERP.

It would be better if you provide a unique title tag to Google by following the correct HTML strategy.

As I above said, a title tag has the potential to grab more visitors and clicks on a webpage in case if you approach the right keyword grouping.

In this way, a website CTR (click-through rate) can be enhanced or declined.

Substantially, designing a title is one-time work that you can perform once in a month for a single page.

If you are changing a page title frequently (3-10 times in a month). It would not be the best exercise. (Google takes around 10-15 days to crawl and compose the results accordingly)

Title tag affects the keyword ranking in SERP and users’ reactions towards a webpage.

While in the title tag, more than 60-70 characters are summed, then Google will cut off the additional figures therefore and represent a short Meta title.

Below this picture you can learn more:-

Example Title Tag

This page is employing just 18 characters and headed over the second position for this keyword “Free SSL certificate”.

Means short title (in characters) not affecting the ranking. But maybe it is hitting the CTR. (Means impressions can be high relatively clicks).

Fewer clicks cannot be good as you are ranking for clicks, not just impressions.

If you apply a short size less than advised 60-70, then it will not affect the SEO anyway.

If you increase the size higher than suggested, even then you are safe. Google will not penalize you.

Now, let me take you into pixel formation:- 

There are two images for example

Pic #1

Pic first title tag example

This title is showing 59 characters incorporating the website name itself.

And the pixel size is 498 that is less than prescribed. So Google is producing a complete tile tag in the SERP for this page

What is the reason behind this that complete title text is appearing in the SERP?

Because, in the backend source, the page is using just 59 characters that are very less than the recommended size.

And the title tag sequence is producing 498 pixels that are also at the very least.

The text has not any large words whether in capital or small words sections. Two “|” signs are being employed inside the tag.

Pic #2

pic 2 title tag example

Only 50 characters are emerging out of 69 and the pixel size is 584.

This is the backend:

How to Get a Free SSL Certificate for Your Website (Beginner’s Guide)

Result is

69 characters are the maximum recommended limit.

All the words are beginning with a capital letter. And the end of the text contains braces.


If the user can keep short text like around 60 characters, then chances are higher that whole title tag text will perform in SERP.

How to Optimize Meta Title

No need to follow 60-70 characters and 600 pixels rule

In the above examples, you have observed there is not obligated to manage 60-70 characters to get ranked.

Also, pixel length is just for displaying whole text not the ranking factor.

Just go with the flow and a natural arrangement.

Follow Uniqueness

Do not imitate the title tag from competitors’ websites.

Craft uncommon and original text for the title tag.

Another hand, also don’t copy the formation of a title tag.

Strictly avoid keyword stuffing. You must not repeat the same words.

Understand the character Size and Pixel Size

First off, make a list of characters you are going to add (small letter and capital letter both).

Analyze them which letters extending the pixel size the most. If they are not fit into title tag then find their alternatives.

Utilize this tool to review text.

Craft Relevant

You title tag must be relevant to the webpage for which you are producing and queries which are being searched.

It is not possible to write title tag for each query but find the most searchable phrase and terms.

Focus on Keywords

List your primary and secondary keywords.

Keyword ranking is your main objective so insert the most valuable phrase into the title tag.

Note: Try to add a primary keyword at the beginning of the title tag, not in the last or mid.

Once uniting the primary phrase, LSI or long-tail terms can be placed in the text to fulfill the remaining space.

Add Brand Phrase

Are you just running behind the ranking or building a brand?

You should attach your website name or company name as the last division of this Meta tag.

Sometimes, Google extracts the website name to demonstrate in the 60-70 characters.

Utilize Real-Time

Real-time year-name or month-name would make a title tag more effective and renewed.

Google prefers to rank real-time and fresh title tags.

Update Your Title Tag

Do not need to update a title daily basis.

Update it once in two months. It is sufficient. There is a reason behind it, it comes from my personal experience.

Make Your Title Tag for Humans

Mainly, you are targeting humans, so your title should be based on human behaviors. You can learn this by going through the competitors’ reports.

Do not Follow Stop Words

Stop words do not present the relevant sense in the title tag as you are delivered little area to perform so keep your title tag away from stop words:

  • and
  • thus
  • that
  • for
  • we
  • her
  • am
  • be
  • because
  • before
  • below
  • their
  • from
  • won’t
  • if
  • itself
  • into
  • and more

Insert Power and Eye-Catching Words

Make your title tag for users. Implement a few words into text that grab the attention of searchers and it may also help to boost up a click-through rate.

Plant some power words to get your title clicked.

  • Proven
  • Tested
  • Guaranteed
  • Authentic
  • Remarkable
  • Amazing
  • Excellent
  • Exclusive
  • Attractive
  • Genuine
  • Gigantic
  • Special offer
  • Trust
  • Unique
  • Ultimate
  • Stunning

Also, Employ Some Actions Words:

Actionable words may hack the viewers mindset and force them to click on the listing.

  • Get
  • Grab
  • Signup
  • Register
  • Buy
  • Buy now
  • Cheap
  • Affordable
  • Subscribe
  • Sign up today
  • Limited offer
  • Discounts
  • Free Offer

Type of Title Tag

There are three sorts of the title tag

First for search engines

It is a regular title tag that is exposed to search engine users who are investigating information in the organic listing.

In this case, you have the privilege to launch a title tag. Google will follow it.

For Social Media

Facebook and Twitter have their personal OG Meta tags.

OG Meta tags are HTML elements to create titles for social media platforms mainly for FB and twitter.

You can get benefits by following OG Meta tags and rather there are not any characters or pixel limitations. It is the next chance to expand the keywords.

If you have the right audience base on social media pages or want to develop the performance then opt for the OG Meta tags.

It will not harm the organic search title tag in any case.

For PPC Search Ad

Google AdWord lets you create a title for search ads. You are allotted 30 characters limit for two sections of title tags. Both sections are separated by pipe (|) segments.

Three Separator Signs are utilized the most in the title tag.

Such symbols are intended to address the difference between the words and develop a path to be followed by crawlers.

Key Points:

No necessary to implement. A title tag could be made without hosting separator sings. If you apply wrong sings then it may shrink the webpage ranking.

  • : colon – It is used to describe something in the title tag.
  • | pipe – It creates the separation between the segments
  • – hyphen – It works for joining the two words showing their relation.
  • () curved brackets – To specify a unique term.
  • {} curly brackets – As same as curved brackets
  • [] square brackets – As the same as curved brackets
  • , comma – part of the sentence means, follow the sentence till the full-stop. when you show the alternative words in a single sentence.


Write 60 characters title tag along with 480 pixels. This size of the HTML title tag will appear in the search engine result page.

Also Read:

2 thoughts on “HTML Title Tag 2020: Craft Ideal Title Tag for a Website”

Leave a Comment