Web design has its own language. Between UX, APIs, DNS, Core Web Vitals, responsive breakpoints, canonical URLs and countless three-letter abbreviations, even a straightforward website project can quickly become difficult to follow. This Website Design Glossary explains the terminology in plain English.
Use it as an A–Z reference whenever you encounter an unfamiliar term during a website design, development, SEO or ecommerce project. There are 174 definitions covering design, user experience, development, WordPress, ecommerce, hosting, performance, accessibility, analytics and digital marketing.
How to Use the Website Design Dictionary
You do not need to read the dictionary from A to Z. Search for the term you need, filter the glossary by subject, or choose a letter. Selecting a letter filters the visible entries; selecting it again is not necessary because the ALL button returns the full dictionary. Search and category filters work together, so you can search for “page” while viewing only SEO terms, for example.
Each term also has a small # link beside its heading. This points directly to that definition, making it easier to bookmark or share a particular explanation. If JavaScript is unavailable, the glossary still works as a normal long-form A–Z resource and every definition remains visible.
Try a shorter search or clear the filters.
A — Web Design Terms
ARIA #
Accessible Rich Internet Applications. ARIA attributes can provide additional accessibility semantics where native HTML alone cannot express an interface correctly, but native semantic elements should be preferred when suitable. Accessibility is most effective when considered throughout design and development rather than added immediately before launch.
Above the Fold #
The part of a webpage visible before a visitor scrolls. Important information and a clear next step are often placed here, but modern pages should still encourage scrolling rather than trying to force every message into the first screen. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Accessibility #
The practice of designing and developing websites so people with different abilities can perceive, understand, navigate and interact with them. Accessibility includes keyboard use, colour contrast, meaningful structure, text alternatives, captions and clear form labels. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch. For established accessibility principles, see the W3C Web Accessibility Initiative.
Accordion #
An interface component that expands and collapses sections of content. Accordions are useful for FAQs and secondary information when they reduce visual clutter without hiding content people are likely to need immediately. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Alt Text #
A text alternative associated with an image. Good alt text communicates the image's relevant purpose or information to people using assistive technology. Decorative images may use an empty alt attribute when they add no meaningful content. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch.
Anchor Link #
A link that moves a visitor to a specific section of the same page or another page by targeting an element ID. This A–Z dictionary uses anchor links to make a very long resource easier to navigate. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Anchor Text #
The visible, clickable wording of a text link. Descriptive anchor text helps people understand where a link leads and gives search engines useful context about the destination. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
API #
Application Programming Interface. An API provides a defined way for different software systems to exchange data or trigger actions. Websites use APIs for services such as payments, CRMs, booking platforms, maps and marketing automation. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture. APIs are also central to many website automation projects.
Aspect Ratio #
The proportional relationship between an element's width and height, such as 16:9 for widescreen video or 1:1 for a square image. Consistent aspect ratios help layouts remain predictable across devices. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
B — Web Design Terms
Backend #
The server-side systems that operate behind a website's visible interface. The backend can handle databases, authentication, orders, form processing, integrations and content management while visitors interact with the frontend. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Backlink #
A link to your website from another website. Relevant, genuine backlinks can help people discover a business and can contribute to search visibility, but quality and context matter more than simply accumulating large numbers of links. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Bandwidth #
The amount of data that can be transferred over a connection during a given period. Large images, video and downloadable files can increase data transfer requirements and affect hosting costs or loading experiences. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Banner #
A prominent horizontal area used for a message, campaign, announcement or call to action. Banners should have a clear purpose and should not overwhelm the main content or create unnecessary layout movement. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Block Editor #
WordPress's content editing approach based on configurable blocks such as paragraphs, headings, images, columns and buttons. Blocks allow content to be assembled visually while retaining structured page markup. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
Breadcrumbs #
A navigational trail showing where the current page sits within a site's hierarchy, such as Home → Services → Web Design. Breadcrumbs can improve orientation, internal navigation and understanding of site structure. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Breakpoint #
A width or other condition at which a responsive layout changes. Designers and developers use breakpoints to adapt navigation, columns, typography and spacing to different available screen sizes. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Browser #
Software used to retrieve, interpret and display web content, such as Chrome, Safari, Firefox or Edge. Cross-browser testing checks that important functionality and layouts behave reliably across supported browsers. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Browser Cache #
Locally stored website resources that a browser can reuse on later visits rather than downloading everything again. Appropriate caching can improve repeat-load performance while cache invalidation ensures updated assets eventually replace old ones. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Button #
An interactive control used to trigger an action, such as submitting a form, opening a menu or adding a product to a basket. Buttons should look actionable and have clear, specific labels. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
C — Web Design Terms
Checkout #
The stage of an ecommerce journey where a customer supplies the information needed to complete an order, such as contact, delivery and payment details. A clear checkout reduces unnecessary friction. Ecommerce decisions should be tested across the complete customer journey because small points of friction can affect sales.
Cache #
A temporary stored copy of data or files used to reduce repeated processing or downloading. Websites may use browser, page, object, CDN and server caching, each operating at a different layer. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Call to Action (CTA) #
A prompt that encourages a visitor to take a useful next step, such as Get a Quote, Book a Call or Add to Basket. Effective CTAs are specific, visible and appropriate to the visitor's stage. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone. A strong CTA connects design with business goals; if you are planning a project, you can also book a call.
Canonical URL #
The URL treated as the representative version when the same or very similar content is accessible through multiple URLs. Canonical signals help search engines consolidate duplicates, although search engines can ultimately select a different canonical. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. Google provides detailed canonicalisation guidance.
Card #
A self-contained visual component that groups related information such as an image, heading, description and link. Cards work well for services, products, articles and team members when the hierarchy remains consistent. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
CDN #
Content Delivery Network. A distributed network that can serve cached website resources from infrastructure closer to users, reducing latency and offloading work from the origin server. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Child Theme #
A WordPress theme that inherits functionality and styling from a parent theme while allowing custom changes to be kept separately. This can make theme updates safer when custom code is required. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
CMS #
Content Management System. Software that allows website owners to create, edit and organise content without manually coding every page. WordPress is a widely used example. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Colour Contrast #
The visual difference between foreground and background colours. Sufficient contrast makes text and controls easier to distinguish, particularly for people with low vision or colour-vision differences. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch.
Conversion #
A valuable action completed by a visitor, such as sending an enquiry, making a purchase, registering, calling or booking. The correct conversion depends on the website's commercial objective. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone. Website design should support measurable outcomes; browse my case studies for practical project examples.
Conversion Rate #
The proportion of visitors or sessions that complete a defined conversion. It is useful for evaluating performance, but should be interpreted alongside traffic quality, conversion value and the measurement setup. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone.
Cookie #
A small piece of data a website can ask a browser to store. Cookies can support sessions, preferences, analytics and advertising; their use may create privacy and consent obligations depending on purpose and jurisdiction. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Core Web Vitals #
A set of Google metrics intended to reflect important aspects of real-world page experience, currently focused on loading performance, interaction responsiveness and visual stability through LCP, INP and CLS. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Crawl #
The process by which a search engine or other automated agent requests pages and follows discoverable resources or links. Being crawlable does not automatically mean a page will be indexed. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
CSS #
Cascading Style Sheets. CSS controls the presentation and layout of HTML, including typography, colour, spacing, responsive behaviour, animation and component styling. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
D — Web Design Terms
DNS Record #
An individual instruction within the Domain Name System. Common records include A and AAAA for addresses, CNAME for aliases, MX for mail routing and TXT for verification or email policies. Hosting and infrastructure choices should consider reliability, security, backups, support and expected traffic.
DOM #
Document Object Model. The browser represents an HTML document as a structured tree that JavaScript can inspect and modify to create interactive page behaviour. Developers should implement it in a maintainable way that works reliably with the site's wider technical architecture.
Design System #
A reusable collection of design rules, components, patterns and documentation that helps a website or product remain visually and functionally consistent as it grows. In practice, it should support consistency and clarity across the wider website rather than being treated as an isolated visual choice.
Database #
An organised store of data used by a website or application. A CMS may keep pages, users, settings and other records in a database while ecommerce systems also store products, orders and customer-related information. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
DNS #
Domain Name System. DNS connects human-readable domain names with technical destinations such as web servers and email services through records including A, AAAA, CNAME, MX and TXT. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
Domain Name #
The memorable address used to reach a website, such as example.com. A domain is registered separately from the website itself and can point to different hosting or services through DNS. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
Dropdown Menu #
A navigation or form control that reveals additional choices. Dropdowns can save space, but very deep or difficult-to-use menus can make important pages harder to discover. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Dynamic Content #
Content that changes according to data, context, user state or other rules rather than being identical on every request. Examples include account dashboards, product stock, personalised recommendations and search results. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
E — Web Design Terms
Ecommerce #
The buying and selling of products or services through digital channels. An ecommerce website commonly combines a catalogue, product pages, basket, checkout, payment processing, order management and customer communications. For ecommerce sites, test the complete customer journey because small problems can directly affect product discovery, checkout completion and revenue. If you are comparing platforms, see my guide to Shopify vs WooCommerce.
Elementor #
A visual page builder for WordPress that allows layouts and components to be created through an editing interface. Performance and maintainability still depend on how the builder, plugins, assets and custom code are configured. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
Embed #
Content from one source displayed within another webpage, such as a video, map, form or booking widget. Embeds can add useful functionality but may also introduce third-party scripts, privacy considerations and performance overhead. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Error 404 #
The HTTP status associated with a requested resource that cannot be found. A useful 404 page should explain what happened and provide routes back to relevant content rather than leaving visitors at a dead end. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Event Tracking #
Measurement of specific interactions such as form submissions, button clicks, video plays or downloads. Events should be defined around meaningful questions rather than tracking every possible interaction without a purpose. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
F — Web Design Terms
Favicon #
The small site icon commonly shown in browser tabs, bookmarks and some search interfaces. A recognisable favicon reinforces identity and should remain legible at very small sizes. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Figma #
A collaborative interface design tool commonly used for wireframes, prototypes, design systems and high-fidelity website layouts. It helps designers and stakeholders review a proposed experience before development. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Firewall #
A security layer that controls or filters network or application traffic according to rules. Website firewalls can help block suspicious requests, although they form only one part of a broader security approach. Security works in layers, so this measure should complement updates, access controls, backups, monitoring and secure configuration.
First Contentful Paint (FCP) #
A performance metric recording when the browser first renders content from the page, such as text or an image. It can help diagnose perceived loading speed but is separate from Google's Core Web Vitals. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Footer #
The area at the bottom of a webpage, commonly containing secondary navigation, contact details, legal links, social profiles and company information. A useful footer helps visitors continue rather than merely marking the page's end. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Form #
An interface for collecting structured information from a visitor. Good forms request only necessary information, use clear labels, provide helpful validation and make the next step obvious. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Frontend #
The part of a website delivered to and experienced in the browser. Frontend development typically combines HTML, CSS and JavaScript to create the interface, layout and interactions. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
FTP / SFTP #
Protocols used to transfer files between a computer and a server. SFTP transfers data through a secure connection and is generally preferable to unencrypted FTP for website administration. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
G — Web Design Terms
GA4 #
Google Analytics 4, Google's current analytics property model for measuring website and app activity through events and associated parameters. Measurement is most useful when the implementation is documented and connected to a meaningful business question.
Generative Engine Optimisation (GEO) #
A developing term for work intended to make a brand or its information easier for generative and AI-powered discovery systems to understand, retrieve and cite. It overlaps substantially with strong technical SEO, useful content and clear entity information. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. I cover this subject in more detail in How to Optimise Your Website for ChatGPT and AI Search.
Git #
A version-control system that records changes to files over time. Developers use Git to collaborate, create branches, review changes and return to earlier versions when necessary. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Google Analytics #
Google's analytics platform for measuring website and app activity. A useful implementation starts with business questions and a considered event structure rather than relying only on default traffic reports. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
Google Search Console #
A Google service that helps site owners understand how Google Search crawls, indexes and presents their website. It includes performance reporting, indexing information, sitemap submission and URL inspection tools. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Grid #
A layout framework of columns, rows and gaps used to organise content consistently. Modern CSS Grid also provides a native browser layout system for building responsive two-dimensional interfaces. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
H — Web Design Terms
Hamburger Menu #
A compact menu control usually represented by three horizontal lines. It is common on mobile layouts, where space is limited, but hiding important navigation can reduce immediate visibility of available choices. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Heading Hierarchy #
The logical organisation of page headings, normally progressing from the main page topic into nested sections. A meaningful hierarchy improves scanning and gives assistive technologies useful structural information. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch.
Hero Section #
A prominent introductory section near the top of a page. It commonly combines a headline, supporting message, call to action and visual, and should quickly communicate what the page offers. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Hosting #
The infrastructure and services that make website files, applications and databases available online. Hosting choices influence reliability, performance, security controls, backups, scalability and technical management. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
HTML #
HyperText Markup Language. HTML gives web content its structure and meaning through elements for headings, paragraphs, links, images, forms, navigation and many other types of information. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
HTTP #
Hypertext Transfer Protocol, the request-and-response protocol used for communication on the web. Browsers request resources and servers return responses that include content and status information. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
HTTPS #
HTTP delivered over an encrypted TLS connection. HTTPS helps protect data in transit and authenticate the server visitors are communicating with; modern public websites should use it consistently. Security works in layers, so this measure should complement updates, access controls, backups, monitoring and secure configuration.
I — Web Design Terms
Icon #
A compact visual symbol used to communicate an action, category or concept. Familiar icons can improve scanning, but ambiguous icons should be accompanied by visible text or an accessible label. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Indexing #
The process through which a search engine analyses eligible content and may add it to its searchable index. A page being crawled does not guarantee that it will be indexed or shown for a particular query. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Information Architecture #
The organisation, hierarchy and labelling of information across a website. Strong information architecture helps people predict where content lives and supports sensible navigation and internal linking. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
INP #
Interaction to Next Paint. A Core Web Vital that evaluates the responsiveness of a page's interactions by observing the latency of user interactions and reporting a representative high-latency value. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Internal Link #
A link from one page on a website to another page on the same website. Internal links help visitors move through related information and help crawlers discover pages and understand relationships between them. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. Google recommends crawlable links so important URLs can be discovered; see its SEO guide for web developers.
IP Address #
A numerical network address used to identify a device or endpoint. Domains can resolve through DNS to server IP addresses, although modern hosting and CDN configurations may involve several addresses or intermediary services. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
Iteration #
A repeated cycle of designing, testing, reviewing and improving. Website projects benefit from iteration because real feedback can reveal issues or opportunities that are difficult to predict from an initial concept. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
J — Web Design Terms
JavaScript #
A programming language used extensively in browsers to create interactive and dynamic behaviour. It can power menus, filters, forms, applications and data updates, but important experiences should be implemented with performance and accessibility in mind. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
JavaScript Framework #
A structured set of tools and conventions for building JavaScript applications. Frameworks can accelerate complex development, but they add architecture and dependencies that should be justified by the project's needs. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
JPEG #
A widely supported raster image format particularly suited to photographs. Compression can substantially reduce file size, although repeated or aggressive compression can introduce visible artefacts. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
JSON #
JavaScript Object Notation. A lightweight text format for structured data that is commonly exchanged through APIs and configuration files and is also used as the basis for JSON-LD structured data. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
K — Web Design Terms
Keyboard Navigation #
The ability to use a website without relying on a mouse or touchscreen. Interactive elements should be reachable in a logical order and provide a visible focus state so keyboard users know where they are. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch.
Keyword #
A word or phrase used to describe a search topic or user need. Modern SEO research uses keywords to understand language and intent, not as instructions to repeat an exact phrase unnaturally throughout a page. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Keyword Cannibalisation #
A commonly used SEO term for situations where multiple pages from the same site compete around very similar search intent. The practical solution may involve differentiating, consolidating or better internally linking pages depending on their purpose. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
L — Web Design Terms
Landing Page #
A page designed around a particular campaign, audience or conversion goal. Effective landing pages maintain message consistency with the traffic source and minimise distractions from the intended action. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone.
Largest Contentful Paint (LCP) #
A Core Web Vital measuring how quickly the largest relevant content element in the viewport becomes visible. Large hero images, server response time and render-blocking resources can all influence LCP. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Lazy Loading #
A technique that delays loading certain off-screen resources until they are likely to be needed. It can reduce initial page work, but content visible immediately should not be delayed unnecessarily. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Lead #
A person or organisation that has shown potential commercial interest, often by submitting a form, requesting a quote, calling or registering. Lead quality matters as much as the raw number of enquiries. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone.
Line Height #
The vertical space allocated to each line of text. Appropriate line height improves readability and prevents dense paragraphs, while excessive spacing can make related lines feel disconnected. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Link #
An HTML connection from one resource or location to another. Descriptive links are fundamental to web navigation, accessibility and crawlable site architecture. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Logo #
A visual identifier for a business, product or organisation. On websites, logo files should be supplied at appropriate quality, given sensible dimensions and not used as a substitute for clear textual messaging. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
M — Web Design Terms
Mega Menu #
A large navigation panel that exposes many grouped links at once. Mega menus can work for complex websites when categories are clear, but they should remain keyboard accessible and usable on smaller screens. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Meta Description #
A short page description supplied in HTML metadata. Search engines may use it as the descriptive snippet in results, although they can generate a different snippet when another passage better matches the query. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Meta Title / Title Tag #
The HTML title associated with a webpage and commonly used as a prominent search-result title. It should describe the page accurately and distinguish it from other pages on the same site. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Microinteraction #
A small interface response associated with an action or state, such as a button changing after submission. Good microinteractions provide feedback and clarity rather than animation for its own sake. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Mobile-First Design #
An approach that begins with the constraints and priorities of smaller screens before progressively enhancing layouts for larger spaces. It encourages teams to prioritise content and interaction rather than simply shrinking a desktop design. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Mockup #
A visual representation of how a design is expected to look. Website mockups are usually more detailed than wireframes but may not contain the fully functioning interactions of a developed page. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Modal #
A dialog displayed over the current interface that requires or encourages focused interaction. Modals should be used carefully, manage keyboard focus correctly and provide an obvious method of closing them. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Motion Design #
The purposeful use of animation and movement within an interface or digital experience. Motion can explain changes and add character, but should respect accessibility preferences and avoid interfering with content. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
N — Web Design Terms
Navigation #
The system of menus and links that helps visitors move around a website. Effective navigation reflects user priorities, uses understandable labels and remains consistent enough for people to build a mental model of the site. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Navigation Menu #
A grouped set of links to important website destinations. Primary navigation should focus on genuinely useful choices rather than attempting to expose every page at the same level. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Noindex #
A robots directive requesting that compliant search engines do not include a page in search results. The page generally needs to remain crawlable for a crawler to discover and process the directive. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
NoFollow #
A link relationship value that tells search engines the publisher does not want to imply the usual endorsement or ranking association for a link. Google treats rel=nofollow as a hint for crawling and ranking purposes. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Node #
A general computing term for an individual point in a structure or network. In the browser DOM, for example, documents are represented as a tree containing element, text and other node types. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
O — Web Design Terms
Open Graph #
Metadata originally introduced by Facebook for describing how a webpage should appear when shared. Properties can specify a title, description, image and other information used by compatible social platforms. Its value should ultimately be judged against a clear business objective rather than clicks or visual prominence alone.
Organic Traffic #
Website visits earned through unpaid search results rather than advertising. Organic traffic is useful only when interpreted alongside relevance, engagement and business outcomes rather than treated as a goal by itself. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
Origin Server #
The server that holds or generates the authoritative website response before intermediaries such as a CDN or reverse proxy. Performance and security troubleshooting often requires distinguishing the origin from the proxy layer. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
Overlay #
A visual layer displayed above existing page content. Overlays can support menus, lightboxes and dialogs, but intrusive overlays may obstruct content or create accessibility and usability problems. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
P — Web Design Terms
Page Builder #
A visual system for assembling webpage layouts from configurable components. Page builders can make content management easier, but their output, plugin dependencies and performance should be considered over the site's lifetime. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
Page Speed #
A broad description of how quickly a webpage loads and becomes usable. It is not a single metric; useful performance analysis considers server response, rendering, visual stability, interaction responsiveness and real-user conditions. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Pagination #
A pattern that divides a long collection across multiple pages or views. It is common for shops, archives and search results and should provide clear navigation between parts of the collection. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Payment Gateway #
A service involved in securely authorising or processing online payments. Ecommerce sites integrate gateways rather than attempting to handle sensitive payment credentials without appropriate specialist infrastructure. For ecommerce sites, test the complete customer journey because small problems can directly affect product discovery, checkout completion and revenue.
Performance Budget #
A predefined limit or target for characteristics such as JavaScript size, image weight or performance metrics. Budgets help teams prevent gradual additions from making a website slower over time. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Permalink #
The permanent URL assigned to an individual piece of content, particularly in CMS platforms such as WordPress. Clear, stable permalinks make pages easier to reference and reduce unnecessary redirect work later. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
PHP #
A server-side programming language used by many web applications and content management systems, including WordPress. PHP executes on the server and generates output sent to the visitor's browser. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Plugin #
An add-on that extends a platform with additional functionality. WordPress plugins can add forms, ecommerce, SEO tools and integrations, but unnecessary or poorly maintained plugins can increase complexity and risk. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind. WordPress plugins can also connect sites to automated workflows; see my WordPress automation with Zapier guide.
Progressive Enhancement #
An approach that starts with a robust baseline experience and adds richer features when browser capabilities allow. It can make interfaces more resilient across devices, networks and assistive technologies. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Prototype #
An interactive or semi-interactive model used to test a proposed experience before full development. Prototypes can validate navigation, flows and interactions without requiring a production-ready backend. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Q — Web Design Terms
QA Testing #
Quality assurance testing checks whether a website behaves as intended before and after launch. It can cover links, forms, responsive layouts, browsers, accessibility, ecommerce journeys, integrations and content accuracy. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Query Parameter #
A key-value value appended to a URL after a question mark, often used for filtering, tracking or application state. Poorly controlled parameters can create many crawlable URL variations with substantially similar content. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
R — Web Design Terms
Redirect #
A response that sends a visitor or crawler from one URL to another. Redirects are commonly used after URL changes, migrations and page consolidation; permanent and temporary redirects communicate different intentions. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Responsive Design #
An approach in which layouts adapt to available screen and container sizes rather than relying on a single fixed-width design. Responsive sites combine flexible layouts, media, CSS rules and thoughtful content priorities. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice. Responsive design is one of the fundamentals considered across my website case studies.
REST API #
An architectural style commonly used for web APIs in which resources are accessed through standard HTTP methods and representations. Many CMS, CRM and ecommerce integrations expose REST-style endpoints. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Robots.txt #
A file at a site's root that gives supported crawlers instructions about which URL paths they may crawl. It controls crawling rather than serving as a reliable method for keeping a public URL out of search indexes. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. Google explains the distinction between crawling and indexing in its technical SEO documentation.
ROI #
Return on investment. In website projects, ROI compares the value generated by outcomes such as sales, qualified leads or saved operational time against the investment required to create and maintain the solution. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
S — Web Design Terms
SERP #
Search Engine Results Page. The page a search engine presents in response to a query, potentially containing organic results, ads, rich results, local features and other search experiences. For SEO, it should be considered alongside useful content, crawlable architecture and clear technical signals.
Schema Markup #
A common name for structured data vocabulary implemented on webpages to describe entities and content in a machine-readable way. Search engines may use supported structured data to understand pages and enable eligible search features. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Search Intent #
The underlying goal behind a search, such as learning, comparing options, finding a particular website or completing a transaction. Matching intent generally matters more than simply matching a keyword phrase. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Semantic HTML #
HTML that uses elements according to their meaning and structural purpose, such as nav, main, button and heading elements. Semantic markup gives browsers and assistive technologies useful information without recreating everything with generic containers. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch. The W3C guidance on semantic structure explains why elements should be used according to their meaning.
Server #
A computer or software system that responds to network requests. Web servers deliver files or application responses, often working alongside databases, caching systems, proxies and other infrastructure. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
Session #
A grouping of user activity within a defined period or context. Analytics platforms define sessions according to their own rules, so session counts should be interpreted using the measurement system's documentation. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
Sitemap #
A file that provides search engines with information about URLs and their relationships. XML sitemaps can help discovery, particularly on large or complex sites, but inclusion in a sitemap does not guarantee indexing. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. See Google Search Central’s sitemap documentation.
Slug #
The human-readable portion of a URL that identifies a page, such as website-design-dictionary. Short, descriptive slugs are easier to understand and are generally preferable to IDs or unnecessary parameters. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
SSL Certificate #
A digital certificate used as part of TLS to authenticate a server and enable encrypted HTTPS connections. Certificate validity, hostname coverage and server configuration all matter for a trusted connection. Security works in layers, so this measure should complement updates, access controls, backups, monitoring and secure configuration.
Staging Site #
A non-production copy or environment used to test website changes before they are released publicly. Staging environments should be protected appropriately so unfinished or duplicate content is not accidentally exposed or indexed. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Sticky Navigation #
Navigation that remains visible as a person scrolls. It can make long pages easier to navigate, but it should not consume excessive screen space, particularly on mobile devices. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Structured Data #
Machine-readable information embedded in or associated with a webpage to describe its content more explicitly. JSON-LD is a common implementation format used with vocabularies such as Schema.org. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
SVG #
Scalable Vector Graphics. An XML-based vector format well suited to logos, icons and illustrations that need to remain sharp at different sizes. SVG can also be styled or scripted when embedded appropriately. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
T — Web Design Terms
Two-Factor Authentication (2FA) #
An account-security method that requires a second verification factor in addition to a password. It can significantly reduce the risk created by stolen or reused passwords. Security works in layers, so this should complement updates, access controls, backups, monitoring and secure configuration.
Time to First Byte (TTFB) #
A measurement of how long it takes from requesting a resource until the first byte of the response begins to arrive. Server processing, network latency, caching and CDN configuration can influence it. Performance should be tested under realistic conditions rather than judged only on a fast development computer.
Taxonomy #
A structured classification system used to group related content. In WordPress, categories and tags are taxonomies; more broadly, a thoughtful taxonomy helps users browse and helps teams manage growing content libraries. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Template #
A reusable layout or structural pattern applied to multiple pages. Templates create consistency and reduce repeated work while still allowing page-specific content to change. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Theme #
A collection of templates, styles and functionality that controls much of a WordPress site's presentation. Themes range from lightweight foundations to feature-heavy systems and page-builder integrations. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
TLS #
Transport Layer Security. The protocol used to encrypt modern HTTPS connections between clients and servers. Although people often say 'SSL', contemporary secure web traffic normally uses TLS. Security works in layers, so this measure should complement updates, access controls, backups, monitoring and secure configuration.
Tracking Pixel #
A small resource or script-assisted mechanism used to record events or visits for analytics or advertising systems. Tracking implementations should be reviewed for performance, data quality, consent and privacy obligations. Measurement is most useful when the implementation is documented and the metric is connected to a real business question.
Typography #
The selection and arrangement of type, including font families, sizes, weights, line height and spacing. Good web typography creates hierarchy and supports comfortable reading across different screen sizes. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
U — Web Design Terms
User Testing #
The process of observing representative users completing realistic tasks with a website or prototype. It helps uncover navigation, wording and interaction problems that the project team may otherwise miss. From a user-experience perspective, the goal is to make important tasks clearer and easier to complete.
UI #
User Interface. The visual and interactive controls through which a person uses a website or application, including buttons, forms, menus, cards and navigation. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
URL #
Uniform Resource Locator. The address used to identify and request a resource on the web. A URL can include a scheme, hostname, path, query parameters and fragment. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Usability #
The extent to which people can use an interface effectively and efficiently for its intended purpose. Usability testing can reveal problems that are not obvious to the team that designed the site. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
User Flow #
The sequence of steps a visitor takes to complete a task, such as requesting a quote or checking out. Mapping flows helps teams remove unnecessary steps and identify where users may become confused. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
User Journey #
A broader representation of a person's experience across stages and touchpoints, potentially before, during and after a website visit. It can include motivations, questions, barriers and interactions with different channels. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
UX #
User Experience. The overall experience a person has while interacting with a product or service. Website UX includes clarity, navigation, accessibility, speed, content, trust and how easily users can accomplish their goals. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
V — Web Design Terms
Value Proposition #
A concise explanation of why a customer should choose a particular business, service or product. On a website it should communicate the relevant benefit clearly rather than relying on vague promotional language. Its effectiveness should be measured against a clear business objective rather than visibility alone.
Vector Graphic #
An image described using mathematical shapes and paths rather than a fixed grid of pixels. Vector artwork can scale without becoming pixelated, making it useful for logos and interface graphics. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Version Control #
A system for recording and managing changes to files. Version control makes development safer by preserving history, supporting collaboration and allowing changes to be reviewed or reversed. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Viewport #
The visible area available for displaying a webpage in the browser. Responsive CSS frequently uses viewport dimensions as one input, although component-level layouts may also respond to their own containers. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Visual Hierarchy #
The deliberate use of scale, spacing, position, contrast and typography to indicate what deserves attention first. Strong hierarchy helps visitors scan a page and understand relationships between content. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
W — Web Design Terms
WordPress #
An open-source content management system used to create and manage websites. It supports themes, plugins, custom content structures, APIs and extensive development customisation. On WordPress projects, consider maintainability, compatibility, updates and the needs of the people who will manage the site.
Web Application #
Software delivered through web technologies that provides substantial interactive functionality, such as a dashboard, booking platform or project tool. The boundary between a website and web application is not always strict. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Web Design #
The process of planning and creating digital experiences for the web. It combines visual communication, content hierarchy, user experience, accessibility, responsive behaviour and an understanding of how the finished interface will be developed. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice. For professional help with a new or redesigned site, explore my web design in Leamington Spa service.
Web Development #
The technical work involved in building and maintaining websites and web applications. It can include frontend interfaces, server-side logic, databases, APIs, integrations, testing and deployment. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Web Hosting #
Services that provide the infrastructure needed to make a website available online. Different hosting models offer varying levels of resources, isolation, management, scalability and support. Infrastructure decisions should consider reliability, security, support, backups and expected traffic rather than price alone.
WebP #
A modern image format supporting lossy and lossless compression, transparency and animation. It can often reduce image file sizes compared with older formats while maintaining suitable visual quality. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Website Migration #
The process of moving or substantially changing a website in a way that can affect URLs, platform, domain, hosting or structure. Successful migrations require redirects, testing, analytics checks and careful preservation of important search signals. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick. For a deeper explanation, read my website migration guide.
White Space #
Unoccupied space around and between design elements. White space does not need to be white; it helps separate groups, improve readability and prevent interfaces from feeling overcrowded. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
Widget #
A small reusable interface or content component. The term is used differently across platforms, but examples include search controls, recent-post lists, booking panels and page-builder elements. On WordPress projects, keep long-term maintenance, updates, compatibility and the needs of the people editing the site in mind.
Wireframe #
A simplified representation of page structure used to plan hierarchy, content placement and functionality before detailed visual styling. Wireframes keep early discussions focused on layout and purpose rather than decoration. In practice, the best implementation supports the wider visual hierarchy and brand rather than being treated as an isolated decorative choice.
WooCommerce #
An open-source ecommerce platform built for WordPress. It adds products, baskets, checkout, orders and extensibility to a WordPress website and can be customised through themes, plugins, APIs and development. For ecommerce sites, test the complete customer journey because small problems can directly affect product discovery, checkout completion and revenue. See my WooCommerce website design service for ecommerce projects.
X — Web Design Terms
XML #
Extensible Markup Language. A structured text format used in many data-exchange contexts. In web work it is particularly familiar through XML sitemaps, feeds and configuration formats. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
XML Sitemap #
A machine-readable sitemap format listing preferred website URLs and optional metadata. It helps search engines discover URLs but does not guarantee that listed pages will be crawled, indexed or ranked. For SEO, treat the concept as part of a wider system of useful content, crawlable architecture and clear technical signals rather than as a standalone ranking trick.
Y — Web Design Terms
YAML #
A human-readable data-serialisation format commonly used for configuration files, deployment workflows and development tooling. Indentation is meaningful, so malformed spacing can change or break a configuration. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
YouTube Embed #
A YouTube video player inserted into a webpage. Embeds provide convenient video delivery but add third-party resources; performance-conscious implementations may delay loading the full player until interaction. Performance should be evaluated on real devices and realistic connections where possible, because a fast development machine can hide problems experienced by visitors.
Z — Web Design Terms
Z-Index #
A CSS property that participates in controlling the stacking order of positioned or otherwise stacking-enabled elements. Unexpected z-index behaviour is often caused by stacking contexts rather than simply needing an ever-larger number. For developers, the important consideration is to implement it robustly, maintainably and in a way that works with the rest of the site's technical architecture.
Zero State #
The interface shown when a feature has no content yet, such as an empty dashboard or new account. A useful zero state explains what belongs there and gives the user a clear action for getting started. From a user-experience perspective, it should make the next action or piece of information easier to understand rather than adding friction.
Zoom #
The ability to enlarge page content through browser or operating-system controls. Responsive, accessible layouts should remain usable when text or the page is enlarged rather than clipping or hiding essential content. Accessibility should be considered from the beginning of design and development rather than added as a final checklist immediately before launch.
How These Website Terms Connect in a Real Project
A website is rarely “just design” or “just development”. A designer may begin with information architecture, user journeys and wireframes before creating a responsive interface. A developer then translates that interface into semantic HTML, CSS and JavaScript, connects the CMS or ecommerce system, configures integrations and prepares the site for deployment.
At the same time, technical SEO influences URL structure, internal links, canonicalisation and crawling. Performance work affects images, fonts, scripts, caching and hosting. Accessibility influences colour, typography, keyboard behaviour, forms and semantic structure. Analytics then helps the business understand whether the finished experience is actually generating the intended outcomes.
That overlap is why understanding the vocabulary is useful. You do not need to become a developer to commission a website, but knowing the difference between a domain and hosting, crawling and indexing, UX and UI, or a redirect and canonical URL makes project conversations much clearer.
Useful Web Design & Development References
For deeper technical reading, authoritative documentation is preferable to treating any glossary as the final word. MDN Web Docs provides extensive documentation for HTML, CSS, JavaScript and browser technologies. W3C Web Accessibility Initiative publishes accessibility standards and supporting guidance. Google Search Central documents how Google approaches crawling, indexing, structured data and other search topics. WordPress documentation is useful for CMS-specific concepts, while WooCommerce developer documentation covers the ecommerce platform in greater technical depth.
Keep Exploring Website Design
If this dictionary has introduced a term you want to explore further, use the linked guides throughout the definitions or browse my wider website design work. I regularly publish practical articles covering WordPress, ecommerce, website migrations, AI search, automation, SEO and digital strategy.
Planning a New Website?
If you understand the terminology but need help turning the ideas into a working website, I design and develop bespoke websites for businesses with a focus on usability, performance, SEO and long-term maintainability.
Web Design Services →View Case Studies →Book a Call →
