Document title
Quick winFound on 7% of audited stores.
Add a unique, descriptive <title> element to every page so browsers, screen readers, and search engines can identify it.
What it is
Every webpage has a hidden piece of text in its code called the "document title" — the `<title>` tag inside the `<head>` of the HTML. This is the text that appears on the browser tab, in bookmarks, and as the blue clickable headline in Google search results. WCAG Success Criterion 2.4.2 ("Page Titled") requires that every page has a title that describes its topic or purpose. When this tag is missing or empty, the page has no name — it's like a book with a blank cover.
Why it matters
For accessibility, screen-reader users hear the page title announced the moment a page loads — it's how they know where they are. A missing title is disorienting and is a Level A WCAG violation, meaning it fails the most basic accessibility standard and can expose your store to legal risk under laws like the ADA (US), EAA (EU), and the Equality Act (UK). For SEO, the title tag is one of Google's most important on-page signals: it directly influences your ranking and is the first thing shoppers read in search results. A missing or duplicate title suppresses your click-through rate and organic traffic. For conversions, a clear title builds trust — shoppers who see a blank browser tab often assume the page is broken and leave.
How to fix it
- Identify every page that is missing a <title> tag or has an empty one (your scanner will list these; also check dynamically rendered pages like checkout steps and search results).
- Write a concise, descriptive title for each page that clearly states what the page is — include the page type (e.g. product name, category name, 'Cart', 'Checkout') and your store name, separated by a dash or pipe: e.g. 'Red Canvas Sneakers – Acme Store'.
- Make sure every page title is unique across your site — duplicate titles confuse both screen-reader users and search engines.
- Add or update the <title> element inside the <head> section of each page's HTML template: <title>Your Descriptive Page Title</title>.
- For dynamically generated pages (product pages, category pages, blog posts), update the template or CMS field that controls the title so it automatically pulls in the product name, category name, or post title — never leave it as a static placeholder.
- After publishing, verify the fix by opening the page, right-clicking and choosing 'View Page Source', and confirming a non-empty <title> tag appears. Also check that the title shows correctly on the browser tab and in a Google Search preview tool.
<title>Red Canvas Sneakers – Low Tops | Acme Store</title>Fix it on your platform
Pick your platform for the exact steps.
How to fix document title on Shopify
- For the homepage: Online Store → Preferences → 'Homepage title' field — fill in your title and save.
- For product pages: Products → [select product] → scroll to the 'Search engine listing' section at the bottom → click 'Edit website SEO' → fill in the 'Page title' field.
- For collection pages: Products → Collections → [select collection] → 'Search engine listing' → 'Page title'.
- For standard pages (About, Contact, etc.): Online Store → Pages → [select page] → 'Search engine listing' → 'Page title'.
- For blog posts: Online Store → Blog Posts → [select post] → 'Search engine listing' → 'Page title'.
- For theme-level title tag control (e.g. checkout or other templates): Online Store → Themes → Actions → Edit code → open 'layout/theme.liquid' and verify the <title> tag uses a dynamic variable like {{ page_title }} — do not hardcode a static value.
How to fix document title on Shopify Plus
- Follow all the same steps as Shopify above.
- For the checkout page (exclusive to Plus): Online Store → Themes → Actions → Edit code → 'layout/checkout.liquid' → ensure a <title> tag is present and uses a dynamic value such as {{ page_title }}.
- Use Shopify's Bulk Editor or a SEO app (e.g. Plug In SEO, SEO Manager) to audit and fill missing title fields across hundreds of products at once.
How to fix document title on WooCommerce
- Install and activate the free Yoast SEO or RankMath plugin if not already present — these give you per-page title control without touching code.
- For individual products: Products → [select product] → scroll to the Yoast SEO / RankMath meta box → 'SEO Title' field → enter your title.
- For category pages: Products → Categories → [select category] → Yoast SEO / RankMath panel → 'SEO Title'.
- For global title templates (so all products auto-generate titles): In Yoast SEO go to SEO → Search Appearance → WooCommerce tab → set the title template using variables like %%title%% %%sep%% %%sitename%%. In RankMath: RankMath → Titles & Meta → Products.
- To fix the raw theme title tag: Appearance → Theme File Editor → open your active theme's header.php and confirm <title> is not hardcoded — it should use wp_title() or the SEO plugin's output hook.
- Verify by visiting any product page and checking the browser tab.
How to fix document title on BigCommerce
- For the homepage: Storefront → My Theme → Edit Theme Files is NOT needed — go to Store Setup → Store Profile → 'Meta Title' for site-level defaults, or Marketing → SEO for global settings.
- For product pages: Catalog → Products → [select product] → 'SEO' tab → 'Page Title' field.
- For category pages: Catalog → Categories → [select category] → 'SEO' tab → 'Page Title' field.
- For standard web pages: Storefront → Web Pages → [select page] → 'SEO' tab → 'Page Title' field.
- For global title tag template defaults: Storefront → My Theme → Edit Theme Files → open templates/layout/base.html and ensure the <title> block uses {{head.title}} — do not override with a static string.
- Use the BigCommerce bulk import/export (Catalog → Import / Export) to update page titles across many products at once via CSV.
How to fix document title on Wix
- In the Wix Editor, click on the page you want to fix in the Pages panel (left sidebar).
- Click the three-dot (⋯) menu next to the page name → 'SEO Basics' (or 'SEO Settings').
- In the 'Page Title' field, enter a descriptive, unique title for that page.
- For dynamic pages (e.g. Wix Stores product pages): go to the dynamic page template in the editor → click the page settings → SEO Basics → use dynamic variables like {product.name} in the title pattern so each product gets a unique title automatically.
- For site-wide defaults: in the Wix dashboard go to Marketing & SEO → SEO Tools → SEO Setup Checklist and complete the homepage and default title settings.
- Publish the site and verify by opening the live page and checking the browser tab.
How to fix document title on Squarespace
- For the homepage title: Pages → (gear icon next to Homepage) → SEO tab → 'SEO Title' field.
- For other pages (About, Contact, etc.): Pages → click the gear icon (⚙) next to any page → SEO tab → 'SEO Page Title'.
- For product pages: Commerce → Inventory → [select product] → SEO tab → 'SEO Title'.
- For blog posts: Pages → Blog → click the blog post → Settings (gear icon) → SEO tab → 'SEO Title'.
- For site-wide title format defaults: Settings → SEO → 'Site Title Format' — set a pattern that appends your site name to every page title automatically.
- Note: Squarespace 7.1 uses the page title as the default SEO title; always check the SEO tab to ensure it hasn't been left blank or overridden with an empty value.
How to fix document title on Webflow
- Open your project in the Webflow Designer.
- Click the Pages panel (the page icon in the left toolbar) and select the page you need to fix.
- Click the settings gear (⚙) icon next to the page name to open Page Settings.
- Under the 'SEO Settings' section, fill in the 'Title Tag' field with a descriptive, unique title.
- For CMS Collection pages (e.g. Products, Blog): open the Collection template page settings → in the Title Tag field, use dynamic CMS fields — e.g. type the product name field binding so every item gets a unique title automatically.
- Publish the site, then open the live page and confirm the browser tab shows the correct title.
How to fix document title on Adobe Commerce (Magento)
- For store-level default title suffix: Admin → Stores → Configuration → General → Web → Default Page Title → fill in the 'Title Prefix' and 'Title Suffix' fields to append your store name globally.
- For the homepage: Content → Pages → find 'Home Page' → Edit → expand 'Search Engine Optimization' → fill in 'Page Title'.
- For CMS pages: Content → Pages → [select page] → Edit → 'Search Engine Optimization' accordion → 'Page Title'.
- For product pages: Catalog → Products → [select product] → 'Search Engine Optimization' tab → 'Meta Title' field.
- For category pages: Catalog → Categories → [select category] → 'Search Engine Optimization' tab → 'Meta Title'.
- To fix missing titles across many products, use the Product Grid bulk edit: Catalog → Products → select products → Actions → Update Attributes → set Meta Title.
How to fix document title on Magento Open Source
- Follow the same steps as Adobe Commerce (Magento) above — the admin paths are identical in Magento Open Source.
- For theme-level title tag: edit app/design/frontend/[Vendor]/[theme]/Magento_Theme/layout/default_head_blocks.xml and ensure <title> uses a layout variable, not a hardcoded string.
- Clear the cache after any changes: System → Cache Management → Flush Magento Cache.
How to fix document title on PrestaShop
- For product pages: Catalog → Products → [select product] → SEO tab → 'Meta title' field.
- For category pages: Catalog → Categories → [select category] → SEO tab → 'Meta title'.
- For CMS pages (About, Contact, etc.): Design → Pages → [select page] → 'Meta title' field.
- For the homepage: Shop Parameters → SEO & URLs → find 'index' in the pages list → Edit → 'Page title'.
- For global default title tag settings: Shop Parameters → SEO & URLs → 'Set up URLs' tab → review title format options.
- Clear the cache: Advanced Parameters → Performance → Clear cache.
How to fix document title on WooCommerce REST API
- When creating or updating products via the REST API, include the 'yoast_head_json' or use the Yoast SEO REST endpoint PATCH /wp-json/yoast/v1/indexable to set the title.
- Alternatively, update the post's native title (which Yoast uses as fallback) via PATCH /wp-json/wc/v3/products/{id} with { 'name': 'Your Product Title' } — this populates the SEO title template automatically.
- Verify by fetching the page HTML and confirming a non-empty <title> tag is present.
Does your site have this issue?
Run a free SEOLZ audit to find document title — and every other issue — across your whole site in minutes.
Scan my site freeFrequently asked questions
What is Document title?
Every webpage has a hidden piece of text in its code called the "document title" — the `<title>` tag inside the `<head>` of the HTML. This is the text that appears on the browser tab, in bookmarks, and as the blue clickable headline in Google search results. WCAG Success Criterion 2.4.2 ("Page Titled") requires that every page has a title that describes its topic or purpose. When this tag is missing or empty, the page has no name — it's like a book with a blank cover.
Why does document title matter?
For accessibility, screen-reader users hear the page title announced the moment a page loads — it's how they know where they are. A missing title is disorienting and is a Level A WCAG violation, meaning it fails the most basic accessibility standard and can expose your store to legal risk under laws like the ADA (US), EAA (EU), and the Equality Act (UK). For SEO, the title tag is one of Google's most important on-page signals: it directly influences your ranking and is the first thing shoppers read in search results. A missing or duplicate title suppresses your click-through rate and organic traffic. For conversions, a clear title builds trust — shoppers who see a blank browser tab often assume the page is broken and leave.
How do I fix document title?
Add a unique, descriptive <title> element to every page so browsers, screen readers, and search engines can identify it.
Authoritative references
- How to fix this specific rule — Deque/axe (rule reference)
- WCAG 2 overview — W3C WAI