Meta description too long

Quick win

Found on 81% of audited stores.

Shorten your meta description to 150–160 characters so Google displays it in full instead of cutting it off with "…" in search results.

What it is

A meta description is the short paragraph of text that appears beneath your page title in Google search results (the "snippet"). It is written in your page's HTML and is meant to entice searchers to click your link. Google recommends keeping it under roughly 160 characters — including spaces and punctuation. When it is longer than that, Google truncates it mid-sentence and replaces the end with an ellipsis (…), which can make your listing look incomplete or unprofessional. Note that Google may also rewrite your description entirely if it decides another passage on the page is more relevant, but providing a well-crafted, correctly-sized description gives you the best chance of controlling what shoppers see.

Why it matters

Your meta description is your free advertising copy in search results — it is often the deciding factor in whether a shopper clicks your link or a competitor's. A truncated description cuts off your call to action, hides key selling points (such as a store location, a brand name, or a promotion), and signals a lack of attention to detail that can erode trust before the visitor even lands on your site. Pages with compelling, complete meta descriptions consistently achieve higher click-through rates (CTR), and higher CTR sends a positive engagement signal that can reinforce your rankings over time. For multilingual and multibyte character sets (Japanese, Chinese, Korean, Arabic, etc.) the character budget can effectively be even shorter because each character is wider — aim for 70–80 characters to be safe, or test rendered pixel width with Google's Rich Results tools.

How to fix it

  1. Identify every page whose meta description exceeds 160 characters (use a site crawler, your platform's SEO app, or Google Search Console's 'Search Appearance' reports).
  2. For each page, draft a new description that is 50–160 characters long (aim for 120–155 to leave a safety margin). Lead with the single most compelling benefit or unique selling point, then add a clear call to action.
  3. If your store address or physical location is currently inside the meta description, remove it — address details belong in your footer, contact page, and Google Business Profile, not in a meta description.
  4. For multibyte scripts (Japanese, Chinese, Korean, Arabic, etc.), treat each character as ~2× the pixel width of a Latin character and aim for 70–80 characters maximum to avoid truncation.
  5. Save / publish the change, then use Google Search Console's URL Inspection tool (Inspect URL → Test Live URL) to confirm Google can see the new, shorter description.
  6. Monitor your CTR for that page in Search Console (Performance → Pages) over the following 4–6 weeks to gauge whether the improved snippet lifts clicks.

Fix it on your platform

Pick your platform for the exact steps.

How to fix meta description too long on Shopify
  1. Go to Online Store → Pages (for content pages) or Products / Collections (for product/collection pages).
  2. Click the page, product, or collection you want to edit.
  3. Scroll to the bottom of the editor to the 'Search engine listing' section and click 'Edit website SEO'.
  4. Edit the 'Description' field — Shopify shows a live character counter. Keep it under 160 characters (under 80 for Japanese/CJK).
  5. Click Save. No theme code changes are needed.
Full Shopify guide →Official Shopify docs ↗
How to fix meta description too long on Shopify Plus
  1. Follow the same steps as Shopify (the SEO panel is identical).
  2. For bulk edits across many products, use the Shopify bulk editor: Products → select multiple products → Edit products → add the 'SEO Description' column.
  3. Alternatively, use a Shopify Plus-compatible SEO app such as 'SEO Manager' or 'Plug In SEO' for store-wide auditing and bulk updates.
Full Shopify Plus guide →Official Shopify Plus docs ↗
How to fix meta description too long on WooCommerce
  1. Install and activate the Yoast SEO (or Rank Math) plugin if not already installed.
  2. For a product page: go to Products → All Products → click the product → scroll to the Yoast SEO / Rank Math meta box below the editor.
  3. Click the 'Edit snippet' button, then edit the 'Meta description' field. The plugin shows a colour-coded character/pixel-width bar — keep it in the green zone.
  4. For other page types (pages, categories): go to Pages or Products → Categories, open the item, and use the same SEO meta box.
  5. Click Update / Save.
Full WooCommerce guide →Official WooCommerce docs ↗
How to fix meta description too long on BigCommerce
  1. For product pages: go to Products → View → click the product → select the 'Other details' tab → find the 'Search Engine Optimization' section → edit the 'Meta Description' field.
  2. For category pages: go to Products → Product Categories → click the category → find the 'Search Engine Optimization' section.
  3. For content pages: go to Storefront → Web Pages → click the page → 'SEO & Sharing' tab → 'Meta Description'.
  4. Keep the description under 160 characters and click Save.
