To change an SEO title tag, edit the page’s <title> or your CMS’s SEO field, save, and let search engines recrawl the page.
Done right, the page title text helps users pick your result and helps search engines understand the page. You can adjust it in code or through your content platform. This guide shows both paths, common pitfalls, and quick checks so you can update titles with confidence and see clean snippets in search.
What The Title Tag Does
The title element sits in the <head> of a document and sets the label shown in the browser tab and in bookmarks. It’s also one of the sources search engines use when generating the clickable headline in results. MDN’s entry on the HTML <title> element explains scope and syntax, while Google’s title links guidance explains how your on-page text can influence the final line that appears in search.
Quick Reference: Where To Edit Title Text
Use this table to find the editing spot fast. The paths may vary a bit by theme or app version, but this will get you there in a few clicks.
| Platform | Path To Edit | Notes |
|---|---|---|
| WordPress + Yoast SEO | Post/Page → Yoast panel → SEO title | Template tags like %%title%% are allowed; see Yoast Settings → Content types for defaults. |
| WordPress + Rank Math | Post/Page → Rank Math panel → Edit Snippet | Supports variables and per-type templates. |
| Shopify | Online Store → Preferences → Title & meta description | Also editable on each product, collection, and page. |
| Wix | Editor → Pages & Menu → More actions → SEO basics → Title | Publish after changes to apply site-wide. |
| Squarespace | Page Settings → SEO → Page Title | Some templates also mirror the page title from the content tab. |
| Webflow | Page Settings → SEO Settings → Title Tag | Use fields to combine name + brand cleanly. |
| Custom Site | Code editor → <head> → <title>...</title> |
Deploy, then re-request indexing in Search Console if needed. |
Change The Page Title Tag (Step-By-Step)
Below are two routes. Pick the one that matches your setup. The goal is a clear, specific line that matches on-page content and searcher intent.
Route A: Update Through Your CMS
WordPress
- Open the post or page in the editor.
- Scroll to your SEO plugin panel (Yoast, Rank Math, All in One SEO, or similar).
- Enter a concise title in the SEO title field. Keep it human-readable and match the page topic.
- Save or update the page.
- If you changed many titles via templates, purge caches so the front end shows the new text.
If you manage defaults (so new posts pick up a pattern), set those in your plugin’s templates. Yoast documents the steps in its help hub for changing the SEO title template.
Shopify
- From Admin, edit the specific page, product, or collection.
- Scroll to the “Search engine listing” section.
- Fill the Title field with a clear line that describes the content.
- Save. Repeat for key pages.
Wix
- Open the Editor and go to Pages & Menu.
- Choose the page → More actions → SEO basics.
- Enter the Title value and publish.
Route B: Update In Code
If you maintain templates or static files, edit the head block. Keep the title short, clear, and aligned with the on-page heading.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Blueberry Muffins Recipe With Lemon Zest</title>
<meta name="description" content="Soft bakery-style blueberry muffins with lemon zest, simple steps, and storage tips.">
</head>
<body>...</body>
</html>
In single-page apps, many frameworks provide a head manager. For React, add a library like Helmet; for Next.js, use the built-in Head component. On render, the <title> should reflect the page view.
Write Titles That Earn Clicks
Good titles match searcher language, match the primary heading, and avoid bait. Keep the most specific words at the front, then add a short brand tail if it helps recognition. Don’t repeat the same phrase more than needed. Keep fluff out. If a number helps scannability (e.g., “7 Steps”), use it. If dates matter (e.g., release cycles), add the year where appropriate.
Length Targets That Work In Practice
There’s no hard character rule. Search results use pixels. A safe range is often around 55–65 characters on desktop before trimming, but the real limit depends on the exact glyphs. The best guardrail: lead with the unique part, keep the brand tail short, and test on a snippet previewer. Google’s starter guide reminds that search can rewrite titles; clear on-page signals reduce that chance.
Why Search Sometimes Rewrites Your Title
The visible headline in results is called the “title link.” Search engines may draw it from your title element, main heading, or other signals. If the supplied text is missing, off-topic, or repetitive across many pages, the system can pick a different line. See Google’s page on influencing title links for common triggers and fixes.
Common Causes Of Rewrites
- Boilerplate overwhelms the unique part, such as a long brand tail on every page.
- The title doesn’t match the primary heading.
- The page lists many items and the title doesn’t describe the collection.
- The line looks stuffed with terms or repeats the same word.
- The page contains multiple strong headings that conflict with the title text.
Editing Titles At Scale Without Breaking Things
Large sites often need batch updates. Do it safely with a short plan:
- Sample first. Pick a set of 20–50 pages across types. Draft clearer titles and deploy to a staging or a small production slice.
- Align H1 and title. Keep the main heading and the title text close in meaning to reduce rewrites.
- Keep patterns short. Start with the unique part, then a brief separator, then brand.
- Watch duplicates. Export URLs with their titles and look for repeats. Adjust before launch.
- Roll out in waves. Ship by section, verify, then continue.
Quality Checklist Before You Hit Publish
- Does the line describe the page in clear language users would type?
- Is the unique part placed first?
- Does the main heading say almost the same thing, with light variation?
- Is the brand tail short and consistent?
- Is the title different from others in the same section?
Troubleshooting: You Changed The Title But Search Shows The Old One
If you just saved the change, give crawlers time to revisit. Then check:
- Live HTML. View source and confirm the new text sits inside a single
<title>. - Indexing status. In Search Console, use URL inspection and request indexing after a major change.
- Headings match. Bring the primary heading closer to the title text.
- Boilerplate length. Shorten the brand tail if it crowds the unique words.
- Canonical signals. If the page references a different canonical URL, fix that first.
Title Patterns That Keep Things Clear
These sample patterns balance clarity and branding. Adjust to your niche and tone.
- How-to pages: “How To Install [Thing] | Brand”
- Comparisons: “[Product A] vs [Product B]: Pros, Cons, Picks | Brand”
- Guides: “[Topic] Guide [Year] | Brand”
- Local pages: “[Service] in [City] | Brand”
- Collections: “[Category]: Best Picks | Brand”
Character And Pixel Guardrails
Keep focus on meaning, not a magic number. To reduce trimming on common screens, these rough targets help during drafting.
| Content Type | Safe Length | Why |
|---|---|---|
| Blog Post / Guide | Up to ~60 chars | Fits most desktop widths while leaving room for a short brand tail. |
| Product Page | Up to ~55 chars | Products often include model names; shorter lines avoid ellipses. |
| Homepage | Brand + brief promise | Brand recall matters; keep the pitch short. |
Edge Cases To Watch
Pagination
On lists with multiple pages, include the page number near the end to help users land in the right place. Keep the first page clean; add “Page 2”, “Page 3”, and so on only where needed.
Dates
Where freshness matters, add the year. Avoid stacking months and years unless the page truly changes monthly.
Symbols And Emoji
Special characters can eat pixels fast. Use plain separators like “|” or “–” and skip emoji in titles.
Multi-language Sites
Match the language of the page. Keep brand naming consistent across locales, then translate the unique part.
Pro Tips For Clean Implementation
- One title per page. Avoid multiple title elements.
- No HTML inside the tag. The title element takes text, not markup.
- Match the URL and heading. Subtle differences are fine; wild mismatches invite rewrites.
- Short brand tail. “ | Brand” is enough in most cases.
- Template variables with care. Test outputs so you don’t ship placeholders to live pages.
How To Validate Your Work
- View source. Confirm the line appears once and reads cleanly.
- Check live HTML. Use your browser’s inspector to make sure no script overwrites the title after load unless you intend it.
- Spot-check search results. Search a few exact page titles in quotes to see how they appear in listings.
- Monitor in Search Console. Watch impressions and click-through rates on the pages you changed.
If you maintain custom code, MDN’s references for the document.title property and HTMLTitleElement are handy for quick checks.
Sample Rewrite Fixes
Use these copy swaps to tighten titles while keeping meaning intact.
- Too long: “Stainless Steel Water Bottle BPA Free 24oz Vacuum Insulated Leak-Proof Spout | Brand Name USA” → “24oz Stainless Steel Water Bottle | Brand”
- Too generic: “Services | Brand” → “Plumbing Services in Austin | Brand”
- Boilerplate first: “Brand | Insights, Guides, Tips, and More About Baking Bread” → “Baking Bread Guides | Brand”
Rollout Plan For Teams
If your site spans hundreds of pages, treat title changes like any small release:
- Create a CSV with URL, current title, proposed title, and page type.
- Set rules per type (product, category, blog) to keep style consistent.
- Review samples with content owners to catch tone or naming issues.
- Stage, ship, and record timestamps so you can link changes to performance later.
FAQs You Don’t Need
Keep the page lean. Skip generic question lists and spend effort on clear titles that reflect the content. That earns clicks far better than a block of canned Q&A at the end.
Final Checks Before You Move On
- The page has a single, clean title element.
- The main heading matches the promise.
- The title reads well on its own and pairs with a short brand tail.
- No stuffing, no duplicate lines across similar pages.
- Key pages validated in a snippet previewer, then monitored in Search Console.
Keep titles aligned with the actual content, and they’ll pull their weight in search listings and in the browser tab. When content changes, refresh the line promptly, publish, and let crawlers pick up the new text.