Website, Design & Digital Business Glossary

A short written description attached to an image on a website. It tells screen readers and search engines what the image shows.

Alt text is important for accessibility and helps people who cannot see images understand what is being communicated. It also helps search engines index your content more accurately.

A navigation trail that shows visitors where they are within a website. It typically looks like: Home › Services › Website Design.

Breadcrumbs help users understand the structure of a site and navigate back to previous sections without using the browser back button.

A button, link, or prompt that encourages a visitor to take a specific next step. Common examples include “Book a Call,” “Get a Quote,” or “Download the Guide.”

A clear call to action tells visitors what you want them to do next and makes it easy for them to do it.

Stands for Content Management System. It is the software that allows you to add, edit, and manage the content on your website without needing to write code.

WordPress, Squarespace, and Webflow are examples of CMS platforms. Some are easier to use than others, and the right choice depends on your technical comfort level and business needs.

The address people type into a browser to visit your website. For example, mywaypointdigital.ca is a domain name.

Domain names are registered annually through a domain registrar. Choosing a clear, memorable domain name is one of the first steps in building an online presence.

The section at the bottom of every page on a website. It typically contains contact information, navigation links, legal notices, and social media links.

A well-designed footer helps visitors find important information quickly and reinforces trust by making your business easy to contact.

The section at the top of every page on a website. It usually contains your logo, main navigation menu, and sometimes a contact button or phone number.

The header is one of the first things visitors see and plays an important role in establishing your brand and helping people navigate your site.

The main entry page of a website, typically found at the root address such as yourwebsite.ca. It is usually the first page most visitors see.

A strong homepage clearly communicates what your business does, who it serves, and what visitors should do next. It sets the tone for the entire website.

The service that stores your website files and makes them accessible on the internet. Without hosting, your website cannot be viewed by anyone.

Hosting plans vary in speed, reliability, security, and support. Managed hosting means someone else handles the technical maintenance for you.

A standalone web page designed with a single focused goal, such as capturing a lead, promoting a specific service, or driving sign-ups for an event.

Landing pages are often used in advertising campaigns. Unlike a homepage, they are stripped of distractions and guide visitors toward one specific action.

The system of menus and links that helps visitors move around your website. Good navigation makes it easy to find information quickly without confusion.

Navigation is typically found in the header and footer. Clear, simple navigation reduces frustration and keeps visitors on your site longer.

A website that automatically adjusts its layout and content to look and work correctly on any screen size, including phones, tablets, and desktop computers.

Responsive design is now a standard expectation. A website that does not work well on mobile will lose visitors and rank lower in search results.

A file or document that lists all the pages on your website. It helps search engines discover and index your content more efficiently.

A sitemap can also refer to a visual diagram used during the planning phase to map out the structure of a website before it is built.

A digital certificate that encrypts the connection between a visitor’s browser and your website. It is what makes a website address start with https instead of http.

SSL certificates protect sensitive information and signal to visitors that your website is secure. Browsers now flag websites without SSL as “Not Secure.”

The way a website is organized and structured, including how pages are grouped, linked, and navigated. Good architecture makes a website easy to use and easy for search engines to understand.

Planning your website architecture before building saves time and prevents confusing navigation problems later.

A simple visual sketch of a web page that shows the layout and placement of elements without any colour, images, or final design details.

Wireframes are used early in the design process to plan structure and content placement before investing time in full visual design.

The difference in brightness and colour between text and its background. High contrast makes text easy to read. Low contrast makes it difficult, especially for people with visual impairments.

Colour contrast is measured as a ratio. Accessibility standards require a minimum ratio to ensure readability for all users.

A reusable building block of a website or interface, such as a button, card, navigation bar, or form. Components are designed once and used consistently throughout a site.

Using components keeps a website visually consistent and makes future updates easier and faster.

A documented set of design rules, components, and guidelines that define how a brand looks and behaves across all digital products and platforms.

A design system ensures consistency and makes it easier for teams to build new pages or products without starting from scratch each time.

A specific style and size of a typeface. For example, Arial Bold 16px is a font. The typeface is the broader family, such as Arial.