Full BigCommerce guide →Official BigCommerce docs ↗
How to fix meta description too long on Wix
  1. Open the Wix Editor and click the page you want to edit in the Pages & Menu panel.
  2. Click the three-dot (•••) menu next to the page name → 'SEO Basics' (or open Site → SEO → SEO Basics from the left sidebar).
  3. Edit the 'Description' field in the 'Google preview' panel. Wix shows a character counter.
  4. For product pages in Wix Stores: go to the Wix dashboard → Store Products → click the product → scroll to 'SEO' → edit 'Meta Description'.
  5. Click Save / Publish.
Full Wix guide →Official Wix docs ↗
How to fix meta description too long on Wix Studio
  1. In Wix Studio, open the Pages panel, hover over the target page, click the three-dot menu → 'SEO'.
  2. Edit the 'Meta description' field in the SEO settings panel, staying under 160 characters.
  3. For dynamic product/collection pages, update the description pattern in the SEO Settings of the relevant CMS collection.
  4. Click Apply / Publish.
Full Wix Studio guide →Official Wix Studio docs ↗
How to fix meta description too long on Squarespace
  1. For regular pages: open the page in the Pages panel → click the gear icon (⚙) → select the 'SEO' tab → edit the 'SEO Description' field.
  2. For product pages (Squarespace Commerce): go to Commerce → Inventory → click the product → scroll to the 'SEO' section at the bottom → edit 'SEO Description'.
  3. For blog posts: open the post → click the gear icon → 'SEO' tab → 'SEO Description'.
  4. Keep text under 160 characters and save.
Full Squarespace guide →Official Squarespace docs ↗
How to fix meta description too long on Webflow
  1. Open the Webflow Designer → click the Settings panel (⚙) in the left toolbar → select 'SEO Settings'.
  2. Alternatively, open the Pages panel (the stack icon) → hover over the target page → click the Settings (gear) icon → scroll to the 'SEO' section.
  3. Edit the 'Meta Description' field, keeping it under 160 characters.
  4. For CMS collection items (products, blog posts): open the CMS collection in the Editor, open the item, and update the 'Meta Description' field in the item's settings panel.
  5. Publish the site.
Full Webflow guide →Official Webflow docs ↗
How to fix meta description too long on Adobe Commerce (Magento)
  1. Log in to the Admin Panel → go to Catalog → Products (or Categories / CMS Pages) → open the item.
  2. Expand the 'Search Engine Optimization' section.
  3. Edit the 'Meta Description' field, keeping it under 160 characters.
  4. For store-wide defaults: go to Stores → Configuration → Catalog → Catalog → 'Product Fields Auto-Generation' to adjust the default meta description template.
  5. Save, then flush the Magento cache: System → Cache Management → Flush Magento Cache.
Full Adobe Commerce (Magento) guide →Official Adobe Commerce (Magento) docs ↗
How to fix meta description too long on Magento Open Source
  1. Follow the same steps as Adobe Commerce (Magento) — the admin path and SEO fields are identical.
  2. After saving, flush the cache via System → Cache Management → Flush Magento Cache.
Full Magento Open Source guide →Official Magento Open Source docs ↗
How to fix meta description too long on PrestaShop
  1. Go to Catalog → Products → click the product → select the 'SEO' tab.
  2. Edit the 'Meta description' field, keeping it under 160 characters.
  3. For CMS pages: go to Design → Pages → click the page → edit the 'Meta description' field.
  4. Save the record.
Full PrestaShop guide →Official PrestaShop docs ↗
How to fix meta description too long on OpenCart
  1. Go to Catalog → Products → click Edit on the product → select the 'SEO' tab (or 'Data' → 'Meta Tag Description' depending on version).
  2. Edit the 'Meta Tag Description' field, keeping it under 160 characters.
  3. For category pages: Catalog → Categories → Edit → 'SEO' tab → 'Meta Tag Description'.
  4. Save.
Full OpenCart guide →Official OpenCart docs ↗
How to fix meta description too long on Ghost
  1. Open the post or page in the Ghost editor.
  2. Click the Settings panel (⚙) on the top-right → scroll to 'Meta' → expand 'Meta data'.
  3. Edit the 'Meta description' field, keeping it under 160 characters.
  4. Save / Publish.
Full Ghost guide →Official Ghost docs ↗
How to fix meta description too long on Squarespace Commerce
  1. Go to Commerce → Inventory in your Squarespace dashboard.
  2. Click the product to open its editor → navigate to the SEO tab.
  3. Edit the 'Description' field to 150–160 characters, ensuring your key benefit and a call-to-action are included.
  4. Click 'Save'.
