Your Customers Cannot Find Half Your Store
If your Magento 2 store has more than a few hundred products, your customers are almost certainly missing pages they would buy from. The standard navigation menu shows top-level categories and perhaps one or two levels of subcategories. Search works only when the customer already knows what they are looking for. Breadcrumbs help after someone lands on a product page, but they do nothing for discovery.
The result is real and measurable. Baymard Institute research shows that 60% of ecommerce site visitors use navigation to find products, and 30% will leave if they cannot find what they need within a few clicks. Products buried three or four categories deep may as well not exist for shoppers who browse rather than search. These buried pages also receive fewer internal links, which means search engines crawl them less frequently and rank them lower.
A browsable HTML sitemap page solves this by putting every category, product, and CMS page behind a single link. Customers see your entire catalog structure at a glance. Search engine crawlers find internal links to every page on your site from one centralized location. This is not the same as an XML sitemap submitted to Google Search Console — that file is machine-readable only. An HTML sitemap is a real page that real people can browse, click through, and use to navigate your store.
For stores that want to cover every SEO and usability base, the HTML sitemap is one piece of a larger puzzle. For a complete SEO toolkit covering all pillars, see MageRa SEO Suite Ultimate.
What Is an HTML Sitemap (and Why Your Magento 2 Store Needs One)
An HTML sitemap is a single page on your website that lists links to your most important content: categories, products, and CMS pages. It is organized in a readable, browsable format designed for human visitors, not search engine bots. Unlike the XML sitemap file you submit to Google, the HTML sitemap lives at a URL like /sitemap/ and is accessible to anyone clicking a "Site Map" link in your footer.
Magento 2 does not include an HTML sitemap by default. The platform generates XML sitemaps for search engines, but there is no built-in browsable page that customers can use to explore your catalog. This gap means most Magento 2 stores are missing a straightforward usability feature that large retailers like Amazon and Walmart have used for years.
The principle behind an HTML sitemap is simple: reduce the number of clicks between your homepage and any product page. On a store with 500 products across 30 categories, a customer looking for "blue running shoes" might need four or five clicks to reach the right category, then more clicks to filter and find the product. An HTML sitemap puts that category link on a single page, one click away from the footer on every page of your store.
The internal linking benefit matters just as much. Every link on the sitemap page passes link equity from the sitemap to the linked page. Since the sitemap page is typically linked from the footer of every page on your site, it accumulates significant link authority that it then distributes to every category, product, and CMS page it lists. This creates a flatter site architecture that helps search engines discover and rank deep pages more effectively.
An HTML sitemap is not the right solution if your store has fewer than 50 products — your regular navigation already covers everything. It is also not a replacement for good site architecture. Think of it as a safety net that catches visitors and crawlers who fall through the cracks of your primary navigation.
Key Features of MageRa HTML Sitemap for Magento 2
Dynamic Category Tree
MageRa HTML Sitemap generates a tree-view category listing that mirrors your catalog structure. Subcategories nest cleanly under parent categories, maintaining the visual hierarchy that makes your catalog browsable at a glance. You control how many levels appear with the Maximum Category Depth setting.
Optional Product Listings by Category
You can include individual product links grouped under their parent categories. This turns the sitemap into a complete catalog index, where every product is discoverable from a single page. If your catalog is large, you can disable product listings and show only categories to keep the page manageable.
CMS Page Directory
All published CMS pages — About Us, Contact, Privacy Policy, Shipping Information, Terms and Conditions, and any custom pages you have created — appear in a dedicated section, giving visitors a single place to find your informational pages.
SEO-Friendly Markup and Heading Structure
The sitemap page uses proper heading hierarchy (H1 for the page title, H2 for section headings, H3 for category groups) and semantic HTML that search engines can parse efficiently. Internal links use descriptive anchor text rather than generic labels, maximizing the SEO value of every link on the page.
Custom Page Title, Meta Description, and Keywords
You control the sitemap page's title, meta description, and meta keywords, so the page can rank for relevant search queries. A title like "Site Map — Browse All Categories and Products" with a meta description that includes your store name and key categories gives search engines meaningful content to index.
Category Depth Control
Set how many levels of subcategories to display with the Maximum Category Depth setting. If your store has five levels of nesting but only three are useful for browsing, you can limit the depth to keep the sitemap focused and readable (or enter 0 for unlimited depth). This also prevents the page from becoming excessively long for stores with deep category trees.
Screenshot of the MageRa HTML Sitemap admin configuration panel in Magento 2, showing general settings, content settings, and display options
Screenshot showing a browsable HTML sitemap page on a Magento 2 storefront with categories, products, and CMS pages organized in a two-column layout
How to Set Up MageRa HTML Sitemap in Magento 2
Step 1: Install the Extension
Install via Composer from your Magento 2 root directory:
composer require magera/module-html-sitemap
php bin/magento module:enable MageRa_HtmlSitemap
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento cache:flushIf you prefer manual installation, copy the module files to app/code/MageRa/HtmlSitemap/ and run the same setup commands. The extension requires MageRa_Base and MageRa_FrontendUi modules, which install automatically as Composer dependencies.
Step 2: Enable and Configure General Settings
Navigate to Stores > Configuration > MageRa > HTML Sitemap (config section magera_htmlsitemap) in your Magento 2 admin panel. In the General Settings group set Enable HTML Sitemap to Yes. Enter a Page Title — "Site Map" or "Browse Our Store" work well; this becomes the <title> and H1 of the page. Add a Meta Description that includes your store name and main categories, and optionally Meta Keywords. These three values feed directly into the page's <head> metadata. All fields respect the store-view scope selector, so each store view can have its own title and description.
Step 3: Configure Content Inclusion
In the Category Settings group, set Show Categories to Yes to render the category tree, and set Maximum Category Depth to control how many nesting levels appear — three levels is a good starting point for most stores (enter 0 for unlimited depth). In the Product Settings group, set Show Products to Yes to list products under their parent categories (the field carries a built-in warning that enabling this on large catalogs may affect performance). In the CMS Pages Settings group, set Show CMS Pages to Yes to display all published CMS pages.
Step 4: Add a Footer Link and Test
Add a link to the sitemap page in your theme's footer so visitors can reach it from any page. You can do this by adding a layout update in your theme:
<referenceBlock name="footer.links">
<block class="Magento\Framework\View\Element\Html\Link" name="sitemap-link">
<arguments>
<argument name="label" xsi:type="string">Site Map</argument>
<argument name="path" xsi:type="string">sitemap/</argument>
</arguments>
</block>
</referenceBlock>The storefront page is served by the module's own route (frontName sitemap), so once enabled it is live at https://yourstore.com/sitemap — no native Magento sitemap setup is involved. If Enable HTML Sitemap is set to No, the controller forwards to the 404 (noroute) page, so confirm the master toggle is on. Visit the URL and verify that all categories, products, and CMS pages appear correctly and that links resolve to the right pages.
MageRa HTML Sitemap for Magento 2
MageRa HTML Sitemap generates a dynamic, user-friendly sitemap page without requiring custom development. Every feature is configurable from the Magento 2 admin panel under Stores > Configuration > MageRa > HTML Sitemap.
- Zero template editing required: All layout and content options are controlled via admin configuration toggles, dropdowns, and text fields.
- Dynamic generation: The sitemap reflects your current catalog in real time — new categories, products, and CMS pages appear automatically without regeneration.
- Multilingual support: The sitemap adapts to each store view, displaying content in the correct language for multi-store setups.
- Themed styling: The sitemap inherits your theme's CSS, so it matches your storefront design without additional styling work. For advanced customization, you can override the template file at
app/design/frontend/Vendor/Theme/MageRa_HtmlSitemap/templates/sitemap.phtml. - Compatibility: Magento 2.4.6, 2.4.7, 2.4.8, and 2.4.9. PHP 8.1, 8.2, and 8.3. Open Source and Commerce editions.
- Requirements: MageRa_Base module and MageRa_FrontendUi module (installed automatically via Composer).
Visit magera.ca for details.
HTML Sitemap vs. XML Sitemap: What is the Difference
Many Magento 2 store owners confuse HTML sitemaps with XML sitemaps, or assume one replaces the other. They serve entirely different purposes and you need both.
An XML sitemap is a file (typically at /sitemap.xml) formatted in XML that lists URLs for search engine crawlers. It includes metadata like last modification date, change frequency, and priority values. Google, Bing, and other search engines read this file to discover pages they should index. Customers never see or interact with an XML sitemap. Our detailed guide covers XML sitemap optimization for Magento 2 search engines.
An HTML sitemap is a visible page on your website formatted in HTML that humans can browse. It shows categories, products, and CMS pages with clickable links organized in a readable layout. Search engines also crawl the HTML sitemap page and follow its links, but the primary audience is your visitors.
The two complement each other. The XML sitemap tells search engines which URLs exist. The HTML sitemap creates internal links that pass link equity to those URLs. Together, they ensure both discovery (XML) and authority distribution (HTML).
HTML Sitemap Best Practices for Magento 2 Stores
Keep the Page Organized with Sections
Do not dump all links into a single list. The sitemap organizes content into clear sections — Categories, Products, and CMS Pages — each with its own heading. A clean section structure keeps the page compact and scannable.
Limit Product Listings on Large Catalogs
If your store has more than 2,000 products, showing every product on the sitemap creates an excessively long page that loads slowly and overwhelms visitors. Instead, enable category listings only and let customers navigate to individual products from category pages. The internal linking benefit from category links alone is substantial.
Add the Sitemap Link to Your Footer
The footer is the standard location for sitemap links. It appears on every page, which means the sitemap page receives consistent internal links from across your entire site. Place the "Site Map" link alongside other utility links like "Privacy Policy" and "Terms and Conditions."
Write a Unique Meta Description
Your sitemap page can rank in search results if you give it a proper meta description. Something like "Browse all categories, products, and pages on [Store Name]. Find exactly what you are looking for with our complete store directory" gives search engines relevant text to display and can attract clicks from navigational search queries.
Complement Your Navigation, Not Replace It
An HTML sitemap works best as a secondary navigation tool. It should not be the primary way customers find products — your main menu and category pages handle that. The sitemap catches visitors who cannot find what they need through regular navigation and provides an alternative path to every page.
For stores with complex navigation needs, a well-designed mega menu complements the sitemap by improving primary navigation. See our guide to creating powerful mega menus for Magento 2 for strategies on structuring your main navigation.
Common HTML Sitemap Mistakes to Avoid
Leaving Out CMS Pages
Many store owners focus on categories and products but forget CMS pages. Your About Us, Shipping Information, Returns Policy, and Contact pages are high-value pages that customers frequently search for. Including them on the sitemap with short descriptions improves both usability and crawlability.
Setting Category Depth Too Deep
Displaying five or six levels of subcategories creates a visually overwhelming page that defeats the purpose of a browsable index. Limit depth to three or four levels. Deeper categories remain accessible through their parent category pages.
Not Customizing the Page Title
The default "Site Map" title is fine, but you can do better. "Browse All Products and Categories — [Store Name]" is more descriptive for both visitors and search engines. It also avoids the generic title that thousands of other Magento stores use.
Forgetting to Test After Configuration Changes
After enabling or disabling content types, changing category depth, or toggling display options, always visit the sitemap page and verify the output. A misconfigured depth setting can hide important categories, while enabling products on a large catalog can create a page with thousands of links that loads poorly.
Conclusion
A browsable HTML sitemap is one of the simplest usability improvements you can make to your Magento 2 store. It gives every customer a clear path to every category, product, and page on your site from a single location. It distributes internal link equity across your entire catalog, helping search engines discover and rank pages that your primary navigation does not surface. And it requires minimal setup — configure the extension, add a footer link, and the page generates itself dynamically as your catalog grows.
The combination of a dynamic category tree, optional product listings, CMS page listings, and configurable category depth means you can create a sitemap that matches your store's structure without writing a single line of code. The internal linking alone justifies the implementation, and the usability improvement for customers who browse rather than search makes it a no-brainer for stores with more than a few hundred products.
Stop leaving pages undiscovered. MageRa HTML Sitemap for Magento 2 gives your customers a browsable directory and your store better internal linking. Install it today.
FAQ
Q1: What is the difference between an HTML sitemap and an XML sitemap in Magento 2?
A1: An HTML sitemap is a visible, browsable page on your store that lists categories, products, and CMS pages with clickable links. It is designed for human visitors to navigate your catalog. An XML sitemap is a machine-readable file submitted to search engines that lists URLs with metadata like priority and change frequency. You need both — the XML sitemap tells search engines which pages exist, while the HTML sitemap creates internal links that distribute link equity to those pages and gives customers an alternative navigation path.
Q2: Will adding an HTML sitemap slow down my Magento 2 store?
A2: No. MageRa HTML Sitemap generates the sitemap page dynamically, pulling content from your existing catalog data. For stores with large catalogs (2,000+ products), you can disable individual product listings and show only category links to keep the page lightweight. The extension uses Magento's native caching, so the page loads quickly on subsequent visits. Category-only sitemaps are efficient and provide the same internal linking benefit without generating thousands of links on a single page.
Q3: Can I customize the appearance of the sitemap page to match my theme?
A3: Yes. MageRa HTML Sitemap inherits your theme's existing styles by default, so the page automatically matches your storefront design without any additional work. If you need more control, you can override the template file at app/design/frontend/Vendor/Theme/MageRa_HtmlSitemap/templates/sitemap.phtml and add custom CSS in your theme. The extension supports multilingual display for multi-store setups, showing content in the correct language for each store view.
Internal Links
/blog/magento-2-xml-sitemap-search-engines(XML Sitemap — the machine-readable counterpart to your HTML sitemap)/blog/magento-2-seo-guide-meta-tags-schema-sitemaps(SEO Suite Ultimate — complete SEO toolkit covering all ten pillars including sitemaps)/blog/creating-powerful-mega-menus-magento-2(Mega Menu — improve primary navigation to complement your sitemap page)
Comments (0)
Be the first to comment.