Seo product title generic

Moderate effort

Found on 28% of audited stores.

Rewrite every product page title tag to include the specific product name plus at least one differentiating attribute (variant, material, brand, or model) so Google and shoppers can instantly tell what the page is about.

What it is

The title tag is the clickable blue headline that appears in Google search results and in the browser tab. When a product title is generic — just a catch-all label like a category name, a symbol-only string, or a name with no distinguishing detail — Google and shoppers cannot tell your page apart from dozens of similar pages. A strong product title follows a pattern like: *[Product Name] – [Key Attribute] – [Brand]* (for example, "Magnetic Card Holder Mount – MagSafe Compatible – BrandName"). Every word in the title should help a real shopper understand exactly what they are about to buy.

Why it matters

Google uses the title tag as the primary signal for what a page is about and displays it as the clickable headline in search results; a vague title means lower rankings for the specific search terms your customers actually type. Shoppers who do see your listing in results are far less likely to click a generic title because it tells them nothing about the product, directly reducing your organic click-through rate and revenue. Google may also auto-rewrite a weak title to something it considers more descriptive — and that rewritten version may not represent your product accurately or include your brand name. Finally, for multilingual or character-heavy store names, Google may not understand the content at all without a descriptive, keyword-rich title accompanying the product name.

How to fix it

  1. Audit every product page title tag and flag any that are missing the actual product name, contain only a brand name, use non-Latin characters without an English (or target-language) descriptor, or omit differentiating attributes.
  2. Draft a title template for your store following the pattern: [Descriptive Product Name] – [Primary Differentiator (color/material/model/size)] – [Brand]. Example: 'Magnetic Card Holder Phone Mount – MagSafe Compatible – BrandName'.
  3. Ensure the title is 50–60 characters long so it displays without truncation in Google search results; prioritise the most important keywords toward the front.
  4. Add structured differentiators for variant pages: if a product comes in multiple colors or sizes, the variant page title should name the specific variant (e.g. 'Slim Leather Wallet Case – Midnight Black – iPhone 15 – BrandName') rather than using the same title for every variant.
  5. Update the title tag in your platform's product editor or SEO fields (not just the visible on-page heading) and save. Verify the rendered HTML contains the correct <title> tag by using View Source or a browser extension.
  6. Submit updated URLs to Google Search Console via the URL Inspection tool to prompt re-crawling, then monitor the 'Search results' performance report for improvements in impressions and click-through rate over the following 4–6 weeks.

Fix it on your platform

Pick your platform for the exact steps.

How to fix seo product title generic on Shopify
  1. Go to Products → All products and click the product you want to fix.
  2. Scroll to the bottom of the product editor to the 'Search engine listing' section and click 'Edit'.
  3. Update the 'Page title' field with your descriptive title (e.g. 'Magnetic Card Holder Mount – MagSafe – BrandName'). This field directly writes the HTML <title> tag.
  4. Leave the on-page product heading (the 'Title' field at the top) as-is or update it to match — it controls the visible H1, not the <title>.
  5. Click Save. To bulk-update many products, use the Shopify bulk editor (select products → Edit products) or export/import via CSV, editing the 'SEO Title' column.
  6. For theme-level title templates, edit the product.liquid (or product JSON template) and look for {{ page_title }} — ensure it outputs the SEO title field, not just the product title.
Full Shopify guide →Official Shopify docs ↗
How to fix seo product title generic on Shopify Plus
  1. All steps are identical to Shopify. For large catalogs, use the Shopify Admin Bulk Editor or a metafield/CSV import to set seo.title on every product at scale.
  2. Consider a Shopify Plus Script or an app such as 'SEO Manager' or 'Yoast SEO for Shopify' to enforce a title template (e.g. '{{ product.title }} – {{ product.type }} – {{ shop.name }}') store-wide.
Full Shopify Plus guide →Official Shopify Plus docs ↗
How to fix seo product title generic on WooCommerce
  1. Install and activate the Yoast SEO or Rank Math plugin if not already present.
  2. Go to Products → All Products and click Edit on the product.
  3. Scroll to the Yoast SEO (or Rank Math SEO) meta box below the product description.
  4. Click into the 'SEO title' field and type your descriptive title. The snippet preview shows how it will look in Google.
  5. For bulk updates, use Yoast's bulk editor (SEO → Tools → Bulk editor) or Rank Math's bulk editing table.
  6. To set a default template for all products, go to Yoast SEO → Search Appearance → WooCommerce (or Rank Math → Titles & Meta → WooCommerce) and set the Product Title template, e.g. '%%title%% – %%ct_product_cat%% – %%sitename%%'.
