What are the elements and parts of a web page

The elements and parts of a web page

You may be wondering what the elements and parts of a web page are in the event that for the first time you are creating a site for your business.

It is a fairly common question that does not always have an easy or clear answer, as it largely depends on what we intend to obtain with our website, in short, what objectives and goals we have set ourselves.

This is a key first step to later be able to better define the type of web that we need and what web structure to have.

So, throughout this post we are going to explain in an extensive way the three parts of a website and the most common key elements.

Types of web pages

According to its functionality, structure and content, a page can be categorized of one type or another.

You can build a type of web that adapts to almost any purpose and the limitations in terms of design, creativity and functionalities are less and less.

We have specialized hosting plans for these types of websites, we also put Cpanel at your disposal with all the applications you need.

For example, it is not the same type of website that we need for an online clothing store as that necessary for a writer who publishes his articles. Evidently they are very different, although they share many elements.

Still, here we are going to show you the most common types that we can use.

Static web page

A website is static when its content is not updated regularly or frequently.

Dynamic web page

A dynamic web page is one in which its content is periodically updated with a certain frequency.


Page where they are displayed and gives access to a list of tickets.

Online store or ecommerce

Site whose design and functionality is fully oriented to the sale of products online.

Landing Page

Page of a web designed with the purpose of obtaining a conversion or a lead mainly.

Corporate web

Web in order to display information about a company or organization.


Website whose design and functionalities allow the exchange of information and communication between users.

What three parts of a web page are basic

Although not all websites are the same and each one has certain peculiarities, some of its elements are common in most cases.

Next we are going to show you the three parts of a web page that are used most frequently.


The header is the most visible part of a whole web and it is always at the top of any page occupying the entire width (although at the visible design level it is not).

It is generally a section whose design and content is identical throughout the web, showing for example both in an entry and on the home page or contact page.

In the header it is usual to always find the title or logo and a menuThis makes perfect sense as it serves to offer direct access to the main pages of a website.

It is interesting precisely to keep the latter in mind, that they are direct accesses to the pages to which we want users to go. Therefore, avoid overloading this menu.

Header and menu of a web

If you offer products and access to clients, as is our case, give them all the prominence in the header of your website.

On the other hand, an example of a page to discard to include would be the privacy policy.

Also, technically in this part, its content being the first to load A lot of code essential for its proper functioning is included throughout the web.

It is also essential for the inclusion of third-party code such as Google Analytics or the Facebook Pixel.

From the SEO point of view, you should bear in mind that Google will take this part into account to structure your website well as well as “know what it is about”.

Now, can there be pages without a header? Of course yes.

A landing page is not a good idea to have a header like the rest of the web. In this type of pages, precisely what is important is that it does not have “escape routes” such as links to other pages in the navigation menu.

It may interest you: What is a landing page? Start getting conversions

The same happens in pages under construction or pages of purchase processes.

Body or body of the web

This part is where most of our content will be displayed and where we will also develop and place most of the elements of our website.

It is important when including content in this section to bear in mind that to view a website it is necessary to make a vertical scroll down, in such a way that the most relevant content should always be as high as possible and as it lacks relevance further down.

This way of organizing our content is evident on a home page, where the most prominent content is usually incorporated at the top with even a call to action and below other secondary or complementary content that provides more information.

body and body of a web

A good example is the digital information newspapers.

We can also find this type of order of the contents in dynamic pages such as the blog in which we are interested in showing the most recent posts first.

the blog, a fundamental part of a website

Footer or footer of the web

As with the header, this is a part that it is included in practically every page of the web and it is usually displayed in the same as the header.

However, the importance of the footer is much less given its lower visibility. Few users normally reach the end of a website, but when they do it is because they are looking for a certain specific content that they know can be found there.

It is common in this section to find access to other pages or non-relevant content such as legal pages, links to social networks or contact.

footer or footer of a web

Although you may also want to take the opportunity to include a direct access to practically any page on your website so that the user can have a broader view of your website from there and find accesses that you have not included in your top navigation menu.

If your business has a physical address, we recommend that you include what is called in SEO Local NAP (your address details) in this part. We tell you more here.

Elements that cannot be missing on your website

Now that we have the three highlighted parts of any website, let’s see what are the elements that are usually included in them.


Forms are one of the most basic elements and used on any website from the beginning, and their versatility makes them essential for almost any type of web.

However, we would like to highlight two types of forms.

Contact forms: Ideal to be included in the contact page or the footer, they are the most common way of allowing direct contact between the user and the owner of the web.

In this type of forms, all types of fields can be included in order to collect more information from the user.

Subscription forms: an essential element to create an email marketing strategy with the objective of loyalty or to start up conversion funnels.

It may interest you: Newsletter, what is it and how to create one for your business or brand

They can be included on any page and practically anywhere.

If we want to get a good number of subscribers, it is necessary to offer something in return in the call to action that let us include.

Links (edit)

Links are essential at the SEO level for improve the positioning of a website, whether they are internal or external.

A good internal linking allows us to structure our website and the relationship of importance or hierarchy between different pages.

Regarding external linking, it serves to provide more relevant information to the content that is shared.

It is also important when we talk about links to distinguish between “Do Follow” and “No Follow”. About this we tell you more in is fasting.

Navigation menu

The navigation menus, as we told you before occupy a very prominent and visible place Mainly in the header, however this is not the only place where we can find them.

Their importance is very great since they are the main access through internal links to any part of a website.

In addition, that link allows better prioritize the structure of a website, something that also favors its positioning.


They are excellent elements to get included attractive calls to action to the user, that is, to incite him to carry out a certain action.

button with call to action

The success of a button is often very much related to its own design, so it is important to take this aspect very into account as well.

A banner is a perfect visual element for include a call to action which must also include a link of either of the two types that we have seen.

As with the buttons, their design is essential for it to be successful.

Banners, in addition to making calls to action, also serve to separate sections in the design of a page by creating spaces.

In this post, for example, it helps us to create more spaces between paragraphs and thus give more air to the user’s reading. What do you think of our banner? Try clicking.

Pop Up

This is one of the elements most hated by users, and with good reason, for its misuse-abuse in many cases.

Still a nice pop up it is very useful to attract subscribers with a subscription form or a call to action.

Your configuration is key.

The main advice we can give you is that you do not abuse this element, that you do not make it jump without adding any value to the user, but above all, that values ​​if it is annoying.

If the answer is yes, you have to make changes.

Media resources

As media elements we refer to images and videos mainly.

They are essential for add more value to the text of a website as well as to the design, usability and functionality of any website.

Keep in mind that videos increase retention on a website.

Also, don’t lose sight of their optimization when you include images.

It may interest you: How to optimize images for the web?

Testimonials and reviews

Isn’t it possible that a brand is more credible when someone who has purchased its products tells you about it?

Testimonials or reviews are key elements to contribute more credibility and strength to your brand message.

Testimonials and reviews on a website

They can be included in the home page, services or products, the page of who we are, etc.

Another advice we give you in this regard is that the quality of those testimonials or reviews is preferable to the amount you show.


Throughout this post we have seen the most prominent parts of a website as well as the most important elements that we usually include.

We hope that you have been able to take good note and that our advice for its use will also be practical for you to apply in the creation or renovation of your website.