Badge Webflow Award Winner 2023

Create the architecture of your e-commerce site with Miro

Published on 
7/12/2021
-
Amended on 
27/3/2023
Reading time: 5 min
Miro logo with model of an internal structure of a website on a screen
Written by
Photo of Thibaut Legrand wearing a black t-shirt Digidop

Thibaut Legrand

Webflow Developer & SEO

Using a nocode tool to create and visualise the architecture and internal mesh of your e-commerce site is possible thanks to Miro. Find out how!

Key points to remember

Building and optimising your internal link is very important for your natural referencing (SEO). The internal linkage represents the architecture of your site. It allows you to navigate from one page of your site to another thanks to hypertext links. This mesh will allow you to send visitors to the page you want and keep them on your site. In addition, this will affect your PageRank (an important SEO criterion). Finally, you will be able to create universes, themes in your site by linking different pages or articles dealing with the same subject. Thus, you will establish your positions on the theme in question by gaining legitimacy.

We therefore see the need to optimise your internal linking. This is a step that begins well before the creation and publication of your pages and that lasts over time. It is therefore necessary to adopt a good strategy. This strategy is even more important for an e-commerce site. Indeed, an online shop presents many products and categories. In order to sell more, it is necessary to direct users to the most popular items or to targeted items.

A rather efficient method to optimize your internal mesh is to use an online visualization tool. Miro is a collaborative nocode tool that allows you to set up your strategy through the use of a "whiteboard". You have an infinite space to deposit your ideas and build complex diagrams (or not). Miro will allow you to link cards together to visually plan the different links between your different pages. Let's see a rather simple example of how to use Miro to optimize the internal linking of an e-commerce site. We will start with an empty table to create the architecture to respect for your e-commerce.

Step 1: Create levels

This step will allow us to classify your different pages according to their level of depth (how many clicks do you need before landing on this page?). It is strongly recommended (almost compulsory) that all the pages of your site be accessible in a maximum of 3 clicks (3 levels). Otherwise, some pages would be "hidden" and this would penalise your SEO.

  • Create a new table
  • Insert different coloured post-it notes representing the different levels

Screenshot of miro to create the different levels of clicks in the internal mesh


Step 2: Fill in the levels

In level 0, create a block for the home page of your e-commerce site. Then in level 1, create blocks for your categories. For level 2, your sub-categories. And finally, for level 3, your products. Indeed, the structure of an e-commerce site must respect this scheme. You can then customise the blocks according to your shop.

  • Level 0: Reception
  • Level 1: Categories
  • Level 2: Subcategories
  • Level 3: Products
  • Level 4: No level 4

Screenshot of miro to present the architecture for its ecommerce site


Step 3: Build your links

You will now build links between your pages. For example, the home page will have the different categories in its menu so that you can access them in one click. The same goes for the categories and sub-categories and so on. You can now link your blocks. Be careful not to exceed level 3.


  • Create links according to the level tree


Screenshot of miro to present the architecture with the links to respect for its ecommerce site


You now have a basis for linking different pages together. If you already have a site, you can create blocks for each of your pages and represent the links between them. You will then have a clearer vision of your mesh to know how to optimise it. You will now be able to link your pages and products together and by category to boost them. For example, avoid direct links to women's shoes if you are on a men's trainer product page. By using Miro, you can go further and represent the entire mesh of your site.

If you need help to develop your e-commerce website, Digidop can help you. Indeed, we can develop you a powerful site and answering the best SEO practices for your online business thanks to Webflow.

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop