DevToys Web Pro iconDevToys Web ProBlog
Bewerten Sie uns:
Browser-Erweiterung ausprobieren:

URL-Slug-Generator

Fertig
Trennzeichen

Eingabe

  • Ausgabe

  • Technische Details

    So funktioniert der URL-Slug-Generator

    Was das Tool macht

    Der Slug-Generator wandelt beliebigen Text in URL-taugliche Slugs um, indem er die Eingabe in Kleinbuchstaben umwandelt, Leerzeichen und Sonderzeichen durch Bindestriche ersetzt, Zeichen entfernt, die nicht alphanumerisch oder Bindestriche sind, und aufeinanderfolgende Bindestriche zusammenfasst. Das Ergebnis ist eine saubere, gut lesbare Zeichenfolge, die sich sicher für URLs, Dateinamen und CSS-Klassennamen eignet. Zum Beispiel wird „Hello World! (2024)“ zu „hello-world-2024“.

    Häufige Anwendungsfälle für Entwickler

    Entwickler verwenden Slug-Generatoren beim Aufbau von CMS-Plattformen, Blog-Engines oder E-Commerce-Seiten, die URL-Pfade aus von Nutzern bereitgestellten Titeln ableiten. Einheitliches Slugging stellt sicher, dass Seiten-URLs stabil, gut lesbar und frei von Zeichen sind, die eine Prozentkodierung erfordern. Es ist außerdem nützlich, um CSS-Klassennamen, Datenbankspaltenwerte und Dateisystempfade aus dynamischen Inhalten zu erzeugen.

    Datenformate, Typen oder Varianten

    Einfache Slugs verwenden nur ASCII-Kleinbuchstaben, Ziffern und Bindestriche. Erweitertes Slugging kann Unicode-Buchstaben beibehalten (z. B. akzentierte Zeichen, die in ASCII-Äquivalente transliteriert werden) und eignet sich für mehrsprachige Inhalte. Manche Implementierungen erlauben Unterstriche statt Bindestrichen. Die maximal sichere Slug-Länge für URLs liegt typischerweise bei 75–100 Zeichen, variiert jedoch je nach Plattform.

    Häufige Fallstricke und Sonderfälle

    Zwei unterschiedliche Titel können denselben Slug erzeugen (z. B. werden „Foo Bar“ und „Foo-Bar“ beide zu „foo-bar“), daher müssen Anwendungen Slug-Kollisionen durch Anhängen eines numerischen Suffixes behandeln. Nicht-lateinische Schriften erfordern vor dem Slugging eine Transliteration, sonst ist die Ausgabe leer. Führende und nachgestellte Bindestriche sollten entfernt werden. Das Ändern des Slugs einer veröffentlichten Seite zerstört eingehende Links, daher sollten Slugs nach der Veröffentlichung als unveränderlich behandelt werden.

    Wann dieses Tool statt Code verwenden

    Nutze dieses Browser-Tool für schnelle, einmalige Slug-Erzeugung während der Inhaltserstellung oder beim Prototyping. Für Produktionsanwendungen solltest du Slugs programmgesteuert mit Bibliotheken wie slugify (JavaScript/Python) oder Stringex (Ruby) erzeugen, damit Kollisionserkennung, Unicode-Transliteration und Längenbegrenzungen in deiner Anwendungslogik konsistent gehandhabt werden.