The title tag is the single most important SEO element on any webpage. It is the blue clickable headline that appears in Google search results. It is the text in your browser tab. It is the name a visitor sees when they bookmark or share your page. Done well, it drives rankings and clicks. Done badly, it costs you both.

This guide covers everything about title tags: what they are, how Google uses them, the exact rules for writing strong titles, formulas you can apply to any page, common mistakes that hurt rankings, and real examples comparing good vs bad titles. By the end, you will be able to write title tags that earn higher rankings and more clicks.

What Is a Title Tag?

A title tag is an HTML element placed inside the <head> section of a webpage. It defines the title of the page that browsers and search engines use to identify the document.

Here is what the HTML looks like:

<title>Web Design Kenya | Custom Websites with M-Pesa | WPfoss</title>

Notice the structure: a primary keyword phrase at the start, a value proposition in the middle, and the brand at the end, separated by pipes. This is one of the most common and effective title tag formulas, and we will cover several more below.

Title Tag vs H1: The Difference

One of the most common confusions in SEO. The title tag and the H1 heading are different elements with different jobs.

They can be identical, and often they are similar, but they do not have to be. The title tag is optimised for search engines and click-through rates. The H1 is optimised for the visitor who has already arrived on the page.

Example:

Where Title Tags Appear

Your title tag shows up in three places that affect your business.

1. In Google search results

The blue clickable headline at the top of each search result. This is by far the most important place because it directly affects whether people click on your listing or a competitor's.

wpfoss.ke โ€บ web-design-kenya
Web Design Kenya | Custom Websites with M-Pesa | WPfoss
Custom web design in Kenya with M-Pesa checkout and SEO foundation. From KSh 50,000. Trusted by businesses across Nairobi and beyond.

2. In the browser tab

The text shown in the browser tab when the page is open. When users have many tabs open, the title helps them switch back to your page.

3. In bookmarks and shares

When someone bookmarks your page or shares the URL on platforms that do not override with Open Graph titles, the title tag is the default name used.

Why Title Tags Matter for SEO

Title tags affect rankings in two ways: directly and indirectly.

Direct ranking signal

Google has confirmed multiple times that the title tag is one of the strongest on-page ranking factors. Including your target keyword in the title (especially near the beginning) signals to Google what the page is about and helps it rank for that keyword.

Indirect ranking through click-through rate

Google measures how often searchers click your result over competitors. A compelling title that earns more clicks than expected signals to Google that your result is valuable, improving rankings over time. A boring or unclear title that gets few clicks signals the opposite.

Branding and recognition

Consistent brand placement in your title tags builds brand recognition in search results. After seeing "| WPfoss" five times across different searches, users start to recognise and trust your brand even before they click.

The Right Length

Title tags should be 50 to 60 characters in 2026. Google starts to truncate titles longer than this in search results, replacing the cut portion with an ellipsis.

Title tag character ranges

0 50 (sweet spot) 60 (limit) 60+ (truncated)
Practical tip: Google measures by pixel width, not character count. Wide characters like W and M take more space than narrow ones like i and l. Aim for the character count as a guideline, then test the actual appearance using SERP preview tools.

Title Tag Formulas That Work

Here are proven formulas you can adapt for any page on your site. Each one matches a specific intent type.

Formula 1: Primary Keyword + Modifier + Brand

[Primary Keyword] | [Modifier] | [Brand]

The cleanest, most reliable formula. Works for service pages, product pages, and most informational pages.

Example: Web Design Kenya | Custom Sites with M-Pesa | WPfoss

Formula 2: Listicle (Number + Keyword + Year + Brand)

[Number] [Adjective] [Keyword] in [Year] | [Brand]

Strong CTR formula for blog posts and listicles. Numbers and years signal freshness and specificity.

Example: 10 Best WordPress Plugins for SEO in 2026 | WPfoss

Formula 3: Question Title

[Question]? [Brief Answer Hint] | [Brand]

Excellent for informational blog posts. Matches the searcher's exact query, especially for "what", "how", and "why" searches.

Example: How Much Does a Website Cost in Kenya? (2026 Guide) | WPfoss

Formula 4: Comparison Title

[Option A] vs [Option B] in [Year] | [Brand]