Full WooCommerce guide →Official WooCommerce docs ↗
How to fix seo product title generic on BigCommerce
  1. Go to Products → View in your BigCommerce control panel and click the product name.
  2. Select the 'Other Details' tab within the product editor.
  3. Find the 'Search Engine Optimization' section and fill in the 'Page Title' field with your descriptive title.
  4. Click Save & Exit.
  5. For bulk updates, export your product catalog via Products → Export, fill in the 'Page Title' column in the CSV, then re-import via Products → Import.
  6. To set a store-wide default title format, go to Storefront → My Themes → Advanced → Edit Theme Files and edit config.json or the relevant Handlebars template (e.g. templates/pages/product.html), updating the {{#if product.title}}...{{/if}} block.
Full BigCommerce guide →Official BigCommerce docs ↗
How to fix seo product title generic on Wix
  1. Open the Wix Editor or Wix Studio and navigate to your store product page.
  2. In the Wix Editor, go to your site's dashboard: Stores → Products, click the product, then select 'SEO' tab inside the product editor.
  3. Update the 'Title tag' field with your descriptive product title.
  4. Alternatively, go to the site dashboard → SEO → SEO Tools → Structured Data Markup for store-wide patterns.
  5. For bulk updates, use the Wix SEO Wiz or export/import products via the Wix Stores CSV export (the 'pageTitle' column maps to the title tag).
  6. Click Publish to make changes live.
Full Wix guide →Official Wix docs ↗
How to fix seo product title generic on Squarespace
  1. Open your Squarespace dashboard and go to Commerce → Products (or Pages → [Your Shop Page]).
  2. Click the product you want to edit.
  3. Select the 'SEO' tab within the product editor panel.
  4. Update the 'SEO Title' field with your descriptive title.
  5. Click Save. Squarespace does not currently offer a bulk product SEO title editor, so each product must be updated individually or via the Squarespace API.
  6. To verify, preview the page and check the browser tab or use a browser extension to inspect the <title> tag.
Full Squarespace guide →Official Squarespace docs ↗
How to fix seo product title generic on Webflow
  1. Open the Webflow Designer and navigate to your CMS Products collection.
  2. Go to the CMS → Products collection list and open the product item.
  3. Find the 'SEO Settings' section within the item editor and update the 'Title Tag' field.
  4. To apply a template across all products, go to the Product Collection Template page in the Designer, open Page Settings (the gear icon), and set the Title Tag field to a dynamic binding such as: [Product Name] – [Category Field] – [Brand Field].
  5. Publish your site for changes to go live.
  6. For bulk updates, export the Products collection to CSV, edit the 'seo-title' column, and re-import.
Full Webflow guide →Official Webflow docs ↗
How to fix seo product title generic on Adobe Commerce (Magento)
  1. Log in to the Admin Panel and go to Catalog → Products.
  2. Click on the product to edit.
  3. Expand the 'Search Engine Optimization' section in the product edit page.
  4. Update the 'Meta Title' field with your descriptive product title. This field populates the HTML <title> tag.
  5. Click Save.
  6. For bulk updates, use the product mass-action: select multiple products → Actions → Update Attributes, then set the Meta Title in the bulk attribute update form.
  7. To set a store-wide default title pattern, go to Stores → Configuration → Catalog → Catalog → Product Fields Auto-generation and set the 'Product Title' mask.
Full Adobe Commerce (Magento) guide →Official Adobe Commerce (Magento) docs ↗
How to fix seo product title generic on Magento Open Source
  1. Steps are identical to Adobe Commerce (Magento). Go to Catalog → Products → edit a product → Search Engine Optimization section → update Meta Title.
  2. For store-wide default title templates, go to Stores → Configuration → Catalog → Catalog → Product Fields Auto-generation.
Full Magento Open Source guide →Official Magento Open Source docs ↗
How to fix seo product title generic on PrestaShop
  1. Go to Catalog → Products in your PrestaShop back office and click the product.
  2. Select the 'SEO' tab within the product editor.
  3. Update the 'Meta title' field with your descriptive product title.
  4. Click Save.
  5. For bulk updates, use a module such as 'Easy SEO' or export products via the native CSV export, edit the 'meta_title' column, and re-import.
Full PrestaShop guide →Official PrestaShop docs ↗
How to fix seo product title generic on OpenCart
  1. Log in to the OpenCart admin and go to Catalog → Products.
  2. Click Edit on the target product.
  3. Go to the 'SEO' tab (or 'Data' tab depending on version).
  4. Update the 'Meta Tag Title' field with your descriptive product title.
  5. Click Save.
  6. For bulk updates, use an SEO extension from the OpenCart marketplace or export/import via the built-in import tool, editing the 'meta_title' column.
Full OpenCart guide →Official OpenCart docs ↗
How to fix seo product title generic on Next.js (Headless)
  1. Locate your product page route. In the App Router this is typically `app/products/[slug]/page.tsx`; in the Pages Router it is `pages/products/[slug].tsx`.
  2. Fetch the full product object (name, brand, primary variant label such as colour/size, material, model number) at build/request time — via `generateStaticParams` + `generateMetadata` (App Router) or `getStaticProps`/`getServerSideProps` + `next/head` (Pages Router).
  3. Build a descriptive title string that combines: *Product Name + Differentiating Attribute(s) + Brand*. Never fall back to a bare product name; always include at least one variant/material/model field.
  4. Export `generateMetadata` (App Router) or render a `<Head><title>` block (Pages Router) using that string — both the `title` and `openGraph.title` fields should be set so social shares also get the specific title.
  5. Add a site-name suffix (e.g. `| YourStore`) via the App Router's `metadata.title.template` in `app/layout.tsx` so every product page inherits it automatically without duplicating code.
  6. Validate the output with `next build && next start`, then inspect the rendered `<title>` tag in DevTools and confirm it matches the pattern `Product Name – Attribute – Brand | Site`.
Full Next.js (Headless) guide →Official Next.js (Headless) docs ↗
How to fix seo product title generic on Elementor
  1. In your WordPress admin, open the product page in Elementor by going to Products → find the product → click 'Edit with Elementor'.
  2. With the Elementor editor open, click the hamburger menu (☰) in the top-left corner and select 'Site Settings', OR look for the 'SEO' panel in the page settings sidebar (bottom-left gear icon → 'SEO' tab) if you have Yoast SEO or Rank Math installed alongside Elementor.
  3. In the SEO panel (Yoast: 'SEO title' field; Rank Math: 'Title' field under the 'General' tab), clear the current generic title and type a specific title following this pattern: [Exact Product Name] – [Differentiating Attribute, e.g. Material/Brand/Model/Variant] | [Store Name]. For example: 'Merino Wool Crew-Neck Sweater – Navy Blue | BrandName'.
  4. If you are using Elementor's native dynamic tags instead of a separate SEO plugin, click on the page title text widget, then in the Content panel click the dynamic tag icon (⚡) next to the Title field and select 'Post Title', then hard-code any additional differentiating attributes as a suffix using the 'Before' / 'After' fields in the dynamic tag settings.
  5. Click 'Update' (green button, top-right) to save the page, then use the 'Preview' button to confirm the browser tab and page <title> reflect the new, specific title.
  6. Repeat for every product page with a generic title, or use Elementor's Theme Builder (Templates → Theme Builder → Single Product) to update the title template globally with dynamic tags such as {Product Name} + a static differentiating suffix, so future products inherit the improved pattern automatically.
Full Elementor guide →Official Elementor docs ↗
How to fix seo product title generic on Gatsby
  1. Locate your product page template — typically `src/templates/product.jsx` (or `.tsx`) — where each product detail page is generated via `gatsby-node.js` / File System Route API (`src/pages/products/{Product.handle}.jsx`).
  2. Inside the template, destructure the fields you need from the page query result: `title`, `productType` (or `vendor`/`variants`), and any differentiating attributes such as `variants[0].title` (size/colour), `material`, or `brand`.
  3. Build a rich, specific title string in the component body, e.g. `const pageTitle = \`${product.title} – ${product.variants[0].title} | ${product.vendor}\`` — choose whichever attributes make the product unique.
  4. Use *Gatsby Head API* (Gatsby ≥ 4.19) by exporting a named `Head` function from the same template file — this is the modern, recommended approach and avoids the `react-helmet` peer-dependency issues.
  5. Inside the `Head` export, render a `<title>` tag and a matching `<meta name='description'>` tag using the constructed string so both the SERP title and snippet are specific to the product.
  6. Verify output by running `gatsby build && gatsby serve` and inspecting the rendered HTML `<head>` for each product route; confirm the title contains the product name plus at least one differentiating attribute.
Full Gatsby guide →Official Gatsby docs ↗

Does your site have this issue?

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

Scan my site free

Frequently asked questions

What is Seo product title generic?

The title tag is the clickable blue headline that appears in Google search results and in the browser tab. When a product title is generic — just a catch-all label like a category name, a symbol-only string, or a name with no distinguishing detail — Google and shoppers cannot tell your page apart from dozens of similar pages. A strong product title follows a pattern like: **[Product Name] – [Key Attribute] – [Brand]** (for example, "Magnetic Card Holder Mount – MagSafe Compatible – BrandName"). Every word in the title should help a real shopper understand exactly what they are about to buy.

Why does seo product title generic matter?

Google uses the title tag as the primary signal for what a page is about and displays it as the clickable headline in search results; a vague title means lower rankings for the specific search terms your customers actually type. Shoppers who do see your listing in results are far less likely to click a generic title because it tells them nothing about the product, directly reducing your organic click-through rate and revenue. Google may also auto-rewrite a weak title to something it considers more descriptive — and that rewritten version may not represent your product accurately or include your brand name. Finally, for multilingual or character-heavy store names, Google may not understand the content at all without a descriptive, keyword-rich title accompanying the product name.

How do I fix seo product title generic?

Rewrite every product page title tag to include the specific product name plus at least one differentiating attribute (variant, material, brand, or model) so Google and shoppers can instantly tell what the page is about.

Authoritative references

Related SEO issues