{"id":6364,"date":"2017-05-30T16:00:43","date_gmt":"2017-05-30T13:00:43","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=6364"},"modified":"2021-06-26T16:59:54","modified_gmt":"2021-06-26T13:59:54","slug":"ecommerce-site-structure","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/ecommerce-site-structure\/","title":{"rendered":"How to SEO an eCommerce Site Structure"},"content":{"rendered":"

The site structure of an ecommerce website is very important. It has to be easy to navigate, easy to crawl (by search engines) and it\u2019s the starting point to offer a great experience for your users.<\/p>\n

A big ecommerce website may have a lot of pages and it\u2019s necessary to have a solid structure so that users can find what they want, in the least possible number of clicks.<\/p>\n

Why Ecommerce Site Structure matters?<\/h2>\n

A good ecommerce site structure has a number of hidden benefits to offer:<\/p>\n

Speed:<\/strong> If you have any experience with website speed optimization<\/strong><\/a>, you know that when it comes to fine tuning your website\u2019s load speed, you have to deal with a number of things.<\/p>\n

Website\u2019s that have a clear structure require less code resources (css, javascript), make fewer requests to the server and they load faster.<\/p>\n

In addition, search engine crawlers are able to crawl the website faster, discover more pages and this in turn can have a big impact on your SEO efforts.<\/p>\n

Site links: <\/strong>Site links are shown in the search engine results pages (SERPS), when someone is searching for your company name on Google.<\/p>\n

In case of an ecommerce store, sitelinks will show your main categories, like this example from Best Buy<\/em>.<\/p>\n

\"ecommerce<\/p>\n

Sitelinks are great for SEO. Not only they can attract more clicks to the most important pages of your website but they are also good for branding.<\/p>\n

The problem is that you cannot specify which pages of your website to include as sitelinks.<\/p>\n

It\u2019s up to Google to decide what to show in your snippet. You can use the Google Search Console (site links menu), to exclude pages from showing as sitelinks but not to include.<\/p>\n

A poor site structure will minimize your chances of getting sitelinks in the SERPS while a good site structure will help Google pick up the right pages to show as sitelinks along with your title and description.<\/p>\n

More conversions:<\/strong> The ultimate goal of every online shop is to generate more sales.<\/p>\n

To make sales you have to \u2018push\u2019 your potential customers into the sales funnel, which may include a number of other conversions (sign up for newsletter, leads etc).<\/p>\n

A well organized and defined site structure is crucial for this process to work as planned.<\/p>\n

Visitors should easily find what they want without having to click many times and without spending more time on a page than needed.<\/p>\n

6 Steps to Creating the Site Structure for your eCommerce store<\/h2>\n

Let\u2019s see the steps for creating an SEO optimized structure for your ecommerce shop.<\/p>\n

Step 1:\u00a0 Create a Hierarchical structure with no more than 3 levels<\/h3>\n

An ecommerce website should have a hierarchical structure.<\/p>\n

Your home page is at the top of the hierarchy and below you can have 2 or 3 levels before you reach the bottom of the hierarchy \u2013 your product pages.<\/p>\n

To help you visualize how a hierarchical structure looks like, have a look at the following diagram.<\/p>\n

\"seo<\/p>\n

Source: kissmetrics<\/a><\/p>\n

The home page is at the top of the hierarchy, followed by the main categories (level 1), sub categories (level 2) and finally the product pages (level 3).<\/p>\n

The best way to decide on how to create your structure is to take into account the outcome from your keyword research process.<\/p>\n

If you haven\u2019t read my previous post on <\/em>how to do keyword research for an ecommerce website<\/em><\/strong><\/a>, I suggest you read it before continuing to the next steps.<\/em><\/p>\n

Keyword research is not only necessary for optimizing your titles and descriptions but it can provide you with ideas on how to structure your website.<\/p>\n

Step\u00a02: Create a Simple Menu That Replicates the Site Structure<\/h3>\n

The navigation i.e. the menus of the shop, should reflect the structure. If you get the structure right, your navigation will be easy to understand and follow.<\/p>\n

A few things to take into account, when deciding for your navigation structure and menus:<\/p>\n

Keep it simple<\/strong> \u2013 When designing the menu structure, always have in mind to keep it as simple as possible.<\/p>\n

Avoid adding pages to the menu that are not needed or creating fly out submenus menus when it\u2019s not necessary.<\/p>\n

As a rule of thumb, each page on your website should be accessible from the homepage in no more than 3 clicks.<\/p>\n

Make use of side menus<\/strong> \u2013 When a user selects a particular category from the main menu, you can show them a landing page with a side menu to help them find the products they want.<\/p>\n

Have a look at how the woocommerce<\/a><\/strong> website is structured.<\/p>\n

\"ecommerce<\/p>\n

When you choose a category from the main menu, they show you a landing page with all products in that category with several filters (like price) to narrow down your selection.<\/p>\n

The other options are also available so that you can choose to change category without having to go back to the menu.<\/p>\n

Step\u00a03: Consider creating\u00a0a separate menu for desktop and mobile<\/h3>\n

It\u2019s very likely that the majority of your traffic comes from mobile.<\/p>\n

This means that you should give special attention on how mobile users navigate your website.<\/p>\n

Replicating the desktop menu (as is) it\u2019s not a good option because of the limited screen space available on the mobile device.<\/p>\n

What you should do instead is to create a separate menu for mobile and include ONLY those options that are really necessary for navigation purposes.<\/p>\n

Pages like privacy policy, about us, etc. can be grouped together thus giving more space on the menu for the important pages (category and product pages).<\/p>\n

Have a look at woocommerce website again from your desktop and mobile.<\/p>\n

\"desktop<\/p>\n

On the desktop, they have a full list of products under the Extensions Store <\/em>menu:<\/p>\n

While on mobile they only show the Extensions store option <\/em>since displaying the full list of products would create a mess and this is not user friendly.<\/p>\n

\"mobile<\/p>\n

I\u2019m using the same technique on my website, if you check the menu on desktop and mobile, you will notice that the mobile version is simplified.<\/p>\n

Step\u00a04: Optimize YOUR URL structure<\/h3>\n

Having an SEO friendly URL structure<\/strong><\/a> helps both users and search engines navigate a website.<\/p>\n

The site structure and URL structure are closely related since both have to accurately represent each other.<\/p>\n

For example, if you have an ecommerce store selling electronics and have a section for Tablets, then your site structure can be like this:<\/p>\n

Home page \/ Tablets \/ Android \/ Ipad<\/em><\/p>\n

And your URL structure like this:<\/p>\n

www.example.com\/tablets\/android<\/em> and www.example.com\/tablets\/ipad<\/em><\/p>\n

When a word is removed from the URL then the page www.examples\/tablets<\/em> should display all available tablets.<\/p>\n

Use the following guidelines to optimize the URL structure of your ecommerce website:<\/strong><\/p>\n

#1 – Keep your URLS as short as possible<\/p>\n

#2 – Separate keywords in the URL with \u201c-\u201c (dashes) and not underscores<\/p>\n

#3- Avoid having extra characters that are not needed (for examples numbers that don\u2019t make sense for the user)<\/p>\n

#4 \u2013 Do include attributes of your products in the URL. For example, if you are selling \u201cblack ipads with 64 GB of RAM\u201d, then you can make your product URL to be:<\/p>\n

\/ipad-64gb-black<\/em><\/p>\n

In general, include product attributes in the URL that may be used as search keywords.<\/p><\/blockquote>\n

#5 \u2013 Use only lowercase characters and avoid spaces<\/p>\n

Make your URLS HTTPS<\/strong><\/p>\n

Having a secure website is very important, especially for ecommerce websites.<\/p>\n

Not only it\u2019s an SEO ranking factor, but it\u2019s another way to gain user\u2019s trust.<\/p>\n

Read my previous guide, how to migrate your website to https<\/a><\/strong> for all the details.<\/p>\n

Important: <\/strong>If you decide to change your URL structure, you need to be careful not to lose your SEO and rankings.<\/p>\n

The best approach is to use 301 redirects to let users and search engines know that the URL of a page has changed.<\/p>\n

Step\u00a05: Add a breadcrumb menu to all your pages<\/h3>\n

A breadcrumb menu is shown at the top of a page and it consists of a number of internal links that allows visitors to quickly navigate back to the previous section or the home page of your website.<\/p>\n

\"breadcrumb<\/p>\n

This is extremely useful when users are searching for a specific product and go back and forth between the categories and products.<\/p>\n

It is also useful when users land on a specific product page since they can use the breadcrumb to see what other products are in the same category.<\/p>\n

Add structured data to your breadcrumbs<\/strong><\/p>\n

Besides aiding the user navigation while on the site, breadcrumbs are also displayed in the Google search results on mobile and if properly configured can offer an additional advantage for your website in the SERPS.<\/p>\n

\"breadcrumb<\/p>\n

To make sure that Google can \u2018interpret\u2019 breadcrumbs correctly, you need to add the relevant schema.<\/p>\n

You can read more details on how to implement schema markup for breadcrumbs here<\/a><\/strong> and here<\/a><\/strong>.<\/p>\n

Step\u00a06: Create a User Sitemap<\/h3>\n

For all types of websites, it\u2019s always a good practice to create a user-sitemap page.<\/p>\n

A user sitemap is different from the XML sitemap<\/a><\/strong> that is submitted to search engines.<\/p>\n

A good user-sitemap page should display all important categories and subcategories of a website is a single page so that users can find easily what they want.<\/p>\n

Here is a nice example from HP\u2019s online store.<\/p>\n

\"user<\/p>\n

The User sitemap can be added as an option in the footer.<\/p>\n

From experience, when you create the user-sitemap page, it will help you understand if your website is well structured or if you need to make any structural changes to improve it.<\/p>\n

Conclusion<\/h2>\n

Ecommerce websites can quickly grow in size and if you don\u2019t have a solid structure from the beginning, you can easily get lost.<\/p>\n

A well-defined structure will help users find what they want fast (in less than 3 clicks), and search engine crawlers will be able to crawl, understand and index your website more efficiently.<\/p>\n

When thinking about your shop site structure, consider the following:<\/p>\n

    \n
  • Create a hierarchical site structure<\/li>\n
  • Your menu should match your site\u2019s hierarchy. Use sidebar menus to aid navigation.<\/li>\n
  • Give special attention to your mobile version and make sure that the experience of the users\u2019 is optimized for mobile. If necessary, design a separate menu for desktop and mobile.<\/li>\n
  • Optimize your URLS<\/li>\n
  • Add a breadcrumb menu to all pages.<\/li>\n
  • Create a user-sitemap and add it your footer.<\/li>\n<\/ul>\n

    Finally, if you already have an ecommerce website with indexed pages and you decide to change the structure and URLS, make use of 301 Redirects so that you don\u2019t lose any of your rankings and domain\/page authority.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The site structure of an ecommerce website is very important. It has to be easy to navigate, easy to crawl (by search engines) and it\u2019s the starting point to offer a great experience for your users. A big ecommerce website may have a lot of pages and it\u2019s necessary to have a solid structure so […]<\/p>\n","protected":false},"author":2,"featured_media":6366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","mc4wp_mailchimp_campaign":[]},"categories":[222],"tags":[225,317,13,69],"_links":{"self":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/6364"}],"collection":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/comments?post=6364"}],"version-history":[{"count":1,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/6364\/revisions"}],"predecessor-version":[{"id":29082,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/6364\/revisions\/29082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media\/6366"}],"wp:attachment":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media?parent=6364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/categories?post=6364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/tags?post=6364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}