Wie mache ich einen sauberen URL-Slug aus einem Titel?
Slug-Generator (URL-freundlicher Text) mit 5 Stilen: kebab-case, snake_case, camelCase, PascalCase, lowercase.
Umlaute und Diakritika werden zu ASCII normalisiert (für deutsche Slugs: ä → ae oder a je nach Konvention, ö → oe oder o, ü → ue oder u, ß → ss; international: café → cafe, naïve → naive, niño → nino) - weil URLs ASCII-sicher sein müssen.
Perfekt für Blogger (Post-URLs), API-Endpunkte, Dateinamen, Programmier-Identifier.
So nutzt du es
- Tipp Text (jede Sprache in lateinischer Schrift mit Diakritika).
- Der Generator produziert 5 Varianten live. Jede Zeile klickbar = kopiert den Wert.
- Umlaute und Diakritika werden behandelt über Unicode NFD + Stripping der kombinierten Markierungen: ä→a, ö→o, ü→u, ß→ss, é→e, ñ→n, ç→c. (Die Konvention für deutsche Umlaute schwankt: ä→a für kompakte Slugs, ä→ae für klassisches DIN 5007-2.)
- Sonderzeichen (!, ?, ., Leerzeichen, Unterstriche) werden entfernt oder durch den Trenner ersetzt (kebab, snake) oder konkateniert (camel, pascal, lower).
Wann das nützlich ist
Wo Slugs vorkommen:
- Blog-SEO - Titel "Wie richte ich DNS in Cloudflare ein" → Slug "wie-richte-ich-dns-in-cloudflare-ein" → URL SEO- und menschenfreundlich.
- CMS - WordPress nutzt kebab-case-Slugs standardmäßig.
- Programmier-Identifier - "Benutzer-Profil-Seite" → "userProfilePage" (camel) für JS-Variable oder "user_profile_page" (snake) für DB-Spalte.
- Dateinamen - "Mein Dokument.pdf" → "mein-dokument.pdf" (plattformsicher).
- API-Endpunkte - REST-Routen /api/users/get-by-id (kebab).
- Bildung - sieh, wie "Hallo Welt!" + Kommas / Punkte "hallo-welt" ergibt.
Fragen und Antworten
URL-freundlicher Text, klein, ohne Sonderzeichen. Kommt aus dem Journalismus - "Slug" ist ein kurzer Code für einen Artikel. Im Web: der URL-Teil nach der Domain, der das Thema ausdrückt (`/blog/wie-richte-ich-dns-ein` - "wie-richte-ich-dns-ein" ist der Slug).