For comparison content. Buyer-stage queries like "vs" and "compared" rank well with this format.

Example: WooCommerce vs Shopify in Kenya 2026 | WPfoss

Formula 5: Action + Benefit + Brand

[Verb] [Object]: [Benefit] | [Brand]

Compelling for service and product pages. Front-loads the action and the value proposition.

Example: Build an Online Shop in Kenya: M-Pesa Included | WPfoss

Formula 6: Location + Service + Brand

[Service] in [Location] | [Brand]

Perfect for local SEO. Matches "service near me" and "service [location]" queries directly.

Example: Web Design Nairobi | Custom Sites & M-Pesa | WPfoss

Title Tag Patterns by Page Type

Different page types call for different title tag patterns. Use the right one for each.

๐Ÿ  Homepage

Lead with your strongest brand or service term. Establish what the business does at a glance.

[Brand] | [Primary Service] in [Location]
WPfoss | Web Design & M-Pesa Integration in Kenya

๐Ÿ›๏ธ Service Page

Lead with the service keyword. Include location and brand for local SEO and recognition.

[Service] in [Location] | [Modifier] | [Brand]
M-Pesa Integration Kenya | Daraja API Setup | WPfoss

๐Ÿ“„ Blog Post

Lead with the topic or question. Add year for freshness. Brand at the end.

[Topic / Question] [Year] | [Brand]
How to Add M-Pesa to WooCommerce 2026 | WPfoss

๐Ÿ“ฆ Product Page

Lead with the product name and key attribute. Brand at the end.

[Product Name] | [Key Attribute] | [Brand]
Dell XPS 13 Laptop | i7, 16GB RAM | TechShop Kenya

๐Ÿ“‚ Category Page

Use the category name and modifier. These pages should target broad commercial keywords.

[Category] in [Location] | [Modifier] | [Brand]
Laptops Kenya | Free Delivery | TechShop

โ„น๏ธ About Page

"About" works but is generic. Add brand and tagline for personality.

About [Brand] | [Tagline]
About WPfoss | Kenya's Web Design & M-Pesa Partner

๐Ÿ“ž Contact Page

"Contact" plus brand is fine. Add location for local SEO benefit.

Contact [Brand] | [Location] | [Brief Detail]
Contact WPfoss | Nairobi Office | Get a Free Quote

Good vs Bad Examples

Real examples comparing weak titles to their stronger versions.

Example 1: Homepage

Weak
Home

Generic, no keyword, no brand, no value. Google will likely rewrite this and you will lose CTR.

Strong
WPfoss | Web Design & M-Pesa Integration in Kenya

Brand recognised, primary services clear, location signals included. Builds trust at first glance.

Example 2: Service Page

Weak
Our Services

No specific service mentioned, no location, no value. Cannot rank for anything meaningful.

Strong
SEO Services Kenya | Rank on Google | WPfoss

Specific service keyword, location modifier, value proposition, and brand recognition.

Example 3: Blog Post

Weak
Website Costs

Too short, no location, no year, no specifics. Loses to more detailed competitor titles.

Strong
How Much Does a Website Cost in Kenya? (2026 Guide) | WPfoss

Answers a real question, includes location and year, signals comprehensiveness.

Example 4: Product Page

Weak
Product Page - Laptop

Could be anything. No brand, no spec, no buyer hook.

Strong
Dell XPS 13 i7 16GB RAM | Buy Online Kenya | TechShop

Specific product, exact specs, action verb, location, brand. Pulls in buyers ready to purchase.

Why Google Rewrites Title Tags

Google rewrites or replaces your title tag in search results in roughly 20% of cases. When and why:

To prevent rewrites: keep titles under 60 characters, include the primary keyword naturally, match the search intent, make each page's title unique, and write for humans rather than for keyword density.