Fonts affect how professional, approachable, or authoritative your brand feels. Choosing the right fonts is an important part of building a consistent visual identity.

An invisible framework of columns and rows used to organize content on a page. Grids create visual order and make layouts feel balanced and intentional.

Most professional websites use a grid system to ensure consistent spacing and alignment across all pages.

The arrangement of visual elements on a page, including text, images, buttons, and white space. A good layout guides the eye naturally through the content.

Layout decisions affect how easy a page is to read and whether visitors find what they are looking for quickly.

A high-fidelity visual representation of a finished design, showing colours, fonts, images, and layout as they would appear on the final website.

Mockups are used to review and approve a design before development begins. They are more detailed than wireframes but are not yet functional.

A design approach where the mobile version of a website is designed before the desktop version. Since most web traffic now comes from phones, this ensures the most important experience is prioritized.

Mobile first design tends to produce cleaner, more focused layouts because it forces designers to prioritize essential content.

An interactive model of a website or application that simulates how it will work, without being fully built. Prototypes allow you to test navigation and user flows before committing to development.

Testing a prototype early can save significant time and cost by identifying problems before they are built into the final product.

A typeface style that includes small decorative strokes at the ends of letters. Times New Roman and Georgia are well-known serif fonts.

Serif fonts are often associated with tradition, authority, and trustworthiness. They are commonly used by law firms, financial institutions, and established brands.

A typeface style without the small decorative strokes found in serif fonts. Arial, Helvetica, and Inter are common sans-serif fonts.

Sans-serif fonts tend to feel modern, clean, and approachable. They are widely used in technology, healthcare, and consumer brands.

The art and practice of arranging text in a way that is readable, clear, and visually appealing. Typography includes font choice, size, spacing, line height, and hierarchy.

Good typography makes content easier to read and reinforces your brand personality. Poor typography makes even well-written content feel unprofessional.

The overall experience a person has when using a website or product. UX covers how easy it is to navigate, how quickly information is found, and how the interaction feels overall.

Good UX design reduces frustration and makes it easier for visitors to accomplish what they came to do, whether that is finding information, making a purchase, or contacting you.

The visual elements a person interacts with on a website or application, including buttons, menus, forms, and icons. UI design focuses on how things look and how they respond to interaction.

UI and UX work together. UI is what you see; UX is how it feels to use it.

The arrangement of design elements in a way that signals their relative importance. Larger, bolder, or more prominent elements draw attention first.

Visual hierarchy guides visitors through a page in the intended order, ensuring the most important information is seen first.

The empty space between and around design elements. Despite the name, it does not have to be white. It is simply the absence of content.

White space improves readability, reduces visual clutter, and gives a design a more professional and premium feel. Overcrowded layouts are harder to read and feel less trustworthy.

Using the same colours, fonts, tone of voice, and visual style across every platform and touchpoint where your business appears.

Consistency builds recognition and trust. When your website, social media, and printed materials all look and sound like the same business, customers feel more confident in your professionalism.

The collection of visual and verbal elements that represent your business, including your logo, colour palette, typography, tone of voice, and overall style.

Brand identity is how your business presents itself to the world. A strong identity makes your business recognizable and memorable.

How your brand is perceived relative to competitors in the minds of your target audience. It defines what makes you different and why customers should choose you.

Clear positioning helps you attract the right clients and avoid competing purely on price.

The commitment your brand makes to customers about what they can consistently expect from your products or services. It is the core of what your business stands for.

A brand promise does not have to be a formal statement. It is the expectation you set and the standard you are held to every time someone interacts with your business.

The consistent personality and style expressed through all written and spoken communication from your business. It includes the words you choose, the tone you use, and the way you structure your messages.

A clear brand voice makes your business feel human and consistent, whether someone is reading your website, a social media post, or an email.

The specific set of colours chosen to represent your brand. A typical brand palette includes a primary colour, one or two secondary colours, and neutral tones for backgrounds and text.

A defined colour palette ensures visual consistency across your website, marketing materials, and any other branded content.

A visual symbol or mark that represents your business. It may include a graphic icon, your business name in a specific typeface, or a combination of both.

