How to write website titles that rank and convert in 2026

A website title that ranks and converts in 2026 leads with the primary keyword, stays under 60 characters, includes a benefit or year, ends with your brand after a separator, and is unique on every page. Format: Primary Keyword — Benefit (Year) | Brand. Get that right and you'll climb Google, get cited by ChatGPT and Perplexity, and lift your click-through rate at the same time.

The <title> tag is the single most weighted on-page signal Google uses to understand a page — and it's the exact string ChatGPT, Perplexity and Claude quote when they cite you in an AI Overview. One tag, three jobs: rank, attract the click, and earn the citation.

Most Lovable, Bolt, v0 and Replit sites ship with every page titled the same thing — usually "Vite + React" or the project name. Google indexes the lot as duplicates and ranks none of them. Fix the titles first, then worry about everything else.

One template covers 90% of pages:

Primary Keyword — Benefit (Year) | Brand

Examples:
- Lovable SEO Agency — Rank Your AI-Built Site (2026) | RankLovable
- How to Migrate to Lovable Without Losing SEO | RankLovable
- Pricing — Plans from £497/mo | RankLovable

Keyword first because Google weights the left of the title heavier. Benefit or year second because that's what earns the click. Brand last so users recognise you in the SERP without burning keyword real estate.

1. Lead with the primary keyword. Whatever phrase you want to rank for, it goes in the first 30 characters. "SEO Agency for Lovable Sites" beats "Helping You Rank Your Lovable Site with SEO" every time.

2. Stay under 60 characters. Google's SERP cuts off at roughly 580 pixels — about 55–60 characters. Anything longer gets truncated with an ellipsis and your CTA disappears. Measure character count, not word count.

3. Add a benefit or a year. "How to Write Titles" gets fewer clicks than "How to Write Titles That Rank (2026)". A year signals freshness; a benefit signals payoff. Either works — both is better.

4. Separate the brand with — or |. Em dash for editorial sites, pipe for tech and SaaS. Pick one and use it everywhere on your site for consistency.

5. Match search intent, not just the keyword. If the query is "lovable seo agency", the title should look like an agency page — not a blog post. If the query is "how to fix lovable indexing", the title should look like a tutorial. Match the format Google is already ranking on page one.

6. Make every page title unique. Duplicate titles are the #1 reason Lovable sites don't rank. Every route's head() block needs its own title string — no shortcuts, no shared component.

7. Mirror the title in your H1 — but don't make them identical. The title is for the SERP; the H1 is for the reader who already clicked. Same topic, slightly different phrasing. Google rewards the consistency; users get a smooth scent trail.

8. Write for AI citations too. ChatGPT and Perplexity quote the leading phrase of your <title> when they cite a source. If your title starts with "Home" or "Welcome", that's how the AI will name you. If it starts with "Lovable SEO Agency", that's the citation you'll get.

9. Ship it via head() in every Lovable route. No plugin needed — just one block per route file:

export const Route = createFileRoute("/lovable-seo")({
  head: () => ({
    meta: [
      { title: "Lovable SEO Agency — Rank Your AI-Built Site (2026) | RankLovable" },
      { name: "description", content: "We rank Lovable sites on Google and get them cited by ChatGPT and Perplexity. From £497/mo." },
    ],
  }),
});

Homepage
Before: Vite + React
After: Lovable SEO & GEO Agency — Rank Your AI-Built Site | RankLovable

Service page
Before: Services
After: Lovable Agency Services — Custom Builds, SEO & GEO | RankLovable

Blog post
Before: How to write titles
After: How to Write Website Titles That Rank & Convert (2026) | RankLovable

1. Same title on every page. "Vite + React" or the project name shipped sitewide. Fix every route's head() block.
2. Brand-first titles. "RankLovable — SEO Agency" wastes the highest-weighted slot in the title on a brand nobody is searching for yet.
3. Titles over 70 characters. Truncated in the SERP, CTA cut off, click-through drops 15–30%.
4. Title and H1 identical. Lazy, and you lose a free opportunity to reinforce the topic with a second, related phrase.

The formula above is the foundation. The full RankLovable Playbook (£49) covers titles, meta descriptions, H1/H2 hierarchy, schema templates, internal linking, and the exact prompts to feed Lovable so it generates SEO-ready pages out of the gate. Lifetime updates included.

Or if you'd rather we rewrite every title, meta and H1 across your site, book a 15-minute call. Our Growth Plan handles the full on-page overhaul, ongoing SEO and GEO, monthly content and reporting from £497/mo.

• Fix the Lovable "Vite + React" title tag bug
• Migrate a website to Lovable without losing SEO juice
• Why your Lovable site isn't showing on Google
• The full Lovable SEO guide