Full Squarespace Commerce guide →Official Squarespace Commerce docs ↗
How to fix meta description too long on HubSpot CMS
  1. Open the page in HubSpot. Go to Marketing → Website → Website Pages (or Landing Pages / Blog) and click Edit on the relevant page.
  2. Click 'Settings' (top of the editor) → Scroll to 'Meta description' → Edit the field.
  3. HubSpot shows a live search-snippet preview. Keep the description within the preview's visible area (under 160 characters).
  4. Click 'Publish' or 'Update' to apply.
Full HubSpot CMS guide →Official HubSpot CMS docs ↗
How to fix meta description too long on Next.js
  1. Locate every page file that sets a meta description — these will be either `generateMetadata()` exports (App Router: `app/*/page.tsx`) or `<Head>` components (Pages Router: `pages/*/*.tsx`).
  2. Create a shared helper utility at `lib/seo.ts` that hard-limits any description string to 160 characters, trimming cleanly on a word boundary so no word is split mid-word.
  3. App Router — replace or wrap your existing description value inside `generateMetadata()` with the new `truncateDescription()` helper so the limit is enforced automatically at build/request time.
  4. Pages Router — if you use `next/head`, pass the description through the same `truncateDescription()` helper before rendering the `<meta name='description'>` tag.
  5. For dynamic pages (PDP, PLP, blog) that pull descriptions from a CMS or commerce API, apply `truncateDescription()` to the raw API value before it reaches the metadata object, ensuring no runtime value can exceed the limit.
  6. Run `next build` and audit the output with a meta-tag checker (e.g. browser DevTools → Elements, or a Lighthouse run) to confirm every description is ≤ 160 characters.
Full Next.js guide →Official Next.js docs ↗
How to fix meta description too long on Nuxt.js
  1. Locate every page component (e.g. pages/index.vue, pages/products/[slug].vue, pages/categories/[slug].vue) and any shared SEO composable that sets the meta description.
  2. Replace raw, hard-coded description strings with a truncation utility (truncateDesc) that enforces a hard cap of 155 characters, preserving whole words and appending '…' only when the source string exceeds the limit.
  3. Pass the sanitised description to useSeoMeta({ description }) (preferred — Nuxt 3) or useHead({ meta: [{ name: 'description', content }] }) in every page where meta is set.
  4. For dynamic pages that fetch product/category data (e.g. via useAsyncData or useFetch), call truncateDesc on the API-returned description field before handing it to useSeoMeta so CMS copy that is too long is automatically capped.
  5. Add a composable file (composables/useTruncateDesc.ts) so the helper is auto-imported project-wide — no manual import required in any page.
  6. Validate the output length in your CI pipeline or with Nuxt DevTools by inspecting the rendered <meta name='description'> tag and confirming it is ≤ 160 characters.
Full Nuxt.js guide →Official Nuxt.js docs ↗
How to fix meta description too long on Gatsby
  1. Locate every page/template file that sets a meta description — common locations are `src/pages/.jsx`, `src/templates/.jsx`, and a shared `src/components/Seo.jsx` (or `Seo.js`) component.
  2. Create or update a `truncateDescription` utility function (e.g. in `src/utils/seo.js`) that hard-caps the description at 155 characters on the last full word, keeping it within the 150–160 Google display window.
  3. In your shared `<Seo>` component (Gatsby Head API export or `react-helmet`), pass every description through `truncateDescription` before injecting it into the `<meta name='description'>` tag.
  4. If you use the *Gatsby Head API* (Gatsby ≥ 4.19), export a named `Head` function from each page/template and apply the utility there. If you still use `react-helmet`, apply it inside the `<Helmet>` block.
  5. For pages driven by GraphQL (e.g. product/collection templates), ensure the raw `description` field pulled from your CMS/commerce API is also passed through the same utility so truncation is consistent across all dynamic routes.
  6. Run `gatsby build && gatsby serve` and verify with a `<meta>` inspector or the Google Rich Results Test that no description exceeds 160 characters.
Full Gatsby guide →Official Gatsby docs ↗
How to fix meta description too long on Next.js (Headless)
  1. Locate every page that sets a meta description — this is either a `generateMetadata()` export (App Router: `app/*/page.tsx`) or a `<Head><meta name='description' .../></Head>` block (Pages Router: `pages/*/*.tsx`).
  2. Create a shared utility `lib/seo.ts` with a `truncateDescription(raw: string, max = 155)` helper that hard-trims the raw string at the last word boundary before `max` characters, so no description ever exceeds 155 characters.
  3. Replace every hard-coded or CMS-sourced description value with `truncateDescription(rawDescription)` before it is passed to `generateMetadata` or `next/head`.
  4. For the App Router, return the trimmed value inside the `description` field of the `Metadata` object from `generateMetadata()`; for the Pages Router, set it as the `content` prop of `<meta name='description' …/>` inside `<Head>`.
  5. Run `next build` and inspect the rendered HTML with `curl` or browser DevTools to confirm every `<meta name='description'>` is ≤ 155 characters.
  6. Optionally add a Jest/Vitest unit test for `truncateDescription` to prevent regressions when CMS copy changes.
