Title too short

Quick win

Found on 92% of audited stores.

Expand your page title to between 30 and 60 characters so Google displays it fully in search results and shoppers can immediately understand what the page is about.

What it is

Every page on your store has a title tag — a short line of text that appears as the blue clickable headline in Google search results and as the tab label in a browser. When that title is too short (under about 30 characters), it typically means it's vague, generic, or missing key details like your product name, brand, or category. A title like "Hats" or "Shop Now" is technically valid HTML, but it tells neither Google nor shoppers what makes your page worth clicking. The sweet spot is roughly 30–60 characters: long enough to be descriptive, short enough to display without being cut off.

Why it matters

Your page title is one of the strongest on-page signals Google uses to understand and rank a page — a weak title means you could rank lower for the very terms your customers are searching. In search results, the title is the first thing a shopper reads before clicking; a short, uninformative title gets skipped for a competitor's more compelling one, directly costing you organic traffic and sales. Google may also rewrite an unhelpfully short title with its own text pulled from your page, which you can't control and which may not represent your product accurately. Fixing thin titles is a quick, high-leverage change that can improve both your rankings and your click-through rate.

How to fix it

Identify every page with a title under 30 characters — product pages, collection/category pages, the homepage, blog posts, and landing pages are the most common culprits.
For each page, write a new title that naturally includes: the primary keyword a customer would search, the product or page name, and your brand name (often at the end, separated by a dash or pipe). Example: 'Men's Merino Wool Beanies – BrandName'.
Aim for 30–60 characters (roughly 50–60 pixels wide). Use a free title-preview tool to check how it will look in Google before saving.
Avoid keyword stuffing (e.g. 'Hats Hats Buy Hats Online Best Hats') — write for the human reader first; Google rewards natural language.
Make every title unique across your store — duplicate titles dilute ranking signals and confuse shoppers in search results.
After saving, request re-indexing of updated pages via Google Search Console (URL Inspection → Request Indexing) and monitor click-through rate in the Performance report over the following weeks.

Fix it on your platform

Pick your platform for the exact steps.

How to fix title too short on Shopify

For a product page: go to Products → select the product → scroll to the 'Search engine listing' section at the bottom → click 'Edit' → update the 'Page title' field.
For a collection page: go to Products → Collections → select the collection → scroll to 'Search engine listing' → click 'Edit' → update 'Page title'.
For the homepage: go to Online Store → Preferences → find the 'Title and meta description' section → update the 'Title' field.
For other pages (About, Contact, etc.): go to Online Store → Pages → select the page → scroll to 'Search engine listing' → click 'Edit' → update 'Page title'.
For blog posts: go to Online Store → Blog posts → select the post → scroll to 'Search engine listing' → update 'Page title'.
Titles are saved immediately when you click 'Save'. No theme editing required.

Full Shopify guide →Official Shopify docs ↗

How to fix title too short on WooCommerce

Install the free Yoast SEO or Rank Math plugin if you haven't already — both add an SEO panel directly to every edit screen.
For a product: go to Products → All Products → select the product → scroll to the Yoast SEO / Rank Math panel → click the 'Edit snippet' button → update the 'SEO Title' field.
For a category page: go to Products → Categories → click 'Edit' on the category → scroll to the Yoast SEO / Rank Math panel → update the 'SEO Title'.
For the homepage: go to SEO (Yoast) → Search Appearance → Content Types tab for pages, or navigate to Pages → Home → edit with the SEO panel.
Use the Yoast / Rank Math character counter in the snippet preview to confirm the title is 30–60 characters before saving.

Full WooCommerce guide →Official WooCommerce docs ↗

How to fix title too short on BigCommerce

For a product: go to Products → View → select the product → click the 'Other details' tab → find the 'Page Title' field under 'Search Engine Optimization' → update it.
For a category: go to Products → Product Categories → select the category → scroll to the 'Search Engine Optimization' section → update 'Page Title'.
For the homepage: go to Storefront → My Theme → click 'Customize' → or go to Store Setup → Store Profile — homepage meta is often set under Storefront → Pages → Home.
For content pages: go to Storefront → Web Pages → select the page → update the 'Page Title' field in the SEO section.
Save changes; BigCommerce renders the title tag directly from this field with no additional configuration needed.

