← back to all posts

subscribe →

Basic Website Design Terminology – The Web Jargon You Should Know

Date Published:

Jul 15, 2021

post categories:

Bring ease and enjoyment into the website design process by understanding the basic website design terminology and jargon.

And as an added bonus, you can also pick up the Website Checklist in the Brand Resource Library by clicking here!

When it comes to the structure of a website, there are loads of different words and phrases that are often thrown around like confetti, leading to frustration and confusion. Whether you’re DIY’ing your site or working with a designer, when you don’t understand what is being said, it can make the process that much more annoying.

Enter: The Basic Website Jargon and Terminology Dictionary

Not only will this help you with your overall understanding of a website’s structure and layout, but if you’re working with a designer, you’ll have a better grasp of what they’re trying to communicate. Meaning, a smoother process and more positive experience.


In this Article

>> What is: Supernavigation and/or Secondary Navigation Menu
What is: Navigation Menu
What is: Submenu
What is: Landing Page
What is: Header
What is: Hero Image
What is: Email Subscriber Form
What is: Contact Form
What is: Sidebar
What is: Call to Action
What is: Footer


The Basic Website Design Terms

Supernavigation or secondary navigation menu: The (often colored) bar at the very top of the website. It can be used for a specific call to action (i.e. now booking for October!) or have additional menu items that aren’t the main focus for visitors.

supernavigation menu in website design terminology

Navigation menu: A menu made up of the main page(s) you want website visitors to navigate to. Generally, the main menu has no more than six items.

navigation menu in website design terminology

Submenu:The pages included as a sub menu item in your navigation menu. For example, the main navigation menu may include ‘Services’ and the submenu items are ‘design’, ‘strategy’ and ‘digital marketing’. Each submenu item is an individual web page.


Header: The items at the very top of each web page. Most often this includes the navigation menu, business logo and secondary navigation menu.

What is a Header in Website Terminology

Landing page: A web page that does not have a navigation menu or footer menu. The idea of a landing page is that the visitor cannot navigate to another page without taking action, i.e. submitting their contact information.


Hero image:The image (most often full-width) at the top of the page, directly under the header.

What is a Hero Image in Website Terminology

Email subscriber form: A form that collects only basic contact information from a visitor and is linked to your email marketing service provider, i.e. Mailerlite, Mailchimp, Convertkit, Constant Contact, etc. Generally, the visitor enters their name and email address in exchange for something free like an e-book, PDF or template.

What is a Email Subscriber Form in Website Terminology

Contact form: A form that collects the visitors information along with space for a personal message. This form is connected to your business/personal email account, NOT an email service provider, and is most often used for client inquiries or personal messages.

What is a Contact Form in Website Terminology

Sidebar: A vertical section to the right or left of a blog post with additional information such as new blog posts, social media icons, an ‘about me’ picture or email subscriber form.


Call to action:A powerful statement that calls the visitor to take a specific action. Generally, calls to action (CTA) are followed with a colored button and a verb like ‘Learn More’.

What is a Call to Action in Website Terminology

Footer: The area at the very bottom of each web page that can include the same information as what’s in the header or something different.

What is a Footer in Website Terminology

Want even more website help? Grab the FREE website optimization checklist here!

All my best,

Pin for later!