Full Next.js (Headless) guide →Official Next.js (Headless) docs ↗
How to fix meta description too long on Elementor
  1. In your WordPress dashboard, open the page or post with the too-long meta description in the Elementor editor (Edit with Elementor), then scroll down below the canvas to the document settings panel — or use the Yoast SEO / Rank Math / SEO Framework metabox that appears beneath the Elementor editor on the page edit screen in WP Admin.
  2. Click the 'SEO' tab (Yoast: the 'Google Preview' section under the SEO metabox; Rank Math: the 'Edit Snippet' button; All in One SEO: the 'Meta Description' field in the AIOSEO Settings box) to reveal the meta description field for this specific page.
  3. Read the current meta description and note its character count — the field's live counter will show it is over 160 characters.
  4. Rewrite the meta description so it is between 150 and 160 characters: lead with the primary keyword, summarise the page's unique value, and end with a subtle call to action. Remove filler words, redundant phrases, or repeated brand names to trim the length.
  5. Confirm the character counter in the snippet preview turns green (Yoast) or shows 'Good' (Rank Math / AIOSEO) — indicating the description is within the 150–160 character target.
  6. Click 'Update' (or 'Publish') in the Elementor top bar or the WP Admin sidebar to save the change, then use Google Search Console's URL Inspection tool to request re-indexing of the page so Google picks up the new, correctly-lengthed description.
Full Elementor guide →Official Elementor docs ↗
How to fix meta description too long on Remix
  1. Identify the route file(s) responsible for the page(s) with the too-long meta description — e.g. `app/routes/products.$handle.tsx` or `app/routes/_index.tsx` — inside your Remix project.
  2. Locate the exported `meta` function in that route file. It will look like: `export const meta: MetaFunction = ({ data }) => { return [ ... ]; };`
  3. Find the object in the returned array where `name: 'description'` is set, for example: `{ name: 'description', content: 'Your current long description here…' }`.
  4. Edit the `content` value so it is between 150 and 160 characters (inclusive). Use a character-counting tool or your editor's status bar to verify the exact length before saving.
  5. If the meta description is dynamically generated from a loader (e.g. pulled from a CMS or `data.product.seo.description`), truncate it safely in the `meta` function: `content: data.product.seo.description.slice(0, 155) + (data.product.seo.description.length > 155 ? '…' : '')` — but prefer crafting a meaningful description rather than a hard cut.
  6. Run `npm run dev` (or `remix dev`) locally, inspect the `<meta name="description">` tag in the browser's DevTools under the `<head>` element to confirm the rendered length, then deploy the updated route file.
Full Remix guide →Official Remix docs ↗

Does your site have this issue?

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

Scan my site free

Frequently asked questions

What is Meta description too long?

A meta description is the short paragraph of text that appears beneath your page title in Google search results (the "snippet"). It is written in your page's HTML and is meant to entice searchers to click your link. Google recommends keeping it under roughly 160 characters — including spaces and punctuation. When it is longer than that, Google truncates it mid-sentence and replaces the end with an ellipsis (…), which can make your listing look incomplete or unprofessional. Note that Google may also rewrite your description entirely if it decides another passage on the page is more relevant, but providing a well-crafted, correctly-sized description gives you the best chance of controlling what shoppers see.

Why does meta description too long matter?

Your meta description is your free advertising copy in search results — it is often the deciding factor in whether a shopper clicks your link or a competitor's. A truncated description cuts off your call to action, hides key selling points (such as a store location, a brand name, or a promotion), and signals a lack of attention to detail that can erode trust before the visitor even lands on your site. Pages with compelling, complete meta descriptions consistently achieve higher click-through rates (CTR), and higher CTR sends a positive engagement signal that can reinforce your rankings over time. For multilingual and multibyte character sets (Japanese, Chinese, Korean, Arabic, etc.) the character budget can effectively be even shorter because each character is wider — aim for 70–80 characters to be safe, or test rendered pixel width with Google's Rich Results tools.

How do I fix meta description too long?

Shorten your meta description to 150–160 characters so Google displays it in full instead of cutting it off with "…" in search results.

Authoritative references

Related SEO issues