A logo is not a brand on its own, but it is often the most immediately recognizable element of a brand identity.

A short statement that describes the purpose of your business, what it does, who it serves, and why it exists. It is intended to guide decisions and communicate your values.

A good mission statement is clear and specific. Vague statements like “delivering excellence” communicate very little.

The specific group of people your business is trying to reach with its products, services, or messaging. Defining your target audience helps you make better decisions about design, content, and marketing.

Trying to appeal to everyone usually results in appealing to no one. A clearly defined audience makes your communication more effective.

The emotional quality and attitude expressed in your written communication. While brand voice is consistent, tone can shift slightly depending on context, such as being more formal in a legal document and more conversational in a social media post.

Tone of voice shapes how your audience feels when they read your content.

A clear statement that explains what benefit your business provides, who it is for, and why it is better or different from alternatives. It answers the question: why should someone choose you?

A strong value proposition is specific, honest, and focused on the customer’s needs rather than your own achievements.

A logo that consists entirely of the business name in a distinctive typeface, without a separate graphic icon. Google and Coca-Cola use wordmarks.

Wordmarks work well when the business name itself is distinctive and memorable. They are often simpler to reproduce across different sizes and formats.

The collection and analysis of data about how visitors use your website. Analytics tools track metrics such as page views, time on site, traffic sources, and conversion rates.

Analytics help you understand what is working on your website and where visitors are dropping off, so you can make informed improvements.

A link from another website that points to your website. Search engines treat backlinks as a signal of credibility and authority.

Earning backlinks from reputable, relevant websites can improve your search engine rankings. Buying low-quality backlinks can harm them.

The percentage of visitors who land on a page and leave without clicking to any other page on your website. A high bounce rate can indicate that visitors are not finding what they expected.

Context matters. A high bounce rate on a contact page may simply mean visitors found your phone number and called you directly.

The percentage of people who click on a link, ad, or search result compared to the total number of people who saw it. A higher CTR generally indicates more compelling or relevant content.

CTR is commonly used to measure the effectiveness of search listings, email subject lines, and online advertisements.

When a website visitor completes a desired action, such as filling out a contact form, making a purchase, booking a call, or downloading a resource.

Defining what a conversion means for your business is the first step in measuring whether your website is actually working.

The percentage of website visitors who complete a desired action. If 100 people visit your site and 3 fill out a contact form, your conversion rate is 3%.

Improving your conversion rate means getting more value from your existing traffic without needing to attract more visitors.

A free listing that appears in Google Search and Google Maps when someone searches for your business or businesses like yours in a specific area.

Keeping your Google Business Profile accurate and up to date is one of the most impactful things a local business can do to improve its online visibility.

Each time your website, ad, or content is displayed to a user, that counts as one impression. Impressions measure visibility, not engagement.

A high number of impressions with a low click-through rate may indicate that your title or description is not compelling enough to encourage clicks.

A word or phrase that people type into a search engine when looking for information, products, or services. Optimizing your website content around relevant keywords helps search engines connect your pages to the right searches.

Effective keyword strategy focuses on terms your actual customers use, not just industry jargon.

The process of attracting potential customers and collecting their contact information so you can follow up with them. Common lead generation methods include contact forms, newsletter sign-ups, and downloadable resources.

A website that generates leads is actively working for your business, not just sitting online as a digital brochure.

The practice of optimizing your online presence to appear in search results for location-based queries, such as “plumber in Ottawa” or “dentist near me.”

Local SEO is especially important for businesses that serve a specific geographic area. It includes optimizing your Google Business Profile, collecting reviews, and ensuring your address and phone number are consistent across the web.

Visitors who arrive at your website through unpaid search engine results. Organic traffic is earned through SEO rather than paid advertising.

Building organic traffic takes time but provides long-term value. Unlike paid traffic, it does not stop the moment you stop spending money.

Visitors who arrive at your website through paid advertising, such as Google Ads or social media ads. Paid traffic can generate results quickly but stops as soon as the budget runs out.

Paid and organic traffic work best together. Paid traffic can fill gaps while organic traffic is being built over time.

