OpenCart SEO audit: the issues built into OpenCart — and how to fix them

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

1. 1For a product: go to Catalog → Products, edit the product, open the 'SEO' tab, and fill in the 'Meta Tag Description' field.
2. 2For a category: go to Catalog → Categories, edit the category, open the 'SEO' tab, and fill in 'Meta Tag Description'.
3. 3For information/CMS pages: go to Design → Information, edit the page, and fill in 'Meta Tag Description'.
4. 4Install an SEO extension from the OpenCart Marketplace (e.g. 'SEO Pack' or 'Ultimate SEO') for bulk editing capabilities.
5. 5After saving, clear the OpenCart cache via Dashboard → Settings (wrench icon) → Refresh or by deleting the /system/storage/cache/ folder via FTP.
6. 6Verify the new description appears in page source, and submit to Google Search Console.

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Shop women's running shoes at Acme Store — lightweight, cushioned designs for road and trail. Free shipping on orders over $50.">
  <title>Women's Running Shoes | Acme Store</title>
</head>

Give every page a unique, descriptive title tag that accurately reflects that page's specific content.

1. 1For products: go to Catalog → Products → edit a product → 'SEO' tab → enter a value in 'Meta Tag Title'.
2. 2For categories: Catalog → Categories → edit a category → 'SEO' tab → 'Meta Tag Title'.
3. 3For information pages: Catalog → Information → edit a page → 'Meta Tag Title'.
4. 4For the default title on the homepage and layout: System → Settings → your store → 'Meta Tag Title'.
5. 5Install an SEO extension from the OpenCart marketplace (e.g. SEO Pack Pro) to manage bulk title updates and set dynamic title templates across your catalog.

<head>
  <title>Merino Wool Running Socks – Free UK Shipping | BrandName</title>
</head>

Point the rel=canonical on every faceted/filter URL to its clean parent category URL (or add noindex), so Google treats filtered pages as a single authoritative page instead of thousands of duplicates.

1. 1OpenCart category pages with filters append query strings like ?filter_color=10&filter_size=5 to category URLs.
2. 2Install an SEO extension from the OpenCart marketplace that supports canonical tag management (e.g., 'SEO Pack Pro', 'D_SEO Module') — these allow you to define that filtered category URLs should output a canonical pointing to the base category URL.
3. 3Without an extension: edit the catalog/view/theme/[your-theme]/template/product/category.tpl (or .twig in newer OpenCart) file. Find or add the canonical tag in the <head> section and output the base category URL without filter params: <link rel='canonical' href='<?php echo $category_url; ?>'> — where $category_url is the clean category URL passed from the controller.
4. 4In catalog/controller/product/category.php, ensure the $data['canonical'] variable is set to the clean category URL (without filter params) and pass it to the template.
5. 5Verify with Google Search Console URL Inspection.

<head>
  <!-- Canonical points to the CLEAN category URL, not the filtered variant -->
  <link rel="canonical" href="https://www.example.com/womens-pants">
</head>

Add descriptive alt text to every product and content image so search engines and screen readers can understand what the image shows.

1. 1FOR PRODUCT IMAGES: Admin > Catalog > Products > open a product > Image tab. The main image alt text is pulled from the Product Name by default; for gallery images, there is no native alt field — install the 'Image Alt Tag' extension from the OpenCart marketplace to add per-image alt fields.
2. 2FOR CMS/BANNER IMAGES: Admin > Design > Banners > edit banner > fill in the 'Title' field, which renders as the alt attribute.

<!-- BEFORE (missing alt — bad) -->
<img src="/images/red-leather-bag.jpg">

<!-- AFTER (descriptive alt — correct) -->
<img src="/images/red-leather-bag.jpg" alt="Red leather crossbody bag with gold buckle clasp">

<!-- Decorative image (intentionally empty alt — correct) -->
<img src="/images/divider-line.png" alt="">