URL slug generator for blog posts, page paths, and file names. Choose a separator, set the letter case, and copy the generated slug.
The URL Slug Generator turns a title or phrase into a slug for a page path, blog URL, or file name. Enter the text, choose a separator, and decide whether to convert it to lowercase. Review the output before using it.
A slug identifies a resource within a web address: my-first-blog-post in https://example.com/blog/my-first-blog-post, for example. A descriptive slug gives readers more context than an identifier such as ?id=4729. It does not guarantee a search ranking.
The generator normalizes accented Latin letters. Clément becomes clement, and cañón becomes canon. Characters outside the supported letter-and-number range, a-z0-9, become separators. Repeated separators collapse, and leading or trailing separators are removed.
Choose hyphen (-), underscore (_), or dot (.) to match the destination. Keep lowercase enabled for consistent casing, or turn it off when the destination requires the original case.
The conversion uses JavaScript String methods. Review the result rather than assuming that character cleanup makes it suitable for every routing or file-naming rule.
Use words that describe the page. A product path such as blue-running-shoes is easier to interpret than /p?id=58293. Keep the main subject recognizable without repeating keywords.
Remove words only when the meaning remains clear. Words such as a, an, the, and, or, but, of, and in are not automatically unnecessary. Compare guide-to-react-hooks with a-guide-to-react-hooks and choose the wording that fits the page.
Review symbol handling too. Replacing & with and is a wording choice, not the same operation as removing punctuation. Edit the source text when a symbol carries meaning you want to keep.
"Café au lait" becomes cafe-au-lait. "Björk Guðmundsdóttir" becomes bjork-gu-mundsdottir. These examples show why you should check the output: accent normalization is not full transliteration.
Non-Latin text can be removed by the ASCII filtering. Use a suitable transliteration tool or your CMS if you need those words represented in the slug.
Repeated punctuation collapses to a separator: "Hello, World!!! What's Up?" becomes hello-world-what-s-up, not hello---world----what-s-up. Empty input produces empty output.
The normalization step uses String.prototype.normalize. Check the final path for readability, destination rules, and conflicts with existing pages. If you change a published URL, plan the redirect from its old address. Generating a slug does not create that redirect.
Follow your organization's handling requirements before pasting unreleased titles or internal names into a web tool.
How to Use URL Slug Generator - Convert Titles to URL Slugs
Type or paste a title or phrase into Input Text.
Select Hyphen, Underscore, or Dot. Leave Convert to lowercase checked unless your destination needs the original case.
Check Slug Output for missing letters or words before copying it. Use Clear to start another slug.
URL slug generator for blog posts, page paths, and file names. Choose a separator, set the letter case, and copy the generated slug.
Tool Use:
28Added:
Apr 30, 2026Type:
Free ToolPrivacy:
Client SideQR code generator for URLs and text. Adjust dimensions, margin, colors, and an optional logo, then download the code and test it before sharing.
Stylish text generator with fonts, colors, gradients, shadows, and strokes. Set the canvas size, preview your design, and download it as a PNG.
CSS gradient generator for two-color backgrounds. Choose linear or radial, set the colors and linear angle, then review the preview and generated CSS.