How to create a good structure on a web page

How to create a good structure on a web page

Amistake that many make when they start to create a web project is to think only about the aesthetic part. “Having a beautiful and attractive design for my clients will help me sell more” they think. But it is not as simple as it seems.

Design is very important, yes, but it is also important to have a properly organized web structure so that it is accessible to users and helps you improve the positioning of your page.

If you are in the process of creating a web page from scratch or are reforming it… Take note! In this article we tell you what the web structure is, the types that exist and how they can help you improve your positioning.

  • What is the web structure?
  • Parts of a web page
  • Content distribution of a website
  • › Home or home
  • › Products or services
  • › Contact
  • › Blog
  • › Landing page
  • › Web policies
  • Types of web structure
  • › Network structure
  • › Linear structure
  • › Hierarchical structure
  • › Linear structure with hierarchy
  • Importance of a good web structure for positioning
  • › Web positioning
  • › Web usability

What is the web structure?

Let’s start at the beginning. The web structure, also called web architecture, is the way in which the pages that make up a website are organized and distributed . It also refers to how those pages that we have on our website are related to each other.

The information on your page must be easily accessible , otherwise the user will not find what they are looking for, they will be frustrated and will leave your site. In addition, having a bad web architecture does not like a hair to search engines like Google, which penalizes for these aspects.

Do not forget that you should not only study your web architecture when you are starting with your page or making small changes. The web structure of your page must be dynamic and always updated, since businesses change and evolve over time.

Parts of a web page

Within a website, we have three essential elements s structure that all pages must have: header, body and footer. This image will help you to recognize the parts we are talking about.

parts of a web
  • Header : It is the upper part of a web page where the basic information of the company is found : the logo, the navigation menu, search box, shopping cart, etc. This element is usually the same in all sections of the web and helps to provide the site with the coherence and continuity necessary for the user. If we speak in HTML language, the content of the header appears between these <header> </header> tags. Hence, it is known as a header.
  • Body or body : It is the central part of the page, and is located between the header and the footer. That is why this part is where the main content of the web is found. This content varies depending on the page you are on, since the content of a contact page will not be the same as that of the home page. In HTML this content is easy to find because it is between the <body> </body> tags.
  • Footer or footer : It is the last element that we find on a web page. Like the header, this section is usually repeated on all the pages of a website and in it you will usually find the buttons of social networks, legal policies, company telephone number, conditions of use, etc. As you can imagine, its HTML tags are <footer> </footer>.

Content distribution of a website

Each website is different and there is a great variety of sections depending on the content that your website may have. Next, we tell you the sections that we consider to be the main ones and that you must include to offer users all the information in a simple way.

Home or home

The home page is the main page of the web and it is one of the most important since it is the place where most of the visits usually land. It is the first contact with users and it includes the most relevant information about your business to show what your sector is, what type of product or service you sell, in which area you sell it or special offers to highlight.

For this reason, you must have a home design that is clear in which you highlight your main points as a company: a small summary of what you do, your best products / news, promotions and offers, latest blog articles, reviews, etc.

Products or services

A web project is not complete if you do not include a section in which you show in detail the products you sell or the services you offer to users.

You can do it in different ways, depending on your goals. You can do it as an online store (which is the most common) so that users can buy at the moment or in the form of brochures / portfolio presenting your products or services by adding a contact form.

We recommend that you break down your products or services into categories so that potential customers can easily navigate to the section they are looking for.

Contact

It is one of the most basic sections because it is important that the user can contact us. The three basic elements that a contact page should have are: telephone or mail, hours and address . Also, it is highly recommended to include a contact form. This should be very simple and that they only have to fill in the necessary and essential fields.

If you include more fields than normal, you risk them preferring not to fill it in. It is also very useful to include a map indicating the location of your business.

Blog

Although some think it is optional, at Palbin we recommend that your online store include a blog. It is a very important part because in it you can upload articles about outstanding news in your sector and it can become a source of traffic since it attracts users who browse looking for information on those topics.

When creating a blog, we make some recommendations :

  • Put a search engine. If you talk about different topics, the search engine will help the user to find what they are looking for.
  • It is advisable to organize the content through categories, which can be sections of different themes to improve its usability.
  • Create links to the products and categories of your store so that the traffic that you have obtained with your content reaches your products or services.

Landing page

Also called landing pages, the landing page is a page that is designed to convince users to take a specific action, be it filling out a form, making a purchase or requesting information.

Its content is of high value, since it wants to capture the full attention of users. It focuses on explaining the product or service you want to sell clearly and simply, relying on images, graphics, testimonials, etc.

Web Policies

Last but not least are the policies of a website. They include some such as:

  • Privacy policies : It is one of the least viewed pages but it is necessary since it provides the basic requirements of informing its users of the data collection treatment of the website.
  • Cookies policies : Cookies are data files that a web page sends to your computer when you visit it and that have various functionalities: maintain access, remember your preferences and offer relevant content.

To comply with the regulations that regulate the data protection of citizens living in the European Union, you are obliged to put a notice on your website.

  • Purchase conditions : If you offer products or services, your customers should be able to easily access your return policy and purchase conditions. It should contain the rules by which the customer can make a purchase, what are the conditions for it and the return process in case they need it.
  • Legal notice : It is a document in which the data of the owner of the website is collected and states that their activities comply with current law.

Types of web structure

Now that we know the elements and content sections that cannot be missing from your web page, we are going to review the most common types of web structure. Choosing one or the other depends on the type of business , but you should think carefully about which is the best for you since it will influence such important aspects as the user experience and the positioning of your website.

Network structure

It is the most inadvisable type of structure to use because from the home page you can navigate to other pages without an established order . Pages point to other pages freely, which can cause the user to get lost and have a bad experience.

It can be useful in projects where it is necessary to expand the information from one page to another, and the user has full freedom of navigation without limits. But to use a network structure, you have to do a very careful study of the content relationship to avoid confusion.

network structure

Linear structure

It is the simplest of all. So that you can get an idea, it is as if it were the pages of a book . So from a specific page you can only go to the previous or the next one and they usually happen in chronological order.

It is useful for example for topics related to teaching since the user has a fixed route , but it is very likely that they will get bored if the content is long and not very interesting.

In addition, it is the higher levels that finally have more relevance and acquire more authority for search engines, since they are considered as the basis of those that follow.

linear structure

Hierarchical structure

Most websites use this type of layout which consists of a tree structure . There is a home page that is the main one from which other sections are accessed, usually through a menu. Through these sections you can access other subsections and so on.

The main advantage is that the user always knows where he is located through the famous breadcumbs or breadcrumbs. The breadcrumbs indicate the route of a certain page with some links at the top, with them we can know in which category or subcategory of the web we are. But this type of structure is not entirely perfect, since not all the pages are connected, the user experience is not ideal and makes it difficult to crawl the pages by Google.

hierarchical web structure

Linear structure with hierarchy

It is a mix between the linear structure and the hierarchical structure and takes advantage of the advantages of each of them. For this reason, the sections and subsections are organized in a hierarchical way (tree structure) but it is also possible to navigate linearly through the sections of the same level.

It is the most optimal for most businesses since the pages are connected to each other, so the web usability (UX) improves and also improves the tracking capacity by Google.

linear structure with hierarchy

Importance of a good web structure for positioning

A good web organization begins with its structure, since if not, it would be a set of pages stored in a meaningless website. Structuring your online business well is key to both its usability and its search capacity. Both aspects are decisive for SEO .

Web positioning

If your online business has a good web architecture, you will give the Google robot clues where to find the most relevant content and this will help it find and index the content, giving the appropriate importance to each one .

On a website there may be several pages that talk about very similar topics. For this reason, it is important that Google knows which is the most relevant so that the contents do not compete with each other and can lead to cannibalisations .

Web usability

The structure is necessary so that users can understand the web and navigate it without problems. This is what is meant by web usability (UX). If users are able to understand the objective of your business and find the information or products / services they are looking for, the chances that they will visit you again will increase.

In short, when creating your online project you should carefully study how the layout of your website will be. From Palbin we hope that all this information has helped you to improve the web architecture of your site and correct the possible errors that you may be committing.

If you need a little push to know if you are doing it well or have doubts when setting up your online store, we will help you. Our team of Marketing experts will guide you in everything you need!