Missing meta description
Moderate effortFound on 75% of audited stores.
Write and add a unique meta description (120–160 characters) to every page that is missing one, so Google can display an accurate, compelling snippet in search results.
What it is
A meta description is a short HTML tag placed in the `<head>` of a webpage that summarizes what the page is about. It is not visible on the page itself, but search engines read it and often display it as the two or three lines of grey text shown beneath your page title in Google search results. Think of it as a free 160-character advertisement for every page on your store — it tells shoppers exactly what they'll find before they click.
Why it matters
When a meta description is missing, Google writes one for you by pulling random text from the page — often a navigation label, footer copyright notice, or mid-sentence fragment that makes no sense out of context. A compelling, keyword-rich description written by you can meaningfully increase click-through rate (CTR) from search results, driving more organic traffic to your store without spending a cent more on ads. Higher CTR also sends a positive engagement signal that can lift your rankings over time. For product and category pages especially, a strong description highlighting your unique selling points (free shipping, best price, reviews) is one of the easiest conversion levers you have in SEO.
How to fix it
- Identify every page missing a meta description — prioritize your homepage, all product pages, collection/category pages, and any high-traffic blog or landing pages first.
- For each page, write a unique description of 120–160 characters (spaces included) that: (a) naturally includes the primary keyword for that page, (b) describes what the visitor will find, and (c) includes a soft call to action such as 'Shop now', 'Free shipping', or 'See the full range'.
- Avoid duplicate descriptions — each page must have its own; copying the same description across multiple pages provides no benefit and can dilute relevance.
- Add the tag inside the `<head>` element of each page: `<meta name="description" content="Your unique description here.">`. On most platforms this is done through a built-in SEO field, not by editing raw HTML.
- After publishing, validate by searching the page URL in Google's Rich Results Test or by inspecting the page source (Ctrl+U) and searching for `meta name="description"`.
- Monitor Google Search Console → Search Results → Queries to track whether impressions and CTR improve over the following 4–8 weeks after descriptions are added.
Fix it on your platform
Pick your platform for the exact steps.
How to fix missing meta description on Shopify
- For a product page: Admin → Products → click the product → scroll to the 'Search engine listing' section at the bottom → click 'Edit' → fill in the 'Meta description' field (Shopify shows a live character counter).
- For a collection page: Admin → Products → Collections → click the collection → same 'Search engine listing' section at the bottom.
- For the homepage: Admin → Online Store → Preferences → fill in the 'Meta description' field under 'Homepage meta tags'.
- For blog posts: Admin → Online Store → Blog Posts → click the post → 'Search engine listing' section at the bottom.
- For other pages (About, Contact, etc.): Admin → Online Store → Pages → click the page → 'Search engine listing' section.
- To bulk-update products at scale, use a third-party app such as 'SEO Manager' or 'Plug In SEO', or export products via Admin → Products → Export, fill the 'Body HTML' / SEO columns in the CSV, then re-import.
How to fix missing meta description on Shopify Plus
- All standard Shopify paths above apply. Additionally, use the Shopify Plus 'Bulk Editor' (Admin → Products → select multiple products → Bulk edit) to add/edit meta description fields across many products at once.
- For theme-level default templates, edit the relevant Liquid file (e.g., product.liquid) and ensure `{{ page_description }}` is output inside a `<meta name='description'>` tag — Shopify Plus merchants often use a custom theme.
How to fix missing meta description on WooCommerce
- Install the free 'Yoast SEO' plugin (or 'Rank Math SEO') from Plugins → Add New if not already installed.
- For a product: Admin → Products → click the product → scroll to the 'Yoast SEO' (or 'Rank Math') meta box below the editor → click the 'Search Appearance' tab → type your description in the 'Meta description' field; the snippet preview updates in real time.
- For a category page (Shop, category archive): Admin → Products → Categories → click the category → fill in the 'Yoast SEO' meta description field at the bottom.
- For the homepage (if set as a static page): Admin → Pages → click the homepage → same Yoast/Rank Math meta box.
- For site-wide fallback templates (product type, category archives): Yoast SEO → Search Appearance → Content Types → set a template using variables like %%sitename%% and %%excerpt%% as a safety net for pages with no manual description.
How to fix missing meta description on BigCommerce
- For a product: Admin → Catalog → Products → click the product → 'SEO' tab → fill in the 'Meta Description' field.
- For a category page: Admin → Catalog → Product Categories → click the category → 'SEO' tab → fill in 'Meta Description'.
- For the homepage: Admin → Storefront → My Themes → click 'Customize' → look for a 'SEO' panel, OR go to Admin → Store Setup → Store Profile → 'Meta Keywords / Description' field (theme-dependent).
- For content pages: Admin → Storefront → Web Pages → click the page → 'SEO & Sharing' section → 'Meta Description' field.
- For bulk updates, export products via Admin → Catalog → Import/Export → Products, fill in the 'meta_description' column in the CSV, then re-import.
How to fix missing meta description on Wix
- In the Wix Editor, click on the page you want to edit in the Pages panel (left sidebar) → click the three-dot menu next to the page name → 'SEO Basics' or 'SEO (Google)' → fill in the 'Meta Description' field.
- Alternatively, use the Wix SEO Wiz: Dashboard → Marketing & SEO → SEO Tools → SEO Wiz → follow the guided checklist which surfaces missing descriptions.
- For a Wix Stores product: Dashboard → Store Products → click the product → scroll down to 'SEO' section → fill in 'Meta Description'.
- For dynamic pages (product pages, blog posts): In the Editor, open the dynamic page → connect the SEO fields to your database collection fields using the SEO panel's 'Connect' option so descriptions populate automatically.
How to fix missing meta description on Wix Studio
- In Wix Studio, open the site → Pages & Menu panel → hover over the page → click the SEO icon (magnifying glass) → fill in the 'Meta Description' field.
- For collection/dynamic pages, open the dynamic page template → SEO panel → use the field-connection feature to bind the description to a CMS dataset field.
- For Wix Stores products inside Studio: Dashboard → Store Products → click the product → SEO section → 'Meta Description'.
How to fix missing meta description on Squarespace
- For any regular page: Pages panel → hover over the page → click the gear icon → 'SEO' tab → fill in the 'SEO Description' field.
- For a product page: Commerce → Products → click the product → 'SEO' tab on the product editor → fill in 'SEO Description'.
- For a blog post: Pages → Blog → click the post → the post settings gear icon → 'SEO' tab → 'SEO Description'.
- For the homepage: Pages → hover over your homepage → gear icon → SEO tab → SEO Description.
- Note: Squarespace enforces a 400-character limit on this field; keep your description within 120–160 characters to avoid truncation in search results.
How to fix missing meta description on Squarespace Commerce
- Same as Squarespace above. For product pages specifically: Commerce (left nav) → Products → click the product → 'SEO' tab → 'SEO Description' field.
How to fix missing meta description on Webflow
- For a static page: Designer → Pages panel (top-left) → hover over the page → click the settings gear → 'SEO Settings' section → fill in 'Meta Description'.
- For a CMS Collection page (e.g., Products, Blog): Designer → Pages panel → click the Collection template page → gear icon → bind the 'Meta Description' field to a CMS field (e.g., a dedicated 'SEO Description' text field in your Collection schema) using the '+' connector.
- To add a dedicated SEO description field: CMS → Collections → click the collection → 'Add Field' → Plain Text → label it 'SEO Description' → then go back and bind it as above.
- For the published site, verify by viewing page source or using the Webflow SEO Analyzer in Project Settings → SEO.
How to fix missing meta description on Adobe Commerce (Magento)
- For a product: Admin → Catalog → Products → click the product → expand the 'Search Engine Optimization' section → fill in 'Meta Description'.
- For a category: Admin → Catalog → Categories → click the category → 'Search Engine Optimization' tab → 'Meta Description' field.
- For a CMS page (homepage, About, etc.): Admin → Content → Pages → click the page → expand 'Search Engine Optimization' → 'Meta Description' field.
- To set a store-wide default template (fallback for products with no manual description): Stores → Configuration → Catalog → Catalog → 'Product Meta Description' — use variables like {{name}} and {{description}} to auto-generate descriptions.
- Clear the full-page cache after saving: System → Cache Management → Flush Magento Cache.
How to fix missing meta description on Magento Open Source
- Identical to Adobe Commerce steps above. Navigate Admin → Catalog → Products (or Categories / Content → Pages) → open the item → 'Search Engine Optimization' section → 'Meta Description'.
- Flush cache: System → Cache Management → Flush Magento Cache.
How to fix missing meta description on PrestaShop
- For a product: Back Office → Catalog → Products → click the product → 'SEO' tab → fill in 'Meta description'.
- For a category: Back Office → Catalog → Categories → click the category → 'SEO' tab → 'Meta description'.
- For a CMS page: Back Office → Design → Pages → click the page → 'SEO' tab → 'Meta description'.
- For the homepage: Back Office → Shop Parameters → Traffic & SEO → SEO & URLs → click 'index' → 'Meta description' field.
How to fix missing meta description on OpenCart
- For a product: Admin → Catalog → Products → click the product → 'SEO' tab → 'Meta Tag Description'.
- For a category: Admin → Catalog → Categories → click the category → 'SEO' tab → 'Meta Tag Description'.
- For information pages: Admin → Catalog → Information → click the page → 'Meta Tag Description'.
How to fix missing meta description on Ghost
- For a post or page: open the post/page editor → click the settings gear (top-right) → 'Meta data' section → fill in 'Meta description'.
- For the homepage: Admin → Settings → General → 'Meta description' (under Site description / SEO section).
How to fix missing meta description on Headless / Custom (I build in code)
- Add the tag inside the HTML `<head>`: `<meta name="description" content="Your unique description here.">` — this is the universal implementation regardless of framework.
- In Next.js (App Router): export a `metadata` object from your page file — set `metadata.description = 'Your description'`; Next.js renders the tag server-side.
- In Next.js (Pages Router): use `next/head` — `<Head><meta name='description' content='Your description' /></Head>`.
- In Nuxt.js: use `useHead({ meta: [{ name: 'description', content: 'Your description' }] })` in your page component, or set it in `nuxt.config.ts` as a global default.
- For dynamic pages (products, categories) pull the description from your CMS or API and inject it server-side to ensure it is present before the page is served to crawlers.
How to fix missing meta description on Next.js
- App Router (Next.js 13+): In your page.tsx/page.jsx, export: `export const metadata = { description: 'Your unique description here.' };` — Next.js automatically renders the `<meta name='description'>` tag.
- Pages Router: Import `Head` from `next/head`, then inside your component return: `<Head><meta name='description' content='Your unique description here.' /></Head>`.
- For dynamic routes (e.g., /products/[slug]): use `generateMetadata` (App Router) or `getServerSideProps`/`getStaticProps` to fetch the product's SEO description from your data source and pass it to the metadata/Head.
How to fix missing meta description on Nuxt.js
- In a page component, use the `useHead` composable: `useHead({ meta: [{ name: 'description', content: 'Your unique description here.' }] })`.
- For a global site default, set `app.head.meta` in `nuxt.config.ts`: `app: { head: { meta: [{ name: 'description', content: 'Site-wide default description.' }] } }`.
- For dynamic pages (products, etc.), fetch the description from your CMS in `asyncData` or a `useFetch` call and pass it to `useHead` or `useSeoMeta`.
How to fix missing meta description on HubSpot CMS
- For a website page or landing page: Marketing → Website → Website Pages (or Landing Pages) → click the page → 'Settings' tab → 'SEO & Sharing' → 'Meta description' field.
- For a blog post: Marketing → Website → Blog → click the post → 'Settings' tab → 'SEO & Sharing' → 'Meta description'.
How to fix missing meta description on WordPress.org
- Install Yoast SEO or Rank Math (Admin → Plugins → Add New).
- For any post or page: open the editor → find the Yoast SEO / Rank Math block at the bottom → click 'Edit snippet' → type in the Meta description field → Update/Publish.
- For the homepage (static page): edit that page the same way; if using 'Latest Posts' as homepage, go to SEO (Yoast) → Search Appearance → Content Types → Posts → set a homepage description template.
How to fix missing meta description on Ecwid (by Lightspeed)
- For a product: Ecwid Admin → Catalog → Products → click the product → 'SEO' tab → fill Meta description → Save.
- For a category: Catalog → Categories → click the category → 'SEO' tab → fill Meta description → Save.
- If embedded in WordPress: use Yoast SEO for site-wide pages; Ecwid's own SEO tab handles storefront-specific pages.
How to fix missing meta description on Gatsby
- Create a reusable `<Seo>` component at `src/components/Seo.jsx` that uses Gatsby's built-in Head API (Gatsby ≥ 4.19) to inject a `<meta name='description'>` tag. Accept a `description` prop and enforce a 120–160 character window with a runtime warning in development.
- Export the `<Seo>` component from every page file (and page template) as a named export called `Head` — Gatsby's Head API requires this exact export name at the *page* level so the tag is server-rendered into the `<head>`.
- For static pages (`src/pages/*.jsx`), pass a hard-coded, unique description string directly to the `<Seo>` component via the `Head` export.
- For dynamic template pages (`src/templates/*.jsx`) that are built from GraphQL data (products, collections, blog posts, etc.), add a `description` field to the page's `graphql` query (e.g. `product.seo.description || product.description`), receive it in `pageContext` or the query `data` prop, and forward it to the `<Seo>` component in the `Head` export.
- Add a `siteMetadata.defaultDescription` fallback in `gatsby-config.js` and query it with `useStaticQuery` inside `<Seo>` so pages that omit the prop still render a non-empty description rather than nothing.
- Run `gatsby build && gatsby serve` and inspect the rendered HTML (`view-source:`) to confirm `<meta name='description' content='…'>` appears in the static markup of every page, not just after client-side hydration.
How to fix missing meta description on Next.js (Headless)
- Decide which router you use: App Router (app/) uses `generateMetadata` or a static `metadata` export; Pages Router (pages/) uses `next/head` with a `<meta name='description'>` tag.
- For App Router: open (or create) each page/layout file (e.g. `app/page.tsx`, `app/products/[slug]/page.tsx`). Export a `generateMetadata` async function that fetches page-specific data and returns a `description` string of 120–160 characters.
- For Pages Router: open each page file (e.g. `pages/index.tsx`, `pages/products/[slug].tsx`). Inside the component, add a `<Head>` import from `next/head` and render `<meta name='description' content={description} />` using data already fetched in `getStaticProps` / `getServerSideProps`.
- Never hard-code the same description across pages. Derive it from real content: product short description, category intro text, or a CMS field — then trim/truncate to stay within 120–160 characters.
- Add a shared `truncateDescription(text: string, max = 155): string` utility (e.g. `lib/seo.ts`) so every page applies the same character-limit logic consistently.
- Audit with `next build` output or a tool like Screaming Frog / Lighthouse after deploying to confirm every route emits a unique, non-empty description tag.
How to fix missing meta description on Elementor
- In your WordPress dashboard, confirm that an SEO plugin (e.g. Yoast SEO or Rank Math) is installed and active — Elementor relies on these plugins to manage meta descriptions, as it has no native meta-description field of its own.
- Open the page missing a meta description: go to Pages (or Posts) → find the page → click 'Edit with Elementor' to open the Elementor editor.
- Scroll down below the Elementor canvas to the SEO plugin's meta box (e.g. the Yoast SEO box or Rank Math box that appears in the WordPress block editor panel). If you are in full-screen Elementor mode, click the hamburger menu (≡) in the top-left → 'Exit to Dashboard' or use the 'Page Settings' gear icon → switch to the WordPress editor tab to access the SEO meta box.
- In the SEO plugin's box, click the 'Edit snippet' button (Yoast) or expand the 'General' tab (Rank Math), then click into the 'Meta description' field and type a unique description of 120–160 characters that accurately summarises the page's content and includes its primary keyword.
- Check the live character-count indicator inside the SEO plugin box — ensure the bar turns green (Yoast) or the count falls within the recommended range (Rank Math) to confirm the length is correct.
- Click 'Update' (WordPress editor) or the green 'Publish/Update' button in the Elementor editor to save the change, then verify the meta description is live by inspecting the page source (Ctrl+U) and searching for '<meta name="description"'.
Does your site have this issue?
Run a free SEOLZ scan to find missing meta description — and every other issue — across your whole site in minutes.
Scan my site freeFrequently asked questions
What is Missing meta description?
A meta description is a short HTML tag placed in the `<head>` of a webpage that summarizes what the page is about. It is not visible on the page itself, but search engines read it and often display it as the two or three lines of grey text shown beneath your page title in Google search results. Think of it as a free 160-character advertisement for every page on your store — it tells shoppers exactly what they'll find before they click.
Why does missing meta description matter?
When a meta description is missing, Google writes one for you by pulling random text from the page — often a navigation label, footer copyright notice, or mid-sentence fragment that makes no sense out of context. A compelling, keyword-rich description written by you can meaningfully increase click-through rate (CTR) from search results, driving more organic traffic to your store without spending a cent more on ads. Higher CTR also sends a positive engagement signal that can lift your rankings over time. For product and category pages especially, a strong description highlighting your unique selling points (free shipping, best price, reviews) is one of the easiest conversion levers you have in SEO.
How do I fix missing meta description?
Write and add a unique meta description (120–160 characters) to every page that is missing one, so Google can display an accurate, compelling snippet in search results.
Authoritative references
- Control your snippets & meta description — Google Search Central
- SEO Starter Guide — Google Search Central