Stands for Search Engine Optimization. It is the practice of improving your website so it appears higher in search engine results when people search for relevant terms.

SEO involves many factors including content quality, site speed, mobile-friendliness, backlinks, and technical structure. It is a long-term investment, not a quick fix.

The practice of designing websites and digital content so that people with disabilities can use them effectively. This includes people with visual, hearing, motor, and cognitive impairments.

Accessible design benefits everyone, not just people with disabilities. It improves usability, search engine performance, and legal compliance.

A public declaration on a website that describes the organization’s commitment to accessibility, the standards it aims to meet, known limitations, and how users can report issues.

An accessibility statement demonstrates transparency and is increasingly expected or required for organizations subject to accessibility legislation.

Text displayed on screen that transcribes spoken dialogue and relevant audio in a video. Captions make video content accessible to people who are deaf or hard of hearing.

Captions also benefit people watching videos in noisy environments or in a language that is not their first language.

The measurable difference in brightness between text and its background. Accessibility standards require a minimum contrast ratio to ensure text is readable for people with low vision or colour blindness.

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text at the AA level.

A visible outline or highlight that appears around an interactive element, such as a button or link, when it is selected using a keyboard. It shows keyboard users where they are on the page.

Removing focus indicators to improve visual aesthetics is a common accessibility mistake. Without them, keyboard-only users cannot navigate your website effectively.

The ability to navigate and interact with a website using only a keyboard, without a mouse. People with motor impairments often rely on keyboard navigation.

A website that cannot be fully navigated by keyboard fails a fundamental accessibility requirement and excludes a significant portion of users.

Software that reads the content of a screen aloud for people who are blind or have severe visual impairments. Screen readers interpret the underlying code of a website to describe what is on the page.

Websites built with proper semantic HTML, alt text, and accessible structure work well with screen readers. Poorly built sites can be completely unusable for screen reader users.

Stands for Web Content Accessibility Guidelines. These are internationally recognized standards published by the W3C that define how to make web content accessible to people with disabilities.

WCAG is organized into three levels: A (minimum), AA (standard), and AAA (enhanced). Most accessibility legislation, including Canada’s AODA, references WCAG 2.1 Level AA as the target standard.

Stands for Application Programming Interface. It is a way for two different software systems to communicate and share data with each other.

When your website booking form automatically adds appointments to your calendar software, that connection is likely powered by an API. APIs allow different tools to work together without manual data entry.

A temporary storage location that saves copies of files or data so they can be loaded faster on future visits. When a browser caches a website, it stores certain files locally so the page loads more quickly next time.

Clearing your cache is a common troubleshooting step when a website is not displaying updated content correctly.

Stands for Content Delivery Network. It is a network of servers distributed around the world that delivers website files to visitors from the server closest to their location.

CDNs improve website loading speed for visitors regardless of where they are located. They also add a layer of protection against traffic spikes and certain types of attacks.

A small file stored in a visitor’s browser by a website. Cookies can remember login sessions, shopping cart contents, or user preferences. They can also be used to track visitor behaviour for advertising purposes.

Privacy laws in many countries, including Canada, require websites to disclose cookie usage and obtain consent for non-essential cookies.

Stands for Cascading Style Sheets. It is the code that controls how a website looks, including colours, fonts, spacing, and layout.

HTML provides the structure of a web page; CSS provides the visual presentation. Without CSS, websites would be plain text with no styling.

An organized collection of structured data stored electronically. Websites use databases to store and retrieve information such as product listings, user accounts, blog posts, and form submissions.

Most dynamic websites rely on a database to serve content. Static websites do not require one.

A website that generates page content in real time based on user interactions, database queries, or other variables. Content can change depending on who is viewing it or when.

Most CMS-powered websites, e-commerce stores, and membership sites are dynamic. They offer flexibility but require more maintenance than static sites.

The part of a website that visitors see and interact with directly in their browser. Front-end development involves HTML, CSS, and JavaScript to build the visual and interactive elements of a site.

The back-end refers to the server-side logic and databases that power a website behind the scenes.

Stands for HyperText Markup Language. It is the foundational code used to structure content on a web page, defining headings, paragraphs, links, images, and other elements.

