Content Marketing Glossary

  • What is Title Tag?

What is Title Tag?

Title Tag

Title Tag is the HTML <title> element inside a web page’s <head> section - the text that appears in the browser tab, as the clickable headline in search results, and as the default link text when the page is shared on social or messaging platforms. It’s the single most visible piece of on-page SEO metadata, one of the oldest-established ranking signals, and still among the most impactful levers a marketer can pull on an existing page.

Where the title tag appears

Four surfaces the same 50–60 characters populate:

Browser tab. The text shown on the tab. On desktop, typically 20–30 characters visible before truncation; on mobile browsers, even less.

Google search result. The large clickable blue headline. Usually displays 50–60 characters before Google truncates or rewrites. Google increasingly rewrites title tags it judges suboptimal; a well-written title is less likely to be overridden.

Social link previews. When Open Graph meta tags are absent, platforms fall back to the title tag for shared-link previews. Ship with explicit OG tags to prevent this, but the title tag is the last-resort default.

Browser bookmarks. The default bookmark name is the title tag. Users can rename, but few do - so the title tag is what lives in their bookmark folders.

What makes a good title tag

Six practical rules:

Length: 50–60 characters. Long enough to be specific, short enough that Google doesn’t truncate with an ellipsis. The character count includes spaces. Some SEO tools pixel-measure instead, which is a more accurate gauge since character width varies.

Primary target keyword near the front. If the page targets “content marketing strategy”, lead the title with that phrase. Front-loading matters both for the CTR eye-scan and for ranking signal.

Brand name at the end. “Content Marketing Strategy Guide | Penfriend” rather than “Penfriend: Content Marketing Strategy Guide”. The exception is for branded queries where the brand should lead.

Compelling to click. The title has to win the SERP click against competitors. Specificity, numbers, and promise-of-value outperform generic descriptions. “How to reduce ad-spend waste” beats “A guide to advertising efficiency”.

Unique per page. Duplicate title tags across multiple pages confuse both users and crawlers. A template-based site should template the title tag to include the page-specific variable: “{{Page Title}} | Penfriend”.

Accurate. Titles that promise content the page doesn’t deliver get clicks but trigger fast bounces and eventual ranking loss. Honesty outperforms clickbait over any meaningful time horizon.

Title tag versus H1 heading

Two frequently-confused elements:

Title tag lives in the <head> section of the HTML and appears in browser-chrome surfaces (tab, search result, bookmark).

H1 is the visible heading at the top of the page body. Appears only when the page is rendered, not in the browser chrome.

They usually communicate similar content - but they don’t have to be identical. In fact, they typically shouldn’t be: the title tag optimises for SERP CTR (specific, promise-laden, short); the H1 optimises for on-page orientation (descriptive, welcoming). A blog post titled “Reduce Meta Ad Waste by 30% - Proven Methods | Penfriend” might have an H1 of “How we reduced our own Meta ad waste by 30% last quarter”.

Common title tag mistakes

Four patterns that waste the asset:

Generic CMS-default titles. “Home | Company Name” on 90% of pages. A CMS that doesn’t require per-page titles is operationally broken.

Keyword stuffing. “SEO Agency | SEO Company | SEO Services | SEO Experts”. Obsolete tactic that harms CTR and triggers Google to rewrite the title.

All-brand titles. “Penfriend - The Best AI Content Tool for Growing Brands and Teams and Founders and Agencies”. Overstuffed with claim words; competes poorly against specific competitors.

Titles that don’t match the page. Title promises “5 Steps”; page delivers a general overview. Rankings suffer from the resulting engagement-signal drop.

How to audit title tags on an existing site

Five steps:

1. Crawl the site. Screaming Frog or Sitebulb. Export the title-tag column alongside URL, H1, and target keyword data.

2. Flag duplicates. Pages sharing title tags. Group and rewrite to make each unique.

3. Flag length outliers. Titles under 30 characters (usually too thin) or over 65 (usually truncated). Rewrite both ends.

4. Review CTR from Search Console. Pages ranking in positions 3–10 with below-median CTR for their position are title-rewrite candidates. Small CTR gains compound into meaningful traffic over a year.

5. Test iteratively. Change title tags in batches of 20–30 per week, monitor CTR for 2–3 weeks, keep what improves, roll back what doesn’t.

Related terms

Here's how we can help you

Want a glossary just like this?

Get in touch for our DFY glossary service.