Common Title Tag Mistakes

  1. Leaving titles blank or as "Untitled Document". The default CMS placeholder is a missed opportunity.
  2. Using the same title on multiple pages. Causes keyword cannibalisation and confuses Google.
  3. Stuffing keywords. "Web Design Kenya, Best Web Designer Kenya, Kenya Web Design" looks spammy and gets rewritten.
  4. Forgetting the brand name. Hurts recognition and trust signals.
  5. Putting the brand at the start. Burying the keyword behind the brand wastes the most important position.
  6. Writing titles over 60 characters. Critical information gets cut off in search results.
  7. Generic titles like "Services", "About", "Home". They tell Google nothing about what the page is about.
  8. Clickbait that does not deliver. Misleading titles drive high bounce rates, which Google penalises.
  9. Using all caps. Looks shouty and unprofessional. Sentence case or title case works best.
  10. Not updating titles when content changes. Old titles drift away from current page content.

How to Add or Update Title Tags

On WordPress

Install a free SEO plugin like Rank Math or Yoast SEO. Each post and page editor will then have a section to set the SEO title independently from the visible post title. Type your optimised title there and save.

On Shopify

In each product or page editor, scroll to "Search engine listing preview" and click "Edit website SEO". Update the page title field there.

On custom HTML or PHP sites

Edit the <title> element inside the <head> section of each page:

<head>
  <title>Your Page Title | Brand Name</title>
</head>

On Wix and Squarespace

Each platform has SEO settings per page. Look for "SEO Basics" or "Page SEO" in the page editor and update the title field.

Tools for Title Tag Optimisation

Want help optimising your site's title tags?

Frequently Asked Questions

What is a title tag?

A title tag is an HTML element placed in the head section of a webpage that defines the title of the page. It appears in three places: as the clickable blue headline in Google search results, in the browser tab when the page is open, and as the default name when someone bookmarks or shares the page. It is one of the most important on-page SEO elements.

How long should a title tag be in 2026?

Title tags should be 50 to 60 characters. Google typically truncates titles longer than 60 characters in search results, replacing the rest with an ellipsis. Mobile search shows slightly less. Aim for the most important words at the start so they show up even if truncated.

What is the difference between a title tag and an H1?

A title tag is the HTML title element that appears in browser tabs and Google search results. An H1 is the main visible heading on the page itself, which visitors see when they land. They can be the same text, but they often differ slightly: title tags are written for search engines and click-through rate, H1s are written for visitors on the page.

Does the title tag affect Google rankings?

Yes. The title tag is one of Google's most important on-page ranking signals. Including your target keyword in the title tag, especially near the beginning, signals to Google what the page is about. A well-written title tag also boosts click-through rates from search results, which is a confirmed indirect ranking signal.

Why does Google sometimes rewrite my title tag?

Google rewrites title tags when it judges your tag does not match the search query well, is too keyword-stuffed, is too long, is missing entirely, or duplicates other pages on your site. To prevent rewrites, write clear, unique, descriptive titles that match search intent and stay under 60 characters.

Where should I put the keyword in my title tag?

Put the primary keyword near the beginning of the title tag. This signals to Google that the keyword is central to the page's topic, and ensures the keyword shows even if the title gets truncated. The brand name typically goes at the end after a separator like the pipe character.

Should I include my brand name in every title tag?

Yes for most cases. Include your brand name at the end of the title tag (after a pipe or hyphen separator) on every page. This builds brand recognition in search results, improves CTR for repeat visitors, and helps users identify your business across multiple SERP listings.

How do I update my title tag in WordPress?

Install a free SEO plugin like Rank Math or Yoast SEO. Once installed, each page and post editor will have a section to set the SEO title independently from the post title. Type your optimised title there and save. The plugin handles the HTML automatically.

What separator should I use in title tags?

The pipe character (|) is the most common and clean separator. Hyphens (-) work too but can be confused with hyphenated words. Avoid colons (:) at the start, em dashes, or unusual characters. Stick with pipes or hyphens for consistency.

Can I use emojis in title tags?

Technically yes, but Google often strips them out in search results, and they can look unprofessional in many industries. Use sparingly and only when they add clear value (like a green tick for verified content or a star for ratings). For most business sites, skip emojis in title tags.

Want your title tags audited and optimised?

Our SEO service includes title tag audits and ongoing optimisation as part of the monthly KSh 10,000 plan. Every new WordPress site we build ships with optimised title tags configured for every page.

See SEO Services

Related: Ultimate Guide to Meta Tags ยท SEO in Kenya Guide ยท How to Choose Keywords ยท Keyword Research