WooCommerce SEO Audit: the issues built into WooCommerce — and how to fix them

Ensure every product and category page is crawlable and discoverable by submitting a complete XML sitemap, fixing internal links, and removing any crawl blocks so Google can index your full catalog.

1. 1Sitemap: Install Yoast SEO or Rank Math (free). In Yoast: SEO → General → Features → turn on XML Sitemaps. In Rank Math: Rank Math → Sitemap Settings → enable Product and Product Category sitemaps. Submit the sitemap URL to Google Search Console.
2. 2robots.txt: In Yoast go to SEO → Tools → File Editor to view/edit robots.txt. Ensure no Disallow covers /shop/, /product/, /product-category/, or /store/.
3. 3Noindex: In Yoast, go to SEO → Search Appearance → Taxonomies → Product Categories and make sure 'Show in search results' is set to Yes. Do the same under Post Types → Products.
4. 4Internal linking: Ensure every product is assigned to at least one Product Category (Products → [product] → Product categories). Add your shop page and top categories to Appearance → Menus → Primary Menu.
5. 5Pagination/filtering: If you use AJAX-based product filtering plugins (e.g. WooCommerce Product Filters), verify the plugin outputs crawlable URLs (standard query strings or pretty permalinks) rather than pure JS state changes.

Eliminate unexpected layout shifts by reserving explicit space for every image, video, embed, ad, and late-loading widget before it loads, so nothing on your page jumps around as it renders.

1. 1Images: In Appearance > Customize > (theme options) or directly in your theme's template files (e.g. woocommerce/content-single-product.php), ensure every <img> has width and height attributes. WordPress auto-generates these for images added via the Media Library — verify your theme is not stripping them.
2. 2WordPress Core: Navigate to Settings > Media and confirm thumbnail dimensions are set. When regenerating thumbnails (use the 'Regenerate Thumbnails' plugin), WordPress re-writes width/height into the database markup.
3. 3Fonts: In Appearance > Theme File Editor (or via a child theme's style.css), add font-display: swap; to every @font-face rule. If your theme uses Google Fonts, install the 'OMGF | Host Google Fonts Locally' plugin to self-host fonts and apply font-display:swap from its settings panel.
4. 4Third-party plugins (chat, reviews, pop-ups): Go to each plugin's settings and ensure their widgets are positioned fixed/sticky or loaded below the fold. Move any <script> tags these plugins add to the footer using a plugin like 'Asset CleanUp' to defer or move them.
5. 5Page speed plugin: Install a performance plugin such as WP Rocket, LiteSpeed Cache, or NitroPack. In the plugin's settings, enable 'Eliminate render-blocking resources,' 'Defer JavaScript,' and (in WP Rocket) the 'Remove Unused CSS' option — these collectively reduce the late-loading surprises that cause CLS.
6. 6Ads/banners: If you use a banner or slider plugin (e.g. MetaSlider, Slider Revolution), set an explicit height on the slider container in CSS, or use the plugin's built-in 'aspect ratio' option, so the space is reserved before the images load.

Reduce Largest Contentful Paint (LCP) to under 2.5 seconds by serving your hero image in a modern format, preloading it, and eliminating render-blocking resources.

1. 1Install the 'Perfmatters' or 'WP Rocket' plugin (Plugins → Add New) to handle render-blocking JS/CSS deferral and preloading in one interface.
2. 2Convert your hero image to WebP: install the 'Imagify' or 'ShortPixel' plugin, which auto-converts uploaded images to WebP and serves them via <picture> elements with a JPEG/PNG fallback.
3. 3In your active theme's header.php (Appearance → Theme File Editor → header.php), add a preload link tag for the hero image URL: <link rel='preload' as='image' href='YOUR-HERO-IMAGE-URL.webp' fetchpriority='high'>. If using a page builder (Elementor/Divi), use the theme's Custom Code / Head section instead.
4. 4In WP Rocket (Settings → WP Rocket → Media tab), enable 'Disable LazyLoad for LCP image' and paste the CSS selector of your hero image so it loads eagerly.
5. 5Under WP Rocket → File Optimization, enable 'Minify CSS', 'Load CSS asynchronously', 'Defer JavaScript', and 'Delay JavaScript execution' to remove render-blocking resources.
6. 6Verify: use PageSpeed Insights or the WP Rocket built-in 'Sitechecker' to confirm LCP is under 2.5s on mobile.

Write a unique, page-specific meta description for every page on your store so Google can display a relevant snippet in search results.

1. 1Install an SEO plugin if not already present — Yoast SEO or Rank Math are the most common choices.
2. 2For individual products: Admin → Products → Edit product → scroll to the 'Yoast SEO' (or 'Rank Math SEO') meta box below the editor → click the 'Edit snippet' preview → type a unique description in the 'Meta description' field → Update.
3. 3For shop/category pages: Admin → Products → Categories → Edit category → fill in the SEO meta box 'Meta description' at the bottom → Save.
4. 4For the homepage: Yoast → Settings → Site basics → Homepage, or navigate to the homepage in the editor and use the page-level Yoast meta box.
5. 5For bulk updates: use Yoast SEO's bulk editor (Yoast → Tools → Bulk editor → Descriptions tab) to edit descriptions for all posts/pages in one table view without opening each individually.
6. 6Alternatively, use Rank Math → Content AI or the built-in bulk editing screen under Rank Math → Analytics → Posts for mass updates.