Website Title Explained: What It Is and How to Write One

Think about the sign above a shop door. It tells you what’s inside before you step through. Your website has a sign too: its title.

In plain terms, a website title is the short name that shows up in the browser tab and in search results. It’s often the first thing a visitor reads about you.

Here’s what we’ll cover: what a title is, how to write one, and how to set it on any platform, including a simple path for first-timers.

Website Title Basics and Where It Appears

Before you pick a look, know what a website title is and where it shows up.

The HTML title tag and other names

Your website title is the HTML title tag. HTML (HyperText Markup Language) is the code behind web pages, and this tag names each one. You’ll also hear it called the meta title or page title.

The tag sits in the head section of your page’s code, above the content visitors see. A good one is concise: a short description of what the page is about.

Your site name is your brand across the whole site, while the page title names one page. A homepage might read Sweet Jo’s Cookie Orders, while an order page reads Holiday Orders | Sweet Jo’s.

So what makes a good name for a website? Keep it short, easy to spell, and close to what customers would type to find you.

Where your title shows up online

Your title appears in:

• Search result headlines, the clickable line on a results page
• Browser tabs, the label at the top of the window
• Social media link previews, the card shown when someone shares your link
• Bookmarks, the name saved in a visitor’s favorites
• AI response citations, the labels AI (artificial intelligence) assistants show when they cite your page

Consider a home baker selling cookies online. Her title is the search headline, the tab she checks while baking, and the card friends see when they share her link. Get it right once.

The title tag helps people find your page, while a social title (og:title in the code) decides how it looks when shared. They’re separate settings, so a shared link can read differently from your search headline.

Why Website Titles Matter so Much

A title is the short line of text that names each page. It shows up in search results and browser tabs, and it shapes the first impression you make. Here’s how each job plays out, and we’ll take them in turn:

How titles help search engines understand pages

• Helps engines understand the page. A clear title tells a search engine what a page covers before it reads a single paragraph.
• Ranking factor. Google uses page titles as a ranking factor. Its Search Central guidance on title links says it draws on several sources for the title it shows, and you can steer that choice by following its best practices.
• Keyword relevance. A keyword is a word people type into a search box. A bakery whose page is titled ‘Sourdough Delivery Downtown’ matches the search someone actually types, while ‘Welcome!’ matches nothing.
• Correct indexing. Indexing is how a search engine files your page so it can show up for the right searches. A descriptive title helps it file each page under the right topic.

How titles get people to click

Once your page appears, its title works like a billboard on the search engine results page (SERP), the list of links people see after they type a query. People skim it fast, so the title has to earn a second look.

It’s a lot like an email subject line: people open a message because the subject promises something they want, not because the sender seems nice.

A freelance wedding photographer competing with several others stands out with a title that names her service and area. The goal is a title that’s clear, not just clever.

Setting expectations and easy tab switching

A title also sets expectations: it tells visitors what they’ll find, so they arrive ready for it. Browsers show it in each open tab, which is tab navigation, and that label is how people find you again.

A retired teacher with a few lesson tabs open can spot ‘Grade 4 Reading Lessons’ in one glance, where a generic ‘Home’ would blend in. That quick relevance judgment saves everyone a click on the wrong page.

How titles build brand trust over time

Titles also build trust over time. Every time your title appears, people see your business name again, which is repeated brand exposure, even on visits that don’t end in a sale.

A specific, honest title builds credibility, while random keywords read like a sales trick. Differentiation comes from naming what sets you apart.

A small candle shop titled ‘Candles | Shop Online’ looks like every other seller, but a title that names its own scents sounds like that shop alone.

Getting cited in AI search answers

Some search tools now use AI (artificial intelligence) to write answers, and your page can be one of their sources. Google’s AI Overviews, the summaries that sit above the usual list of links, are one example.

• Context for AI systems. AI systems use the title as an early clue to what a page covers, so a clear one gives them context.
• AI Overview citations. When an AI Overview links to a source, a specific, accurate title gives your page a clearer shot at being the one cited.

