University
Home
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Slug

Slug

A slug, also known as a URL slug, is descriptive text after the website name at the end of a URL that identifies a web page on the domain. It typically contains keywords and phrases separated by hyphens, helping users and search engines understand the subject or content of a page. 

For example, a page's URL is usually a randomly generated string of characters, such as:

www.example.com/blog/2019/11/12/wkfgbs

This URL is challenging to understand and lacks useful context for the visitor. A URL slug, on the other hand, provides more insight:

www.example.com/blog/recipies/how-to-make-pasta-bolognese 

URL slugs also improve search engine optimization (SEO) by providing valuable context and relevant keywords for web crawlers, helping them better find and index websites. 

Short, descriptive, and consistent slugs help avoid confusion, maintain website organization, and improve the user experience by making it easier to remember and share URLs. Visit Webflow University’s lesson on page URLs to learn how to change any page’s slug and optimize your site for SEO and users.

Relevant courses

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Web elements

A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Cascading rules

→
The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.

Flexbox

→
Flexbox is a CSS layout mechanism that offers precise alignment and stacking control for the content inside an element.

Accessibility tree

→
A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

Dynamic content

→
Content you create once, then publish in many different places across your website. As you update this content in the CMS, it automatically updates wherever it exists on your site, making it convenient to create and manage larger websites.

Read-only link

→
A way for others to test/debug your Webflow site in the Designer without being able to save or make permanent changes.

Hyperlink

→
Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.

Desktop breakpoint

→
A breakpoint, or media query, is the width at which a website’s design and layout adjust to fit screens of different sizes. When designing in Webflow, breakpoints for smaller devices inherit styles from the base — or desktop — breakpoint by default.

JSON

→
JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

Domain-Specific Language (DSL)

→
A Domain-Specific Language (DSL) is computer script that solves software problems in a specific domain.

Flex-align

→
A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Date/Time field

→
A field available in CMS Collections. This field lets you display a date and time in a Collection and/or Collection item.

Minimum height

→
The min-height CSS property defines an element’s minimum height.

Cipher suite

→
A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

Tutorials

→
The fastest way to learn how to use Webflow.

CMS section

→
A section in the Add panel that contains elements associated with the CMS.

Parent

→
The element directly above in the hierarchy tree.

Comment

→
A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.

Certificate authority

→
A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.

Lightbox

→
A lightbox displays content in a popup or modal window on top of a web page’s main content.

Height: auto

→
The "height: auto" CSS property automatically adjusts an element’s height based on its content.

Layout section

→
A tab in the Add panel that houses prebuilt layouts for your Webflow site.

Maximum width (max width)

→
The “max-width” CSS property defines an element’s maximum width.

Publish site

→
The act of updating your live site to reflect new design changes.

Search Engine Optimization (SEO)

→
Search Engine Optimization (SEO) is a collection of strategies to enhance a website’s ranking and visibility on search engines.

Empty state

→
The state displayed when a Collection contains no Collection items, which gives you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.

Dropdown

→
A dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.

Deployment

→
In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

Ligature

→
A ligature in typography groups adjacent letters or characters into one glyph.

Color wheel

→
The color wheel shows several colors in a circle to represent primary, secondary, and tertiary colors and their relationships.

Receipt emails

→
Email confirmations you receive upon making Webflow payments.

Bad neighborhood

→
Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

Element

→
Elements are individual HTML components that constitute a webpage’s structure and contents.

Made in Webflow

→
Made in Webflow showcases Webflow sites made by individuals and teams.

Em

→
An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

Canvas

→
The <canvas> tag in HTML5 creates a container for dynamic graphics and image rendering on a webpage.

CMS Collection page

→
A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection page, all the pages that are created for each Collection item will have the same template but different content.

Transfer site

→
You can transfer sites from one Workspace to another Workspace.

Designer

→
The main interface where you can build sites.

Contextual advertising

→
Contextual advertising is a form of paid advertising that matches web content with ad intent.

Key

