Document title
Quick winFound on 9% of audited stores.
Add a descriptive, non-empty `<title>` element to every page so browsers, screen readers, and search engines can identify it.
What it is
Every web page must have a `<title>` tag inside its `<head>` section — a short line of text that names the page. It's what appears in the browser tab, in screen-reader announcements when the page loads, and as the blue clickable headline in Google search results. A "missing document title" finding means at least one of your pages either has no `<title>` tag at all, or the tag is completely empty (e.g. `<title></title>`). This violates WCAG 2.4.2 (Level A), which is the most basic level of accessibility compliance.
Why it matters
For shoppers using screen readers or keyboard navigation — including many people with visual, motor, or cognitive disabilities — the page title is the very first thing announced when a new page loads. Without it, they have no quick way to know where they are, making your store confusing or unusable and exposing you to accessibility legal risk (ADA, EAA, and similar laws). For SEO, the `<title>` tag is one of Google's strongest on-page ranking signals and is the text Google most often uses as your search snippet headline — a missing or empty title can directly suppress your organic traffic and click-through rate. It also hurts conversions because customers lose trust in a store whose browser tab shows a blank or URL-only title.
How to fix it
- Identify every page that is missing a title — check your scanner's full list, then spot-check by opening the page and looking at the browser tab.
- Write a unique, descriptive title for each page using the pattern: Primary Keyword / Page Name – Store Name (e.g. 'Women's Running Shoes – Acme Sports').
- Keep titles between 50–60 characters so they display fully in Google search results without being cut off.
- Add or update the `<title>` element inside the `<head>` section of every affected page's HTML template.
- For dynamic pages (product, collection, blog), edit the template file or CMS field so the title is generated automatically from the product/category/post name.
- After publishing, re-run your accessibility scanner and check the browser tab to confirm the title appears correctly on every page type.
Fix it on your platform
Pick your platform for the exact steps.
How to fix document title on Shopify
- For the homepage: Admin → Online Store → Preferences → 'Homepage title' field → save.
- For product pages: Admin → Products → select a product → scroll to 'Search engine listing' section → edit 'Page title' field.
- For collection pages: Admin → Products → Collections → select a collection → 'Search engine listing' → 'Page title'.
- For blog posts: Admin → Online Store → Blog Posts → select a post → 'Search engine listing' → 'Page title'.
- For other pages (About, Contact, etc.): Admin → Online Store → Pages → select page → 'Search engine listing' → 'Page title'.
- To fix all product/collection titles at the template level: Online Store → Themes → Actions → Edit code → open `layout/theme.liquid` → ensure `<title>{{ page_title }}</title>` is present inside `<head>`.
How to fix document title on Shopify Plus
- All standard Shopify admin paths apply (see Shopify above).
- For custom storefronts or headless setups, open the relevant layout or page component and ensure `<title>` is populated dynamically from your page data.
- Use Shopify Scripts or custom liquid to enforce a fallback: `<title>{{ page_title | default: shop.name }}</title>` in `layout/theme.liquid`.
How to fix document title on WooCommerce
- Install and activate the Yoast SEO or Rank Math plugin if not already present.
- For Yoast SEO: go to SEO → Search Appearance → Content Types and set the title template for Products, Categories, and Pages using variables like `%%title%% – %%sitename%%`.
- For individual products: open the product edit screen → scroll to 'Yoast SEO' (or 'Rank Math SEO') meta box → 'SEO title' field → enter/edit the title.
- For pages/posts: same meta box on each edit screen.
- If managing titles directly in the theme: edit `header.php` in your child theme (Appearance → Theme File Editor) and ensure `<title><?php wp_title('|', true, 'right'); ?></title>` or `wp_head()` is present inside `<head>`.
- Never edit the parent theme directly — always use a child theme or the plugin's template override.
How to fix document title on BigCommerce
- For the homepage: Admin → Marketing → SEO & Analytics → 'Page title' under 'Home Page SEO'.
- For product pages: Catalog → Products → select a product → 'SEO' tab → 'Page title' field.
- For category pages: Catalog → Categories → select a category → 'SEO' tab → 'Page title'.
- For standard pages: Storefront → Web Pages → select page → 'SEO' tab → 'Page title'.
- To fix the title at the template level: Storefront → My Themes → Advanced → Edit Theme Files → open `templates/layout/base.html` → confirm `<title>{{head.title}}</title>` is inside `<head>`.
How to fix document title on Wix
- Open the Wix Editor for your site.
- Click the page you want to fix in the Pages panel.
- Click the three-dot menu (⋯) next to the page name → 'SEO Basics' (or go to Site → SEO → SEO Basics).
- Fill in the 'Page title' field with your descriptive title.
- Repeat for every page listed in your Pages panel.
- For dynamic pages (e.g. product pages in Wix Stores): go to Site → SEO → SEO Patterns → Dynamic Pages and set a title pattern using variables like `{product.name} – {site.name}`.
How to fix document title on Wix Studio
- In Wix Studio, open the site and select a page from the Pages & Menus panel.
- Click the SEO icon (or Page Settings → SEO tab).
- Enter a descriptive title in the 'Title tag' field.
- For CMS/collection pages, switch to the 'Dynamic' tab and use field variables (e.g. `{Title} | My Store`) to auto-populate titles.
- Publish the site and verify the title appears in the browser tab.
How to fix document title on Squarespace
- For the site-wide title pattern: Settings → SEO → 'SEO Site Title' — this is used as the suffix across all pages.
- For individual pages: Pages → click the gear icon (⚙) next to the page name → SEO tab → 'SEO Title' field.
- For product pages in Squarespace Commerce: Pages → your Store page → click a product → SEO tab → 'SEO Title'.
- For blog posts: Pages → Blog → click a post → Settings → SEO tab → 'SEO Title'.
- If the SEO Title field is left blank, Squarespace falls back to the page title — ensure every page has at least a page title set.
How to fix document title on Webflow
- Open the Webflow Designer for your project.
- Select the page in the Pages panel (left sidebar).
- Click the gear icon next to the page name to open Page Settings.
- Under 'SEO Settings', fill in the 'Title Tag' field with your descriptive title.
- For CMS Collection pages: open the Collection Template page settings → use CMS field bindings (the purple '+' button) to bind the Title Tag to the item's name or SEO title field.
- Publish the site and confirm the browser tab shows the correct title.
How to fix document title on Adobe Commerce (Magento)
- For the default title suffix: Admin → Stores → Configuration → General → Design → HTML Head → 'Default Title' and 'Title Prefix/Suffix' fields.
- For CMS pages: Content → Pages → select a page → 'Search Engine Optimisation' tab → 'Meta Title' field.
- For product pages: Catalog → Products → select a product → 'Search Engine Optimization' tab → 'Meta Title' field.
- For category pages: Catalog → Categories → select a category → 'Search Engine Optimization' section → 'Meta Title' field.
- To fix at the layout level: in your custom theme, edit `Magento_Theme/layout/default_head_blocks.xml` and confirm the `<title>` block is properly included.
- Clear the full-page cache after saving: System → Cache Management → Flush Magento Cache.
How to fix document title on Magento Open Source
- Follow the same admin paths as Adobe Commerce (Magento) above.
- For theme-level fixes, edit `app/design/frontend/<Vendor>/<theme>/Magento_Theme/layout/default_head_blocks.xml`.
- Run `bin/magento cache:clean` from the command line after making theme changes.
How to fix document title on PrestaShop
- For individual pages: Back Office → Catalog → Products → select a product → 'SEO' tab → 'Meta title' field.
- For CMS pages: Design → Pages → select a page → 'SEO' tab → 'Meta title'.
- For category pages: Catalog → Categories → select a category → 'SEO' tab → 'Meta title'.
- For the homepage and global defaults: Shop Parameters → Traffic & SEO → 'Meta title' for the home page row.
- Ensure the `{$meta_title}` Smarty variable is present in `<title>{$meta_title}</title>` inside your theme's `_partials/head.tpl` file.
How to fix document title on Headless / Custom (I build in code)
- In your HTML template or layout component, ensure every page renders a `<title>` tag inside `<head>` with a non-empty, page-specific string.
- For React/Next.js: use the `<Head>` component from `next/head` or the `metadata` export in the App Router to set `title` per page.
- For Nuxt.js: use `useHead({ title: 'Page Name – Store Name' })` in each page component or set a global `titleTemplate` in `nuxt.config.ts`.
- For any framework: implement a global title template (e.g. `%s – Store Name`) and override it per page with the specific page name.
- Add a fallback in your root layout so that if a page-level title is missing, the store name is used rather than an empty string.
- Run an automated accessibility test (axe, Lighthouse) in CI to catch any page missing a title before it reaches production.
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 scan 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 web page must have a `<title>` tag inside its `<head>` section — a short line of text that names the page. It's what appears in the browser tab, in screen-reader announcements when the page loads, and as the blue clickable headline in Google search results. A "missing document title" finding means at least one of your pages either has no `<title>` tag at all, or the tag is completely empty (e.g. `<title></title>`). This violates WCAG 2.4.2 (Level A), which is the most basic level of accessibility compliance.
Why does document title matter?
For shoppers using screen readers or keyboard navigation — including many people with visual, motor, or cognitive disabilities — the page title is the very first thing announced when a new page loads. Without it, they have no quick way to know where they are, making your store confusing or unusable and exposing you to accessibility legal risk (ADA, EAA, and similar laws). For SEO, the `<title>` tag is one of Google's strongest on-page ranking signals and is the text Google most often uses as your search snippet headline — a missing or empty title can directly suppress your organic traffic and click-through rate. It also hurts conversions because customers lose trust in a store whose browser tab shows a blank or URL-only title.
How do I fix document title?
Add a descriptive, non-empty `<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