From Title to Slug, Live
Type or paste a title and the slug appears instantly — no button, no page reload. The converter applies five transformations in order:
| Step | Input: "10 Café Tips & Tricks (2026)!" |
|---|---|
| 1. Lowercase everything | 10 café tips & tricks (2026)! |
| 2. Strip accents (é → e, ü → u) | 10 cafe tips & tricks (2026)! |
| 3. Remove special characters | 10 cafe tips tricks 2026 |
| 4. Replace spaces with hyphens | 10-cafe-tips--tricks-2026 |
| 5. Collapse repeated hyphens | 10-cafe-tips-tricks-2026 |
The result contains only lowercase letters, digits and single hyphens — safe in every browser, CMS and sitemap without further escaping.
Why Slugs Matter for SEO
The slug is the part of the URL that identifies the page: in example.com/blog/10-cafe-tips, the slug is 10-cafe-tips. Search engines read it as a (small) relevance signal, and humans read it in search results and shared links — /10-cafe-tips earns more clicks than /post?id=4821. Hyphens are the correct word separator: Google treats them as spaces, whereas underscores glue words together.
Slug Best Practices
- Keep it short: 3–5 meaningful words. "10 Essential Tips Every New Café Owner Should Know" works better as
cafe-owner-tipsthan as the full 9-word slug. - Drop stop words (a, the, and, of) unless removing them changes the meaning.
- Put the keyword in, once — slugs stuffed with repeated keywords look spammy to users and search engines alike.
- Never change a published slug without a 301 redirect; the old URL's links and rankings die otherwise.
- Avoid dates in slugs for evergreen content —
best-laptops-2024looks stale in 2026.
Accents and Edge Cases
Accented characters are transliterated by stripping their diacritics: é, è, ê all become e; ñ becomes n; ü becomes u. Characters with no base-letter decomposition (like ß or CJK characters) are removed rather than guessed at — check the live output and adjust the wording if too much disappears. Everything runs entirely in your browser; nothing is sent to a server. If you need to encode a full URL with query parameters instead of building a slug, use the URL encoder — and for CSS-style identifiers, the case converter's kebab-case does the same job for code.