Full BigCommerce guide →Official BigCommerce docs ↗

How to fix title too short on Wix

Open the Wix Editor for your site.
For any page: click the Pages & Menu icon (top left) → hover over the page → click the three-dot menu → select 'SEO Basics' (or 'Page SEO').
In the SEO panel that opens, update the 'Title tag' field to your new 30–60 character title.
For product pages in Wix eCommerce: go to the Wix Dashboard → Store Products → select the product → scroll to 'SEO' on the right side → update 'Page Title'.
Wix shows a live character count and a snippet preview — use it to verify length before publishing.
Click 'Save' and then 'Publish' to make the change live.

Full Wix guide →Official Wix docs ↗

How to fix title too short on Squarespace

For a regular page: open the Pages panel → hover over the page → click the gear icon (Page Settings) → select the 'SEO' tab → update the 'SEO Title' field.
For a product page: go to Commerce → Inventory → select the product → click the 'SEO' tab in the product editor → update the 'SEO Title'.
For the homepage: go to Pages → hover over the homepage → gear icon → SEO tab → update 'SEO Title'. If left blank, Squarespace uses the page title — so always fill in the SEO Title explicitly.
For blog posts: open the blog post → click the gear icon → SEO tab → update 'SEO Title'.
Squarespace does not show a live character counter in the editor; use an external title-preview tool to check length before saving.

Full Squarespace guide →Official Squarespace docs ↗

How to fix title too short on Webflow

Open your project in the Webflow Designer.
For a static page: click the Pages panel (top left) → hover over the page → click the Settings gear icon → in the 'SEO Settings' section, update the 'Title Tag' field.
For CMS collection items (e.g. products, blog posts): go to the CMS Collection settings → open the Collection item → find the 'Slug & SEO' section → update the 'Title Tag' field. You can also bind the title tag to a CMS field dynamically from the Collection Page template settings.
For the homepage: Pages panel → Home → gear icon → update 'Title Tag' in SEO Settings.
Publish the site after saving to push changes live.
For bulk updates across many CMS items, export the CMS as a CSV, update the SEO title column, and re-import.

Full Webflow guide →Official Webflow docs ↗

How to fix title too short on Adobe Commerce (Magento)

For a product: go to Catalog → Products → select the product → expand the 'Search Engine Optimization' section → update the 'Meta Title' field (this controls the HTML title tag).
For a category: go to Catalog → Categories → select the category → click the 'Search Engine Optimization' tab → update the 'Meta Title' field.
For CMS pages (About, Contact, Homepage): go to Content → Pages → select the page → expand 'Search Engine Optimization' → update 'Meta Title'.
If 'Meta Title' is left blank, Adobe Commerce auto-generates a title from the product/category name — ensure the generated name itself is at least 30 characters or fill in Meta Title explicitly.
Clear the full-page cache after saving: System → Cache Management → Flush Magento Cache, so changes appear immediately.

Full Adobe Commerce (Magento) guide →Official Adobe Commerce (Magento) docs ↗

How to fix title too short on Shopify Plus

All steps are identical to standard Shopify (Products, Collections, Online Store → Preferences, Pages, Blog Posts → Search engine listing panel).
For enterprise stores with thousands of products, use the Shopify bulk editor: Products → All Products → select multiple products → 'Edit products' → add the 'SEO Title' column and update in bulk.
Alternatively, export products as a CSV (Products → Export), update the 'SEO Title' column in a spreadsheet, and re-import (Products → Import) for large-scale fixes.

Full Shopify Plus guide →Official Shopify Plus docs ↗

How to fix title too short on PrestaShop

For a product: go to Catalog → Products → select the product → click the 'SEO' tab → update the 'Meta title' field.
For a category: go to Catalog → Categories → select the category → click the 'SEO' tab → update 'Meta title'.
For CMS pages: go to Design → Pages → select the page → update 'Meta title'.
For the homepage: go to Shop Parameters → Traffic & SEO → find the 'index' page → update 'Meta title'.
Save changes; PrestaShop applies the meta title as the HTML title tag immediately.

