{"id":8750,"date":"2018-07-12T08:31:52","date_gmt":"2018-07-12T08:31:52","guid":{"rendered":"https:\/\/blog.mageworx.com\/?p=8750"},"modified":"2022-05-16T12:02:46","modified_gmt":"2022-05-16T12:02:46","slug":"magento-2-layered-navigation-seo-the-ultimate-guide","status":"publish","type":"post","link":"https:\/\/www.mageworx.com\/blog\/magento-2-layered-navigation-seo-the-ultimate-guide","title":{"rendered":"Magento 2 Layered Navigation SEO \u2014 the Ultimate Guide"},"content":{"rendered":"\n<!-- SEO Ultimate (http:\/\/www.seodesignsolutions.com\/wordpress-seo\/) - Code Inserter module -->\n<!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-5DTCW7B8\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n<!-- End Google Tag Manager (noscript) -->\n<!-- \/SEO Ultimate -->\n\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 9<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span><p>In an increasingly competitive business landscape, it\u2019s impossible to imagine a successful Magento store without intuitive, user-friendly navigation.<\/p>\n<p><em>Multi-level menus, sitemaps, well-planned site architecture with smart interlinking<\/em>\u2014 these are the essential components of better website usability and higher conversion metrics.<\/p>\n<p><strong>Layered navigation<\/strong> is also one of the key aspects of site navigation.<\/p>\n<p>Also, the pages that this mechanism generates have vast SEO capacity.<\/p>\n<p>Read on to learn how to:<\/p>\n<ul>\n<li>set up layered navigation in your Magento 2 store (and bypass its default limitations),<\/li>\n<li>plan SEO strategy for LN pages,<\/li>\n<li>avoid common SEO mistakes when working with the pages of this type,<\/li>\n<li>effectively optimize these pages for better SEO results,<\/li>\n<li>successfully integrate them into your site architecture.<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h2>What is Layered Navigation in Magento 2?<\/h2>\n<p><strong>Layered navigation<\/strong> (aka <em>category filters<\/em>, or <em>LN<\/em> or short) is a set of dynamic filters that can be located on any category page (and sometimes on the homepage).<\/p>\n<p>Its main purpose is to help the customer quickly sort the products based on the chosen criteria: price, material, color, brand, etc. This way, it allows you to avoid manual browsing through store categories and instantly find the desired version of a product.<\/p>\n<h2>How to Enable Layered Navigation in Magento?<\/h2>\n<p>Out of the box, Magento comes with the ability to filter products on category pages.<\/p>\n<p>To enable this functionality, follow the instructions below:<\/p>\n<ol>\n<li>go to <em>Store \u27f6 Configuration<\/em>, jump to the <em>Catalog<\/em> section on the left-side menu and select the same title menu item there;<\/li>\n<li>on the list of the opened options, select <em>Layered Navigation<\/em>, click to expand it,<\/li>\n<li>in the settings that open, set the <em>Display Product Count<\/em> to <em>Yes<\/em>, and <em>Price Navigation Step Calculation<\/em> to <em>Automatic<\/em>,<\/li>\n<li>click <em>Save<\/em> for the changes to take into effect.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8830\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/Layered-Navigation-in-Magento-out-of-the-box-1200x678.jpg\" alt=\"Layered Navigation in default Magento out of the box\" width=\"1200\" height=\"678\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/Layered-Navigation-in-Magento-out-of-the-box-1200x678.jpg 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/Layered-Navigation-in-Magento-out-of-the-box-600x339.jpg 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/Layered-Navigation-in-Magento-out-of-the-box-768x434.jpg 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/Layered-Navigation-in-Magento-out-of-the-box.jpg 1288w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\n* To further configure layered navigation, e.g. to set up <strong>filterable attributes<\/strong>, check <a href=\"https:\/\/docs.magento.com\/m2\/ee\/user_guide\/catalog\/navigation-layered-filterable-attributes.html\">these instructions<\/a>. To tweak <strong>layered navigation prices<\/strong>, consult <a href=\"https:\/\/docs.magento.com\/m2\/ee\/user_guide\/catalog\/navigation-layered-price.html\">this guide<\/a>.<\/p>\n<p>Here is how the default category filters look like on the frontend:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8831\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN1-1-1200x678.jpg\" alt=\"Layered Navigation in default Magento 2\" width=\"1200\" height=\"678\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN1-1-1200x678.jpg 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN1-1-600x339.jpg 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN1-1-768x434.jpg 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN1-1.jpg 1288w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\n<strong>IMPORTANT<\/strong><\/p>\n<p>But note that out of the box, the platform doesn&#8217;t allow to simultaneously select several attributes of the same type. Say, it\u2019s <em>impossible to filter products of 2 or more different colors, materials<\/em>, etc., which is quite inconvenient, especially if you sell highly customizable products.<\/p>\n<p><a href=\"https:\/\/www.mageworx.com\/magento-2-layered-navigation.html\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7377 size-full alignleft\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2017\/07\/19Layered-Navigation2-e1531383031415.png\" alt=\"\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p>This is where <a href=\"https:\/\/www.mageworx.com\/magento-2-layered-navigation.html\">L<\/a><a href=\"https:\/\/www.mageworx.com\/magento-2-layered-navigation.html\">aye<\/a><a href=\"https:\/\/www.mageworx.com\/magento-2-layered-navigation.html\">red Navigation<\/a> extension by MageWorx comes helpful. With the extension, you can:<\/p>\n<ul>\n<li>add the multi-select option to let customers filter multiple attributes,<\/li>\n<li>enable\/disable multiple selection for each product attribute individually,<\/li>\n<li>display LN attributes on specific category pages,<\/li>\n<li>and more.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.mageworx.com\/magento-2-layered-navigation.html\">Click here<\/a> to explore the extension.<\/p>\n<p>This is how the optimized category filtering works:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8832\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1-1200x678.jpg\" alt=\"Optimized Layered Navigation in Magento 2\" width=\"1200\" height=\"678\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1-1200x678.jpg 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1-600x339.jpg 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1-768x434.jpg 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1.jpg 1288w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h2><\/h2>\n<h2><\/h2>\n<h2>Planning SEO Strategy for Category Filter Pages<\/h2>\n<p>Before you get down to drafting an SEO plan for pages of this type, you should understand how they are generated by the system.<\/p>\n<p><span class=\"context-target\">Let&#8217;s consider a simple scenario: say, we have a Magento store that sells clothes of different brands in Minneapolis. Let&#8217;s call it <span style=\"color: #0000ff;\">www.mystore.com<\/span><br \/>\n<\/span><\/p>\n<p>The store&#8217;s has some third-party extension that allows filtering categories by tons of criteria: brand, design, gender, color, size, model, price, etc..\u00a0<span class=\"context-target\">This way, every time a customer filters categories,\u00a0 the system generates piles of <strong>filtered pages with non-optimized URLs<\/strong>.<br \/>\n<\/span><\/p>\n<p>Say, once a customer has selected some filtering parameters (e.g. \u2018Color\u2019 and \u2018Price\u2019), Magento generates a page with the filtered results. The platform uses the GET-parameters to create this page URL.<\/p>\n<p>As a result, for a filtered category, you will get somewhat like this:<\/p>\n<p><span style=\"color: #0000ff;\">www.mystore.com\/men\/shoes.html ?color=23<\/span><br \/>\n<span style=\"color: #0000ff;\">www.mystore.com\/women-tops.html ?size=353<\/span><\/p>\n<p>If you have an extension that optimizes layered navigation and lets customers select two or more filters, this even makes the situation worse, since you&#8217;ll get a pile of non-optimized URLs with multiple filter parameters: <span style=\"color: #0000ff;\">www.mystore.com\/men\/shorts.html?color=49&amp;price=-1000<\/span><\/p>\n<p>In addition, these page type can potentially<strong> <em>breed tons of duplicate content<\/em> <\/strong>as their meta data and descriptions are automatically copied from the main filtered category page.<\/p>\n<p>And the most important fact is that by default, layered navigation pages <strong><em>are NOT hidden from indexation<\/em><\/strong>. Which means that they can potentially worsen your site rankings performance and hamper its SEO progress.<\/p>\n<p>In the light of these facts, the first thought that may come to your mind is to hide all pages of this type from Google. Yes, it makes sense. But there are always some better alternatives to consider.<\/p>\n<p>Let\u2019s compare 2 possible SEO-scenarios for such a store.<\/p>\n<h2><strong>Plan A<\/strong><\/h2>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8833\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_02_1-1200x461.jpg\" alt=\"Optimizing Layered Navigation in Magento 2 for the search engines\" width=\"1200\" height=\"461\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_02_1-1200x461.jpg 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_02_1-600x231.jpg 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_02_1-768x295.jpg 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_02_1.jpg 1280w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\nAs said above, you can <span style=\"background-color: #ccffff;\">hide LN pages from the search engine bots<strong> using meta robots \/ setting rel=canonical tags<\/strong>.<\/span><\/p>\n<p><em>Pros<\/em><\/p>\n<p>If you don\u2019t have time or SEO experience to take care of these pages, this is the way to go. Also, by getting rid of category page filters, you optimize the process of product management: it will be easier for you to import\/export categories and their products whenever necessary.<\/p>\n<p><em>Cons<\/em><\/p>\n<p>By restricting access to these pages, you will lose the opportunity to properly optimize them and get an extra portion of targeted traffic.<br \/>\nAlso, by neglecting category filter pages, you&#8217;ll have to manually manage products within the category (e.g. when managing products that are on sale).<\/p>\n<p><em>How To<\/em><\/p>\n<p>By default, there\u2019s no way to add NOINDEX FOLLOW robots meta headers in Magento, as well as set rel=canonical tags for them or add them to a robots.txt file.<\/p>\n<p>The reason for that is that out of the box, the platform doesn\u2019t generate SEO-friendly URLs for LN pages, and you just can\u2019t identify them.<\/p>\n<p>So create well-structured URLs\u00a0 is a mandatory step to conveniently locate and manage these pages.<\/p>\n<h2>Creating SEO-friendly URLs of for Category Filter Pages<\/h2>\n<p><a href=\"https:\/\/www.mageworx.com\/magento-2-seo-extension.html\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8020 size-full alignleft\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2017\/12\/02-SEO-Suite-Ultimate2-e1531383000295.png\" alt=\"\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p>To add such URLs and implement the abovementioned operations, you may use <a href=\"https:\/\/www.mageworx.com\/magento-2-seo-extension.html\">MageWorx SEO Suite Ultimate<\/a> for Magento 2.<\/p>\n<h2><\/h2>\n<p>With the extension, you can easily transform all LN page URLs this way. Here is how to:<\/p>\n<ol>\n<li>Go to<em> Stores \u27f6 Configuration \u27f6 MAGEWORX \u27f6 SEO \u27f6 SEO Extended &#8211; SEO URLs<\/em>.<\/li>\n<li>Set <em>Enable for LN Filters<\/em> to <em>Yes<\/em>.<\/li>\n<li>In the <em>SEO LN URLs Identifier field<\/em>, enter an identifier (or any other letter\/number or their combination) that will be associated with all the pages of this type \u2014 it\u2019s \u2018<em>l<\/em>\u2019 in our case.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8816\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-1-1.png\" alt=\"SEO-ed URLs for pages of layered Navigation in Magento 2\" width=\"1058\" height=\"330\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-1-1.png 1058w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-1-1-600x187.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-1-1-768x240.png 768w\" sizes=\"auto, (max-width: 1058px) 100vw, 1058px\" \/><br \/>\nNow, all our LN page URLs look like this: <span style=\"color: #0000ff;\">www.mystore.com\/category\/women-tops\/l\/brand:nike\/color:black.html<\/span> and can be easily located by their specific URLs.<\/p>\n<h2>Adding Robots Meta Header for Pages of Layered Navigation<\/h2>\n<p>That is also done with <a href=\"https:\/\/www.mageworx.com\/magento-2-seo-extension.html\" target=\"_blank\" rel=\"noopener noreferrer\">SEO Suite Ultimate<\/a>.<\/p>\n<p>First, you need to set the <em>minimum filter count. <\/em>That is necessary to inform the search engines about how deep their crawlers are allowed to drill down when crawling and how many layers of category filters they can index.<\/p>\n<p>Say,<\/p>\n<ol>\n<li>Go to <em>Stores \u27f6 Configuration \u27f6 MAGEWORX \u27f6 SEO Meta Robots Settings<\/em> and set <em>NOINDEX, FOLLOW for Category LN Pages<\/em> to <em>No<\/em>.<\/li>\n<li>Set the requited number of filters you\u2019d like to index.<\/li>\n<\/ol>\n<p>For example, you set the minimum filter count to 2. In this case:<\/p>\n<ul>\n<li><span style=\"color: #0000ff;\">www.mystore.com\/kids-clothes\/boys\/l\/nike-hoodies\/color:grey\/size:m\/material:cotton.html<\/span>\u2014 this page will be excluded out of Google Index, as it is generated by 4 filters<\/li>\n<li><span style=\"color: #0000ff;\">www.mystore.com\/eyewear\/l\/brand:rayben\/genger:men.html<\/span> \u2013 and this one will get indexed, since it was filtered by 2 criteria.<\/li>\n<\/ul>\n<p>When done, stay in these settings. From here, you\u2019ll be able to either:<\/p>\n<ul>\n<li>set NOINDEX FOLLOW Robots Meta Header for all LN pages,<\/li>\n<li>or add specific meta robots for any LN filter combinations.<\/li>\n<\/ul>\n<p>Follow the steps:<\/p>\n<ol>\n<li>Go to <em>Stores \u27f6 Configuration \u27f6 MAGEWORX \u27f6 SEO<\/em>. Jump to the <em>SEO Base tab \u27f6 Meta Robots<\/em>.<\/li>\n<li>Set the <em>NOINDEX FOLLOW Robots Meta Header for ALL category filtered pages<\/em> \u2014 select <em>Yes<\/em> from the drop-down.<\/li>\n<li>Add meta robots for specific filter combinations if you want to keep some LN pages crawled and indexed, and restrict access to the others (e.g. index,follow: color,brand &#8211; it lets Google crawl pages filtered by the color+brand attributes while ignoring the other ones).<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8817\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1.png\" alt=\"Setting meta robots for pages filtered with layered navigation in Magento 2\" width=\"723\" height=\"266\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1.png 723w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN2-1-600x221.png 600w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/>Note that this setting has a bigger priority than the minimum filter count.<\/p>\n<p>It means that if you set the # of NOINDEX LN filters to \u20180\u2019, and add \u201cindex,follow:color\u201d in this filed, the extension will override the filters count setting and add INDEX, FOLLOW Meta Robots header for LN pages filtered by \u2018color\u2019.<\/p>\n<h3>Adding rel=Canonical for Category Filter Pagers<\/h3>\n<p>Alternatively, you can tell Google that your LN pages and category pages are actually one and the same.<\/p>\n<p>This can be done with the help of the rel=canonical tag. It can inform Google that your LN pages represent the master copy of:<\/p>\n<ul>\n<li>the current category,<\/li>\n<li>the targeted filtered page (e.g. brand).<\/li>\n<\/ul>\n<p>If you select the former option, Google won\u2019t index any category filter pages. While if you opt for the latter one, the search engine will index all pages filtered by the specified attribute.<\/p>\n<p>For example, if the filtered page option is enabled, when shoppers filter products by color cloth type, the canonical tag will guide Google to <span style=\"color: #0000ff;\">\/apparel\/l\/color:red\/cloth-type:silk.html.<\/span><\/p>\n<p>To apply the rel=canonical tag:<\/p>\n<p>1. Go to <em>Stores \u27f6 Configuration \u27f6 MAGEWORX \u27f6 SEO \u27f6 Canonical URLs Settings<\/em>.<br \/>\n2. Jump to these settings and choose the preferred option:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8818\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN3-1.png\" alt=\"Rel=canonical for pages filtered with layered navigation in Magento 2\" width=\"858\" height=\"59\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN3-1.png 858w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN3-1-600x41.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN3-1-768x53.png 768w\" sizes=\"auto, (max-width: 858px) 100vw, 858px\" \/><\/p>\n<p>Please note that you can overwrite this setting for each product attribute separately. That can under &#8216;Canonical Tag for Pages Filtered by Layered Navigation Leads to&#8217; settings that are located in <em>STORES \u27f6 Attributes \u27f6 Product \u27f6 Attribute \u27f6 Frontend properties<\/em>.<\/p>\n<p>That\u2019s it!<\/p>\n<p>Phew! Tired?<\/p>\n<p>Don\u2019t worry, we are half way through! \ud83d\ude09<\/p>\n<h2>Plan B<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8834\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_031-1200x461.jpg\" alt=\"Optimizing Layered Navigation in Magento 2 for site visitors\" width=\"1200\" height=\"461\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_031-1200x461.jpg 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_031-600x231.jpg 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_031-768x295.jpg 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/pic_to_blog_1900x730_031.jpg 1280w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"background-color: #ffcc99;\">If are tough, strong and fearless, you can go an extra mile and <strong>turn LN pages into (almost) regular and fully-optimized ones<\/strong>.<\/span><\/p>\n<p>That can be done by adding the <em>unique page titles, keywords, descriptions, content<\/em>.<\/p>\n<p>Let&#8217;s see how we can fulfill that on the example of our online store that sells clothes in Minneapolis.<\/p>\n<p><em>Pros<br \/>\n<\/em><br \/>\nThis approach can be beneficial for you in various ways:<\/p>\n<ul>\n<li>if there are no sub-categories in your store, category filter pages can successfully perform their role,<\/li>\n<li>these pages can be fully optimized for <em>long-tail or any specific search queries<\/em>; this way, shoppers who are searching for \u201c<em>black New Balance sneakers for women, size 35<\/em>\u201d will land on a page with highly relevant results,<\/li>\n<li>when optimized, these pages can extend and strengthen your site architecture,<\/li>\n<li>LP pages are updated automatically together with the changes in product attributes.<\/li>\n<\/ul>\n<p><em>Cons<\/em><\/p>\n<p>Doing SEO for these pages will require some extra time and efforts. Also, if you decide to import\/export data from these pages, it will be quite problematic.<\/p>\n<p><em>How To<\/em><\/p>\n<p>This is what can be done to make pages filtered with layered navigation Google\u2019s favorites.<\/p>\n<p>Since the default functionality of the platform doesn\u2019t have the required functionality, you\u2019ll have to resort to some 3d party solutions.<\/p>\n<p>If you have already installed <a href=\"https:\/\/www.mageworx.com\/magento-2-seo-extension.html\">SEO Suite Ultimate<\/a>, keep working with it \u2014 the extension has all the tools to successfully optimize category filter pages.<\/p>\n<p><a href=\"https:\/\/www.mageworx.com\/magento2-meta-seo-templates.html\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8777 size-full alignleft\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/18-SEO-Meta-Templates2-e1531382873227.png\" alt=\"SEO Meta Templates for Magento 2\" width=\"200\" height=\"200\" \/><\/a><\/p>\n<p>If you don\u2019t have any Magento 2 SEO extension, you may consider simple, yet very useful app for optimizing large amounts of meta data for any page type &#8211; <strong>SEO Meta Templates<\/strong> by MageWorx.<\/p>\n<p><a href=\"https:\/\/www.mageworx.com\/magento2-meta-seo-templates.html\">Click here<\/a> to install the add-on.<\/p>\n<p>Once any of the abovementioned instantions has been installed, go to <em>Marketing \u27f6 MageWorx SEO Templates \u27f6 Category Filter Templates<\/em>.<\/p>\n<p>This is the place, where you\u2019ll be able to <strong>quickly generate meta data<\/strong> (<em>meta title, description and keywords<\/em>) for each filtered page as well as <strong>optimize its store description<\/strong>.<\/p>\n<p>The extension enables you to create advanced templates that let you mass-optimize these important page elements in the most SEO-friendly way.<\/p>\n<p>First, select what to create a template for.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8819\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-4-1.png\" alt=\"SEO templates for layered navigation pages in Magento 2\" width=\"720\" height=\"286\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-4-1.png 720w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-4-1-600x238.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>Once selected by a user on the frontend, this attribute will trigger creating a LN page, and this template will be automatically applied to optimize it.<\/p>\n<p>Also, from here, you can select the store view this template will work for.<\/p>\n<p>At the next step, select the <em>Assign Type<\/em>. Each template can be used either for all categories or the selected ones only (to select them, switch to the Categories tab on the left side menu).<\/p>\n<p>Also, from here, you can add the <em>template\u2019s name<\/em> (to later identify it on the list of all the templates).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8820\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-5-1-1200x260.png\" alt=\"Selecting categories in SEO templates for layered navigation pages in Magento\" width=\"1200\" height=\"260\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-5-1-1200x260.png 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-5-1-600x130.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-5-1-768x167.png 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-5-1.png 1277w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Note that there is only one <em>Template Type \u2013 Store View \u2013 Category \u2014 Attribute<\/em> combination that is available for the targeted category.<\/p>\n<p>The categories assigned to different templates with the same conditions will be shown as Disabled in the Category Tree.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8821\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-7-1-1200x221.png\" alt=\"Selecting categories in SEO templates for layered navigation pages in Magento\" width=\"1200\" height=\"221\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-7-1-1200x221.png 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-7-1-600x110.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-7-1-768x141.png 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-7-1.png 1453w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>Next, add a <em>template rule<\/em>.<\/p>\n<p>Adding it is the very important part of the process, since it defines how the chosen meta element store description will look like.<\/p>\n<p>For example, to add a meta description like this one:\u00a0<em>Buy Nike Shoes, 2018 summer collection in the Best Shoes Store for $300 in Minneapolis<\/em>\u2019, you need to:<\/p>\n<ol>\n<li>add an introductory words <em>Buy, Purchase, Order<\/em>.Note that you can add a number of synonyms and use the <em>randomizer<\/em> (||) between\/among them. With this feature, the extension will automatically randomly pick up one of the entered synonyms.This approach can be used for the other template variables, for instance: \u2028[-parameters:||-filters: {filter_all}]. Number of randomizers blocks is not limited within the template.<\/li>\n<li>add the variables for [brand] [collection] [store name] [price] [location].<\/li>\n<\/ol>\n<p>In some cases, you can face a challenge when attributes values are not populated.<\/p>\n<p>The quick solution is to use the [attribute1|attribute2|attribute3|&#8230;] structure.<\/p>\n<p>In work this way. Say, you have a structure like [manufacturer|brand]. If you use the above mentioned structure in the template rule, the extension will check the first attribute value and if it is not available, the second, third one, and so on until it finally finds the most suitable option.<\/p>\n<p>The [prefix {attribute} suffix] structure can be used in case the product has some attribute.<\/p>\n<p>Buy [awesome {color}] [model] for only [price] means that this structure will be transformed into \u2018Buy Sketchers On-the-GO\u2019<br \/>\nOr \u2018Buy this awesome black Sketchers On-the-GO for only $99\u2019 if the product has the [color] attribute.<\/p>\n<p>Below is the list of the static and dynamic template variables:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8822 size-full\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-6-1.png\" alt=\"Variables in SEO templates for layered navigation pages in Magento\" width=\"659\" height=\"584\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-6-1.png 659w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-6-1-600x532.png 600w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/p>\n<p>Additionally, under these settings, you can also opt for applying these template to <em>All category filters<\/em> or only the ones with the <em>Empty values<\/em>.<\/p>\n<p>Plus, you can set to auto-apply this template with <em>Magento Cron<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8823 size-full\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-8-1.png\" alt=\"Optimzing layered navigation SEO templates in Magento 2\" width=\"948\" height=\"146\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-8-1.png 948w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-8-1-600x92.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-8-1-768x118.png 768w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/>That\u2019s basically it.<\/p>\n<p>Now, you go to <em>MageWorx SEO Templates \u27f6 Category Filter Templates<\/em>, and manage (test, apply, <a href=\"https:\/\/www.mageworx.com\/magento2-order-editor-extension.html\">edit<\/a>, delete) all your created templates there.<\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8824\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-10-1-1200x280.png\" alt=\"Managing layered navigation SEO templatesin Magento 2\" width=\"1200\" height=\"280\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-10-1-1200x280.png 1200w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-10-1-600x140.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-10-1-768x179.png 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-10-1.png 1462w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><br \/>\nIMPORTANT<br \/>\n<\/strong><br \/>\nAccording to the best SEO practices, it\u2019s generally advised to <strong>optimize one LN attribute filter at a time<\/strong>.<\/p>\n<p>Say, if you have a category page with multiple attributes e.g. brand, model, color, material, price. When a customer selects them all, you\u2019ll get such a filtered page: <span style=\"color: #0000ff;\">\/l\/brand:new=balance\/model:sport-g\/color:white\/material:genuine-leather\/price:299.html<\/span>).<\/p>\n<p>Pages like this will perform best in SEO if optimized for its main attribute (New Balance brand in this case).<\/p>\n<p>With the extension, it\u2019s also possible to <em>specify priority for different layered navigation attributes<\/em>. This way, if the same template is associated with a number of different attributes, the extension will pick up the one that has the biggest priority.<\/p>\n<p>To set attribute priority, first disable the enabled by default \u2018Use SEO-ed data for a single filter\u2019 option under <em>Stores \u27f6 Configuration \u27f6 MAGEWORX \u27f6 SEO \u27f6 SEO Extended.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8825\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-11-1.png\" alt=\"Choosing filter to optimize in Layered Navigation SEO templates for Magento 2\" width=\"981\" height=\"104\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-11-1.png 981w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-11-1-600x64.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2018\/07\/LN-11-1-768x81.png 768w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><br \/>\nAnd now, go to Stores\u27f6 Attributes \u27f6 Product and specify the position (the bigger the position, the lower its priority).<\/p>\n<h2>Bottom Line<\/h2>\n<p>As you can see, the process of optimizing pages filtered by layered navigation is not that easy.<\/p>\n<p>But it\u2019s definitely worth it! Instead of a pile of unusable pages that clatter your site, you can get a bunch of well-SEO-ed and structured website units. All you need to achieve that is a <em>detailed plan<\/em> and the <em>right tools<\/em>.<\/p>\n<p style=\"text-align: center;\">* * * * *<\/p>\n<p style=\"text-align: left;\">Do you have any experience in optimizing category filter pages? Feel free to share your expertise in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 9<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>In an increasingly competitive business landscape, it\u2019s impossible to imagine a successful Magento store without intuitive, user-friendly navigation. Multi-level menus, sitemaps, well-planned site architecture with smart interlinking\u2014 these are the essential components of better website usability and higher conversion metrics. Layered navigation is also one of the key aspects of site navigation. Also, the pages [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":12340,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[255,291,432],"tags":[439],"class_list":{"0":"post-8750","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-magento-2","8":"category-e-marketing","9":"category-seo","10":"tag-layered-navigation"},"_links":{"self":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/8750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/comments?post=8750"}],"version-history":[{"count":40,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/8750\/revisions"}],"predecessor-version":[{"id":16003,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/8750\/revisions\/16003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/media\/12340"}],"wp:attachment":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/media?parent=8750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/categories?post=8750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/tags?post=8750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}