SEO – Title Tag

The title tag is the clickable headline of a page in the search results. It is also the text which shows in the browser tab. It is one of the most important on-page SEO elements, because it tells both people and search engines what the page is about.

How to add a title tag

It goes inside the <head> of the HTML page:

<head>
  <title>SEO Title Tag: How to Write a Good Title (With Examples)</title>
</head>

How it looks in the search results

Example of a search result
https://tutorialsclass.com › seo-title-tag
SEO Title Tag: How to Write a Good Title (With Examples)
Learn how to write an SEO title tag with the right length, keyword and style. Simple examples of good and bad titles.
Title: 56 characters. Description: 117 characters.

The blue line is the title. The grey text below it is the description, see Meta Description.

Tips to write a good title tag

  • Make it unique. Every page needs its own title. Same titles on many pages confuse the search engines.
  • Keep the length about 50 to 60 characters. Google cuts the title by its pixel width, not by characters, so a long title may be shortened with “…”.
  • Put the main keyword near the start, but write for humans. The title should read naturally.
  • Describe the page honestly. If the title promises something that the page does not give, people leave fast.
  • Add your brand at the end if there is space: “Page Name | Brand”.
  • Do not stuff keywords. “Cheap shoes, buy shoes, best shoes online” looks like spam.
  • Use numbers and clear benefits when they are true, for example “7 Ways to …”.

Bad and good examples

Bad titleWhyBetter title
HomeSays nothingTutorials Class: Free Programming and SEO Tutorials
Shoes, Buy Shoes, Cheap Shoes, Best ShoesKeyword stuffingBuy Running Shoes Online - Free Delivery - ShoeShop
Untitled DocumentDefault text, not editedContact Us - Tutorials Class

Google can change your title

Google sometimes shows a different title than the one you wrote, for example if the title is too long, stuffed, or does not match the page. It can use your H1 or other text of the page. If this happens, make the title and H1 clear and similar to each other.

Title tag vs H1

The title tag is for the search results and the browser tab. The H1 is the main heading inside the page. They can be the same or a little different, but they should talk about the same topic. See Headings.

Note: In WordPress with Yoast SEO you can edit the “SEO title” and see a preview. Treat the green light as a help, not a rule. Next: Meta Description.

Congratulations! Chapter Finished. Learn more about the similar topics:
Exercises & Assignments
No Content Found.
Interview Questions & Answers
No Content Found.