Parts of a Webpage: Top 6 Elements

When you look at a webpage, you rarely think about its constituents. In most cases, you think only about its appeal and impact overall. However, that unified effect is usually achieved with the help of combining special parts of a webpage in a special way that speaks to the user and creates a proper impression on them. Thus, understanding how to achieve that positive impact is impossible without knowing the essentials of web page structure. Here we offer you a guide to parts of a webpage to let you know how to create impactful web designs.

Parts of a Webpage by Type

Overall, we can divide the webpage content into four types of content it may contain. You can see text, imagery, audio files, and video in different parts of a webpage. Depending on the resource’s purpose and specialization, you can see these chunks of content in various places. For instance, if it is a journalist’s portfolio, you’re likely to see text all around. Photos and videos will be presented in smaller concentrations, and audio may not be present at all. If it’s a radio station’s website, audio will prevail. A photographer’s resource will contain many images and small chunks of other data types.

Website Anatomy

Now let’s proceed to the specific parts of a webpage in the order of their hierarchy – that is, the order in which you see and evaluate them.

#1 Logo

Logos are typically placed in the upper left part of the page and also serve as the “home” icon in the menu, familiarizing the visitor with the brand.

#2 Header

The name of the webpage is located in the top part of the page and is typically centered to capture the user’s attention. Its intent is to communicate the specific page’s main content and purpose. This can be a services page, a page with contacts, etc.

#3 Menu

Menus are also located conveniently and visibly for the users to find them and check what they can do or get on a specific resource.

#4 Body of the Page

This is one of the key parts of a webpage as it presents the main content for users. If it’s a blog, the body of this page will contain its text; if it’s a page with services, then you will find a list of services covered by the company, preferably with details and prices, and so on.

#5 Contact Form

The company that wants to get inquiries, receive new clients, and get customer feedback typically places a contact form below the text section.

#6 Social Media Icons

With the growth of social media following, social sharing icons are a must for each popular website. Users can click on them to share the web content they find interesting.