What is the title tag?
The <title> tag defines the title of your HTML document. It appears in:
- Browser tabs — The text shown in the tab
- Search engine results — The clickable headline in Google, Bing, etc.
- Social media fallback — When og:title is missing, platforms use this
- Bookmarks — The default name when users bookmark your page
Why is it critical?
The <title> tag is widely considered the single most important on-page SEO element:
- Google uses it as the primary signal for understanding page content
- It's the first thing users see in search results
- It directly impacts click-through rate (CTR) from search
- Pages without a title may be poorly indexed or ranked
How to fix it
Add a <title> tag inside your <head>:
<head>
<title>Your Compelling Page Title — Your Brand</title>
</head>Best practices
- 50-60 characters — Google displays approximately 50-60 characters in search results
- Unique per page — Every page should have a distinct title
- Front-load keywords — Put the most important words first
- Include your brand — Add your brand name at the end with a separator (| or —)
- Be descriptive — Accurately describe what the page is about
Examples
Good titles:
How to Build a REST API with Node.js — DevBlogPremium Wireless Headphones | Free Shipping | TechStoreContact Us — Get Help in 24 Hours | YourBrand
Bad titles:
Home— Too vagueUntitled Document— Default placeholder- Empty or missing — Worst case