Small line, long reach.

What Goes into a Strong Title

A good title does two jobs: it tells search engines and visitors what a page is about, and it gives them a reason to click.

Where your main keywords belong

Your primary keyword is the main phrase someone would type to find a page like yours, such as “handmade candles.” Put it first.

Then add secondary keywords for context, like “soy candles” or “gift sets,” and consider long-tail variations, longer phrases like “handmade soy candles for weddings.” Fewer people search these, but those who do usually know exactly what they want.

A candle maker’s gift page might read “Handmade Candles, Gift Sets | Wick and Wax.” The keyword leads and the context follows, so a shopper can see at a glance what’s there.

Placing your brand name in the title

Your brand name is what customers call you. Usually it goes at the end, after the descriptive words. On your homepage, lead with it instead, since a first-time visitor needs to know who you are right away.

Separate the parts with a pipe (|) or a hyphen with spaces around it.

You don’t need traffic before adding your brand. Add it from day one so every page carries your name, even if few people see it at first.

Showing why visitors should choose you

Once your keyword and brand are set, add your unique selling point, the one thing that sets you apart. A freelance photographer might write “Wedding Photography, Free Engagement Session | Maya Reyes,” so the offer shows before anyone clicks.

Free shipping, a free guide, or expert tips can do the same job. Show why someone should pick you, not just what you sell. Clear beats clever.

Tips for Writing Better Titles

Good titles come down to a few habits. Run each one as a quick check before you publish.

Keeping titles short enough to fit

Search results have limited room, and that limit is measured in pixels, not letters. As a rough guide, aim for 50-60 characters. Google’s title link documentation notes that titles are cut short as needed, typically to fit the device width.

Titles that run long get cut off with an ellipsis (three dots), which hides whatever comes last, so put your key words first. SERP preview tools (SERP means search engine results page) show how a title will look before you publish.

To shorten a title, cut filler like “very” or “welcome to,” and drop repeated words.

Putting keywords up front, naturally

Your main keyword is the phrase a reader would type to find you. Front-loading means placing it near the start, so a shopper skimming results spots it fast.

A bakery’s cake page might lead with “Custom Birthday Cakes,” not “Welcome to Our Sweet Little Shop.” Avoid keyword stuffing, which means repeating a phrase like “cakes, cheap cakes, cake shop,” since that reads like spam.

Write for people first, not for a search engine, and keep the wording natural.

Matching what searchers are looking for

Searchers come in with different goals. Informational searches want to learn something, while transactional searches are about buying. Someone searching how to repot a fiddle leaf fig wants a guide, so “How to Repot a Fiddle Leaf Fig” fits.

Someone looking to buy a pot wants a shop page, so “Buy Ceramic Plant Pots Online” fits better. Search your phrase and look at the top results. Their titles show what people expect, so you’ll know how to match that intent.

Then cut off-topic angles: a wedding photographer whose title drifts into “Pet Portrait Tips” attracts visitors who wanted something else. Keep each title on what the page actually covers.

Giving every page its own title

Every page needs a title of its own. When several pages share one, they become duplicate titles, and search engines have a harder time telling them apart. Unique titles also help search engines index (file away) each page as its own result.

Product pages need this too. A candle shop with a dozen scents should put the scent name in each product’s title, not repeat “Candles | Our Shop” on every listing, so each one stands on its own. One page, one title.

Being specific with numbers and dates

Vague titles blend in. “Gardening Tips” could mean anything, while “7 Herbs for a Sunny Windowsill” tells readers exactly what they’ll get.

In an eye-tracking study, Pernice, Whitenton, and Nielsen show that web readers pay more attention to numeric characters, like “1,” than to written counterparts like “one.” Numbers give your title extra pull.

If your topic changes yearly, a retired teacher’s camera roundup might add the current year to the title. Dates expire, though, so update the title when the year rolls over. Set a reminder.

