Website Structure & Components

Definition Breadcrumbs are a secondary navigation system that shows users their location within a website's hierarchy. They appear as a trail of clickable links, usually at the top of a webpage, indicating the path from the homepage to the current page. Breadcrumbs...

Definition A Call to Action (CTA) is a prompt that encourages users to take a specific action on a website, such as joining a newsletter, making a purchase, or clicking a link. CTAs are typically displayed as buttons, links, or banners with persuasive text like "Buy...

Definition A footer is the bottom section of a webpage that typically contains important information such as copyright notices, contact details, and links to privacy policies or terms of service. It is a consistent element across all pages of a website and serves as a...

Definition A header is the top section of a webpage that typically contains important information such as the website’s logo, navigation menu, and contact details. It remains consistent across multiple pages of a website, helping users navigate easily. Headers can...

Definition A hero section is the large, prominent area at the top of a webpage that operates as the first visual impression for visitors. It typically includes a compelling headline, subheading, call-to-action (CTA), and a high-quality image or video. The hero section...

Definition A landing page is a standalone webpage intended specifically to capture leads, promote a product, or drive a specific action from visitors. Unlike a regular webpage, a landing page is focused on a single goal, such as joining a newsletter, claiming a free...

Definition A navigation bar (nav bar) contains links to different sections of a website, allowing visitors to move between pages easily. It's a user interface element that's typically placed at the top of a webpage and may include menus, dropdowns, and icons for...

Definition A sidebar is a vertical section of a webpage, typically placed on the left or right side of the main content area, that contains additional navigation links, widgets, or important information. It is commonly used in blogs, news websites, and e-commerce...

Definition A sitemap is an organized list or map of all the pages on a website, helping users and search engines navigate the site's content efficiently. It can be presented as an HTML sitemap for visitors or an XML sitemap for search engines like Google. Sitemaps...

Definition A wireframe is a simple, visual blueprint of a website or app layout, outlining the structure and functionality before design and development begin. It typically consists of basic shapes, lines, and placeholders to represent elements like navigation,...