CodeKitHubWas ist dieses Tool?
Ein Slug ist der URL-freundliche Teil einer Webadresse, der eine bestimmte Seite identifiziert, etwa das „my-awesome-post“ in example.com/blog/my-awesome-post. Er wird üblicherweise aus dem Seitentitel abgeleitet, kleingeschrieben, mit Leerzeichen und Satzzeichen durch ein Trennzeichen ersetzt.
Gute Slugs sind kurz, gut lesbar und bestehen nur aus Kleinbuchstaben, Zahlen und einem Trennzeichen — ohne Leerzeichen, Akzentzeichen oder Sonderzeichen, die Links kaputt machen oder Suchmaschinen verwirren könnten.
Warum sollte man es nutzen?
- Live-Vorschau: Der generierte Slug wird beim Tippen sofort aktualisiert, ganz ohne Klick auf einen Button.
- Bindestrich oder Unterstrich als Trennzeichen wählbar, optional mit Erhalt der ursprünglichen Groß-/Kleinschreibung.
- Optionale Kürzung auf eine maximale Länge, ohne dabei ein Wort mittendrin abzuschneiden.
- Überträgt gängige Akzentzeichen (é, ñ, ü usw.) in reines ASCII, statt sie einfach zu löschen.
- Läuft komplett im Browser — nichts wird hochgeladen oder protokolliert.
Anleitung
- Titel oder Text in das Eingabefeld einfügen oder eintippen.
- Trennzeichen wählen (Bindestrich oder Unterstrich) und bei Bedarf Kleinschreibung umschalten.
- Optional eine maximale Länge festlegen, damit der Slug kurz bleibt.
- Den generierten Slug mit einem Klick kopieren.
Beispiel
Eingabe
10 Tips for Building a Café in São Paulo!Ausgabe
10-tips-for-building-a-cafe-in-sao-pauloAkzente werden übertragen, Satzzeichen entfernt und Leerzeichen zu Bindestrichen.
Häufige Anwendungsfälle
- Blog- und CMS-Plattformen: einen sauberen Slug aus einem Artikeltitel für die Beitrags-URL erzeugen.
- E-Commerce: Produkt-URLs aus Produktnamen erstellen, für sauberere und leichter teilbare Links.
- Static-Site-Generatoren: viele erfordern ein Slug-Feld im Frontmatter, das vom Seitentitel abgeleitet wird.
- Datei- und Asset-Benennung: beliebigen Text in sichere Dateinamen ohne Leerzeichen oder Sonderzeichen umwandeln.
Best Practices für Slugs
Halte Slugs kurz und aussagekräftig — lange URLs lassen sich schwerer teilen und können in Suchergebnissen abgeschnitten werden. Vermeide Füllwörter wie „a“, „the“ oder „and“, wenn ein Slug noch weiter gekürzt werden muss.
Sobald eine URL mit einem bestimmten Slug veröffentlicht und indexiert ist, sollte sie möglichst nicht mehr geändert werden — das zerstört eingehende Links und das Suchmaschinen-Ranking, es sei denn, es wird zusätzlich eine Weiterleitung eingerichtet. Lege deine Trennzeichen-Konvention (Bindestriche sind der allgemein empfohlene Standard) vor der Veröffentlichung fest, da gemischte Stile innerhalb einer Website uneinheitlich wirken.
Häufig gestellte Fragen
Warum wird der Slug klein geschrieben?
Suchmaschinen und die meisten Webserver behandeln URLs als Groß-/Kleinschreibungs-sensitiv, sodass gemischte Schreibweise zu doppeltem Inhalt führen kann (z. B. wenn /Post und /post als zwei verschiedene Seiten gelten). Kleinschreibung verhindert das von vornherein.
Bindestrich oder Unterstrich — was ist besser für SEO?
Google empfiehlt seit 2010 Bindestriche, weil sie als Worttrenner erkannt werden, während Unterstriche eher so gelesen werden, als würden sie Wörter zusammenfügen. Für öffentliche URLs ist der Bindestrich die sicherere Standardwahl.
Was passiert mit akzentuierten oder nicht-lateinischen Zeichen?
Gängige akzentuierte lateinische Zeichen (é, ñ, ü, ç usw.) werden in ihr nächstliegendes ASCII-Äquivalent umgewandelt. Zeichen außerhalb dieser Zuordnung (etwa CJK- oder arabische Schrift) werden entfernt, da die meisten URL-Slug-Konventionen nur reines ASCII erwarten.
Warum vermeidet die Option für die maximale Länge das Abschneiden von Wörtern?
Ein Abschneiden nach einer festen Zeichenanzahl kann ein Wort mittendrin durchtrennen, was in einer URL kaputt wirkt. Das Tool kürzt stattdessen bis zum vorherigen Trennzeichen, sodass der Slug immer mit einem vollständigen Wort endet.
Wird mein Text an einen Server gesendet?
Nein. Die Umwandlung läuft komplett lokal per JavaScript in deinem Browser ab. Nichts, was du eingibst, wird hochgeladen, gespeichert oder protokolliert.