Full PrestaShop guide →Official PrestaShop docs ↗

How to fix title too short on OpenCart

For a product: go to Catalog → Products → select the product → click the 'SEO' tab → update the 'Meta Tag Title' field.
For a category: go to Catalog → Categories → select the category → 'SEO' tab → update 'Meta Tag Title'.
For information pages: go to Catalog → Information → select the page → update 'Meta Tag Title'.
Save and then clear the OpenCart cache (if using a caching extension) so the new title tag is served immediately.

Full OpenCart guide →Official OpenCart docs ↗

How to fix title too short on WordPress.org

Install the Yoast SEO or Rank Math plugin if not already active.
Edit the page or post in the WordPress block editor (Gutenberg) or classic editor.
Scroll down to the Yoast SEO / Rank Math panel below the content area.
Click on the 'SEO title' field and update it with your new 50–60 character title. The snippet preview will update in real time and a colour-coded meter shows title length.
Click 'Update' or 'Publish' to save.

Full WordPress.org guide →Official WordPress.org docs ↗

How to fix title too short on Next.js

Audit every route that has a short title: check both `generateMetadata()` (App Router) and `<Head>` / `next/head` (Pages Router) for `<title>` tags or `title` metadata fields shorter than 50 characters.
For App Router routes (`app/` directory), open the relevant `page.tsx` (or `layout.tsx` for site-wide defaults) and update the exported `generateMetadata` function so that `title` — or `title.absolute` — is a descriptive string between 50 and 60 characters, including your brand name, primary keyword, and a value proposition.
For Pages Router routes (`pages/` directory), open the relevant page file, import `Head` from `next/head`, and set a `<title>` element whose text is 50–60 characters.
Use the `title.template` field in a root `layout.tsx` to auto-append your brand name (e.g. `'%s | Brand Name'`) so individual pages only need to provide the descriptive prefix — keeping the combined string within 60 characters.
Run `next build` and inspect the rendered HTML (`<title>` in `<head>`) or use a browser extension to verify the final character count is 50–60 before deploying.

Full Next.js guide →Official Next.js docs ↗

How to fix title too short on Nuxt.js

Identify every page component (e.g. pages/index.vue, pages/products/[slug].vue, pages/collections/[handle].vue) whose <title> is currently under 50 characters.
Use Nuxt's useSeoMeta() composable (preferred in Nuxt 3) inside the <script setup> block of each page to set the title. Aim for 50–60 characters, including the brand name appended with a separator (e.g. ' | Brand Name').
For dynamic pages (PDPs, PLPs), fetch the product/collection name from your headless commerce API first, then interpolate it into a computed title string before passing it to useSeoMeta(). Use a computed() or a plain template-literal that combines the resource name + descriptor + brand.
Add a fallback default title in nuxt.config.ts under app.head.title (and app.head.titleTemplate) so any page that forgets its own title still meets the 50-60 character target.
Validate character length at runtime with a thin helper (title.length >= 50 && title.length <= 60) and log a console.warn in development so future pages are caught early.
After deploying, confirm rendered <title> tags in View Source (not DevTools) to ensure SSR is outputting the full title before Google crawls the page.

Full Nuxt.js guide →Official Nuxt.js docs ↗

How to fix title too short on Gatsby

Identify every page component (e.g. src/pages/.jsx, src/templates/.jsx) whose <title> is too short — run a quick audit with your browser DevTools or a crawl tool to list them.
Use Gatsby's built-in Head API (Gatsby 4+) — export a named `Head` function from the same page/template file. If you are on Gatsby 3 or earlier, use `react-helmet` via the `gatsby-plugin-react-helmet` package instead.
Craft a descriptive title string that is 50–60 characters: include the primary keyword, a value differentiator (e.g. 'Free Shipping', 'Official Store'), and the brand name, separated by a pipe or dash.
Pass dynamic values (product name, category name, etc.) from the page's `data` prop (GraphQL query result) into the title so every page gets a unique, keyword-rich string rather than a hard-coded fallback.
Add a 50–60 char `<meta name='description'>` in the same Head export so Google has a complete snippet to display alongside the title.
Run `gatsby build && gatsby serve` and verify the rendered `<title>` in View Source — confirm the character count is between 50 and 60.