HTML provides the skeleton of a web page. CSS adds the visual styling, and JavaScript adds interactivity.

The connection between two or more software systems that allows them to share data and work together. For example, connecting your website contact form to your email marketing platform is an integration.

Integrations reduce manual work and allow different tools in your business to communicate automatically.

A programming language used to add interactivity and dynamic behaviour to websites. JavaScript powers features like dropdown menus, form validation, image sliders, and live search.

Most modern websites use JavaScript. When used responsibly, it enhances the user experience. When overused, it can slow down page loading.

Software whose source code is publicly available for anyone to view, use, modify, and distribute. WordPress is one of the most widely used open source platforms in the world.

Open source software can be cost-effective and flexible, but it typically requires more technical knowledge to manage than proprietary alternatives.

Software owned by a company that controls its source code and licensing. Users pay to use it but cannot modify or redistribute it. Squarespace and Shopify are examples of proprietary website platforms.

Proprietary software often offers a more polished experience with dedicated support, but it can create vendor dependency and limit customization.

A website made up of fixed HTML files that deliver the same content to every visitor. Static sites do not rely on a database or server-side processing to generate pages.

Static websites are fast, secure, and low-maintenance. They are well-suited for businesses that do not need frequently updated content or user accounts.

An incident where unauthorized individuals gain access to private or sensitive data. Data breaches can expose customer information, passwords, financial records, or other confidential data.

Businesses that collect personal information have legal obligations to protect it and, in many jurisdictions, to report breaches to affected individuals and regulators.

The policy that defines how long a business keeps personal data before deleting or anonymizing it. Retaining data longer than necessary increases privacy risk and may conflict with privacy legislation.

A clear data retention policy is a sign of responsible data management and is increasingly required by privacy laws.

The process of converting data into a coded format that can only be read by someone with the correct key. Encryption protects sensitive information during transmission and storage.

When you see https in a website address, the connection between your browser and the website is encrypted. This protects information like passwords and payment details from being intercepted.

The secure version of HTTP, the protocol used to transfer data between a browser and a website. HTTPS encrypts the connection using an SSL certificate.

All modern websites should use HTTPS. Browsers flag non-HTTPS sites as “Not Secure,” which damages visitor trust and can affect search rankings.

A security method that requires users to verify their identity using two or more factors before gaining access to an account. This typically combines a password with a code sent to a phone or generated by an app.

MFA significantly reduces the risk of unauthorized account access, even if a password is compromised. It is one of the most effective basic security measures available.

A legal document on a website that explains what personal information is collected from visitors, how it is used, who it is shared with, and how it is protected.

A privacy policy is legally required in Canada and most other jurisdictions for any website that collects personal information. It should be written in plain language that visitors can actually understand.

A legal agreement between a business and its website visitors or customers that outlines the rules for using the website or service. It typically covers acceptable use, intellectual property, liability limitations, and dispute resolution.

Terms of service protect the business and set clear expectations for users. They should be reviewed by a legal professional.

Using technology to improve how a business operates, serves customers, or delivers its products and services.

It usually sounds more dramatic than it actually is. For most small businesses, digital transformation means things like moving from paper forms to online booking, or replacing spreadsheets with proper software.

When a new product, service, or technology significantly changes how an industry operates, often displacing established players.

The word is used so frequently that it has lost much of its meaning. Not every new app or business model is disruptive. True disruption is relatively rare.

Able to grow without needing to completely rebuild everything from scratch. A scalable system can handle increased demand without a proportional increase in cost or complexity.

Businesses often use this term when discussing future growth. It is worth asking specifically what “scalable” means in the context of any proposal or product you are evaluating.

The idea that two things working together produce a better result than either could achieve alone.

In practice, this word is often used in business presentations to describe collaboration or combined benefits without saying anything specific. When you hear it, it is worth asking what the actual combined benefit is expected to be.

Designed around the needs, behaviours, and goals of the people who will actually use a product, website, or service rather than around internal preferences or assumptions.

A good goal. Also a favourite corporate buzzword. The real test is whether the design decisions were actually informed by research into user needs, or whether the label was applied after the fact.