Writing titles that feel human and honest

Titles that feel human usually lean on a few tools:

• Power words: “simple,” “proven,” or “easy” add punch, but only when they’re true.
• Benefits and action words: Lead with what the reader gains, then use a verb like “Learn,” “Compare,” or “Book.”
• Emotional triggers: Name a worry or hope your reader already has.
• Questions and calls to action: “Which Frame Fits Your Living Room?” or “Shop Hand-Dyed Yarn” invites a click.

Keep every title accurate, too. A title that promises more than the page delivers might win one click, but it costs you trust. Honest beats clever.

How Title Tags and H1s Differ

These two titles often get mixed up, but they show up in different places and do different jobs. Here’s how to keep them working together.

Keeping titles and H1s consistent

Start with where each one lives. The title tag is the text that appears in the browser tab and in search results, so people see it before they arrive. The H1 (the main heading at the top of the page) is what visitors read once they’re there.

The title tag greets people before they arrive, and the heading greets them after.

Should they match? They should point the same direction, but they don’t have to be identical. Think of a florist who sets her title tag to “Spring Bouquets | Maple Street Florals” and her H1 to “Fresh Spring Bouquets, Made Each Morning.”

A shopper searching for spring bouquets sees the same promise in both places, so the click lands on exactly what they expected. The wording can shift a little, as long as the core topic stays put.

The real risk is confusion. If the tab says “Contact Us” but the page opens with a heading about hand-poured candles, visitors wonder whether they landed in the right place. Visitors don’t usually stick around to sort it out. They just leave.

Title Examples and Fill-in Templates

Staring at a blank title box is the hardest part, so start from a title formula and fill in your own words.

Ready-made title formulas for each page

Fill in the blanks:

• Product or category page: Name, key detail | Brand
• How-to blog post: How to [task] for [reader] | Blog
• List post (listicle): [Number] [things] for [reader] | Blog
• Local business: [Service] in [city] | Business
• Comparison page: [A] vs. [B]: which fits [need] | Brand
• Landing page: [Result] for [who it’s for] | Brand
• About page: About [brand]: who we are and why we started
• Tool page: [Tool]: what it does for [user] | Brand

Take a retired teacher starting a reading blog. Her first post, “Tips,” tells a searcher nothing. Retitled as “How to Build a Reading Habit in Kids | Ellen’s Reading Nook,” it tells parents what they’ll get before they click.

Real title examples, before and after

We haven’t pulled live search results for this guide, so treat these as patterns, not proof of rankings. On a search engine results page (SERP), readers scan the topic first, so the brand usually goes last.

• Before: “Home” → After: “Dana’s Dog Walking | Reliable Dog Walks in [Your City]”
• Before: “Post 1” → After: “How to Choose a Dog Walker: 5 Questions to Ask | Dana’s Dog Walking Blog”

The homepage leads with the brand, since it’s about who you are. A blog post leads with the topic, since that’s what readers searched for.

For a simple homepage title, use [Brand name] | [What you do] for [who you serve]. Dana’s Dog Walking | Dog Walks for Busy Owners gives a searcher the service and the brand in one line. Short beats clever.

Common Title Mistakes to Avoid

Most title problems are easy to fix once you can spot them. Here are the slips that trip up first-timers most often.

Wording slips that weaken titles

• Keyword stuffing. Repeating a search phrase makes a title read like a list of tags.
• All caps. Capital letters everywhere are harder to read, so stick to normal capitalization.
• Vague or misleading titles. “Home” tells nobody what the page covers, and overpromising sends visitors away.
• Jargon and acronyms. Words like “omnichannel” confuse new visitors, so spell out any acronym the first time.
• Poor spelling. A typo sits in the browser tab and search results for everyone to see.
• Stop words. Filler words like “a,” “the,” and “of” add length without adding meaning.

Take a wedding photographer whose page says “Our Best Work.” Renaming it “Wedding Photography Portfolio” tells couples what they’ll find, so they stay to look. A clear title beats a clever one every time.