→
A key, or web key, is a unique identifier that authorizes access to a webpage or service.

Document object model (DOM)

→
The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure, and style of documents.

Slider

→
A slider is an interactive design element for scrolling through images, videos, and other multimedia content.

Head code

→
Custom code that's added just before the closing </head> tag in your site's HTML file. Learn more about custom code in head and body tags.

Maximum height (max height)

→
The “max-height” CSS property defines an element’s maximum height.

Account notifications

→
Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.

Structured Query Language (SQL)

→
Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.

Page name

→
The title of a page in your site. This is visible in the Pages panel.

Parent folder

→
A parent folder is a directory containing one or more folders and files.

Authorized applications

→
Third-party applications that you've given access to your personal and/or website data.

Embed component

→
A Webflow component you can use to embed HTML to display external content, plugins, or applications.

Sitemap URL

→
The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Algorithm

→
An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

Checkout process

→
The checkout process in ecommerce is the process that online customers go through to complete a purchase.

Forms section

→
A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.

Collection list layout

→
Lets you control how Collection items display inside a Collection list. The default layout option has each item covering the full width of the parent element. You can change this to display Collection items in 2, 3, 4, or 6 columns.

Resolution

→
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Cipher

→
In cryptography, a cipher is a digital security algorithm that encrypts and decrypts data.

Base tag

→
The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

Left To Right (LTR)

→
Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.

ASCII

→
The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.

DHTML

→
DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

Compile time

→
Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.

Profile settings

→
The area where you can manage your profile, email settings, and security settings.

Language code

→
A language code is a standardized code of letters and numbers that represent different languages.

Custom domain hosting

→
A Webflow service that lets you point a custom domain to your Webflow-hosted site.

SVG (Scalable Vector Graphics)

→
Scalable Vector Graphics, or SVG, is a file format for displaying scalable vector graphics on the web.

Clickjacking

→
Clickjacking is when a malicious actor deceives website visitors into clicking buttons or links hidden in a fake layer to steal sensitive data or install malware.

Front-end

→
The front-end refers to the visual and interactive part of a website or application that users directly interact with.

Right-side panel

→
The far right vertical panel in the Designer that houses the Style panel, Element settings panel, Style manager panel, and Interactions panel.

Typography

→
A section in the Add panel that houses typography elements such as headings and paragraphs.

Form block

→
Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.

Typography section

→
A section in the Style panel that houses CSS properties related to how typography is displayed such as font, font size and height, and align.

Field label

→
A field label is descriptive text that helps users understand what information to enter in an input field on a web form.

Ciphertext

→
Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Webclip

→
A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.

Cryptanalysis

→
Cryptanalysis examines cryptographic systems to find weaknesses that could allow attackers to uncover plaintext or break encryption.

Required field

→
You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

Last published

→
The last time your site was published.

Encapsulation

→
Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

Backlink

→
A backlink, also referred to as an inbound link, is a hyperlink from one website to another website.

Media section

→
A section of the Add panel that holds multimedia elements like images, video, and Lottie animation.

Syntax error

→
Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

Flex child

→
An element contained within a parent element that has display: flex set.

End user

→
An end user is an individual or group who directly interacts with a particular product, service, or user interface (UI), such as a website or application.

Style Manager

→
The third tab in the right-side panel where you can rename element classes, preview your class and tag styles, search for classes and tags, and delete any classes that aren’t in use.

Flex-sizing

→
A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

Rich text element

→
Allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually.

Left padding

→
Left padding is a CSS property that defines the space between an element's left border and its content.

Decryption

→
Decryption is the process of reverting encrypted data to its original format.

Real-Time Streaming Protocol (RTSP)

→
Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

Resource Description Framework (RDF)

→
The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Facebook button

→
A Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.

Serialization

→
Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

Localization

→
Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.

Basic section

→
A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).

Webflow Support

→
The place to go when you need help using Webflow.

Beacon

→
A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

Folder settings

→
Allows you to manage your folders.

Image

→
A Webflow element that displays graphical files on your website.

Domain name forwarding

→
Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more