Full Gatsby guide →Official Gatsby docs ↗

How to fix title too short on Next.js (Headless)

Identify every route that has a short title — check both the App Router (`app/*/page.tsx` → `generateMetadata`) and the Pages Router (`pages/*/*.tsx` → `next/head`) files.
For App Router routes: update (or add) the exported `generateMetadata` function so the returned `title` string is between 30 and 60 characters, including your brand name and primary keyword.
For Pages Router routes: update (or add) the `<title>` tag inside `<Head>` from `next/head`, applying the same 30–60 character rule.
Use a shared `buildTitle` utility (see snippet) to enforce the character-length contract in one place and warn at build/runtime when a title falls outside the 30–60 character range.
Run `console.log(buildTitle(...).length)` or add a Jest/Vitest unit test against `buildTitle` to confirm every title variant stays within the window before shipping.
Deploy and verify in Google Search Console's URL Inspection tool or a third-party SEO crawler that the rendered `<title>` is between 30 and 60 characters.

Full Next.js (Headless) guide →Official Next.js (Headless) docs ↗

How to fix title too short on Elementor

In your WordPress dashboard, open the page with the short title in Elementor by going to Pages (or Posts) → find the page → click 'Edit with Elementor'.
Once inside the Elementor editor, click the hamburger menu (☰) in the top-left corner and select 'Page Settings' (the gear/cog icon at the bottom of the left panel) to open the page's settings panel.
Scroll down within the Page Settings panel to locate the 'SEO' section — if you have Yoast SEO or Rank Math installed, a dedicated SEO meta box will appear below the Elementor canvas in the WordPress editor view (switch to 'WordPress Editor' mode via the hamburger menu → 'Exit to Dashboard' and then edit the page normally to access it).
In the SEO plugin's meta box (Yoast SEO: 'SEO title' field under the 'SEO' tab; Rank Math: 'Title' field under the 'General' tab), clear the existing title and type a new one that is between 30 and 60 characters — include your primary keyword and a clear description of the page (e.g., 'Handmade Soy Candles – Free Shipping Over $50').
Check the character counter or snippet preview within the SEO plugin to confirm the title falls within the 30–60 character range and looks correct in the simulated Google result.
Click 'Update' (or 'Publish') to save the page, then re-open it in Elementor to verify the displayed page heading still aligns with your new SEO title.

Full Elementor guide →Official Elementor docs ↗

How to fix title too short on Remix

Identify the route file responsible for the page with the short title (e.g. app/routes/products.$handle.tsx or app/routes/collections.$handle.tsx) inside your Remix project.
Open that route file and locate the exported `meta` function (or add one if it is missing). In Remix v2+ it uses the signature: `export const meta: MetaFunction = ({ data }) => { return [...]; };`
Inside the `meta` function, find or add the `{ title: '...' }` object in the returned array. Rewrite the title string so it is between 30 and 60 characters, is descriptive, and includes your primary keyword — for example: `{ title: 'Organic Arabica Coffee Beans | Free Shipping | BrandName' }`
If the title relies on dynamic data (e.g. a product name fetched in the `loader`), compose it with template literals and pad it with your store name or a value proposition to reach the 30-character minimum: e.g. `` `${data.product.title} – Shop at BrandName` ``
Run `npm run dev` (or `yarn dev`) locally and inspect the `<title>` tag in the browser's page source to confirm the rendered character count is between 30 and 60 characters.
Deploy the updated route file. Re-crawl the URL in Google Search Console (Inspect URL → Request Indexing) to prompt Google to pick up the new title.

Full Remix guide →Official Remix docs ↗

Does your site have this issue?

Run a free SEOLZ scan to find title too short — and every other issue — across your whole site in minutes.

Scan my site free

Frequently asked questions

What is Title too short?

Why does title too short matter?

How do I fix title too short?