Missing, doubled, or copied title tags

Every page needs a title tag, the line shown in the browser tab and search results.

• Missing title tag. A page without one leaves the browser tab with no useful name.
• Multiple titles per page. Two titles, one from your theme and one from an add-on, send search engines mixed signals.
• Duplicate titles. When your shop, blog, and contact pages all say “Welcome,” visitors can’t tell them apart.

One page, one title.

Forgetting SEO, brand, or regional wording

• Overlooking SEO. Search engine optimization (SEO) is the work of helping search engines understand your pages, so lead with the words people search for.
• Neglecting brand. Ending each title with your business name, like “Wedding Photography Portfolio | Your Business Name,” ties every page back to you.
• Skipping localization. Serving one town? Name it: “Same-Day Flowers in [Your Town]” tells local buyers they’ve found the right shop.

Editing Your Title on Each Platform

Every platform keeps the title in a slightly different spot. Squarespace, Webflow, and Framer each have their own title fields, so look for them in the editor for each page.

Changing titles in WordPress

In WordPress, start with Settings > General and set your site title. Then use an SEO plugin like Yoast to give key pages their own titles, since those show up in search results.

Page builder settings can also control a page’s title, so check there if the wrong name keeps appearing.

Take a florist who just launched her shop on WordPress. She sets the site title to her shop name, then gives her wedding flower page its own title in Yoast, so a search for that service lands on exactly that page.

Setting titles in Shopify and Wix

In Shopify, the search engine listing field controls how a page appears in search results. In Wix, use the SEO & Social panel to edit each page’s title. Keep titles short and specific. Clear beats clever.

Check the browser tab after you publish, not just in the editor. That’s the title your visitors see first. If the old name still shows, refresh and look again.

Editing HTML and other content systems

If a system doesn’t offer a title field, you can edit the head section, the hidden part of the HTML (the code behind every web page) where the title tag lives. The title tag is the text in the browser tab.

For a simpler route, check your HubSpot settings first, since a title field there may already do the job.

Reach for code as a last resort, because one misplaced character can break the whole page.

Testing, Measuring, and Fixing Title Problems

Once your titles are live, the job shifts from writing to watching.

Checking how your titles perform over time

Start in Search Console, Google’s tool for seeing how your site appears in search. Look at your click-through rate (CTR), the share of people who see your page and choose to click.

Showing up is one thing; earning the click is another, so when CTR is low, ask why people pass you by.

Think of a candle shop whose product pages get seen often but rarely clicked. The owner rewrites one title to name the scent and town, then runs an A/B test (comparing two versions to see which gets more clicks) and keeps whichever one wins.

Monitor visits from AI (artificial intelligence) tools to see whether they’re landing on clear titles. Finally, schedule a periodic title review every few months, since products and seasons change.

Running audits to find title problems

A site audit tool crawls your pages and flags problems you’d never spot by clicking around. Use one to:

• Find missing titles on pages that have none
• Find duplicate titles, where two or more pages share the same wording

Why Google sometimes rewrites your title

According to Google Search Central’s documentation on influencing title links, Google may rewrite the title links it shows in results instead of using a page’s title tag (the title written into its code) verbatim.

You can steer it by following Google’s best practices. Your title is a suggestion, not a guarantee.

If a page has no title, search results show an auto-generated one instead, which may not be the wording you’d choose.

A good title tells people who you are and what they’ll find, in just a few clear words. Write it with your visitor in mind, set it on your platform, and make sure it matches what you actually do.

Then check how it looks in the browser tab and in search results, and adjust it as your site grows.

A clear title takes minutes to write, and it gives every visitor a reason to stay.

References

1. Drivers and prediction of organic search engine ctr: the impact of differently phrased titles — hdl.handle.net (2023)
2. Influencing Title Links in Google Search | Google Search Central | Documentation — developers.google.com
3. Influencing Title Links in Google Search | Google Search Central | Documentation — developers.google.com