Was ein Slug ist
Ein Slug ist der Teil einer Webadresse, der eine Seite in Worten kennzeichnet. In example.com/blog/creme-brulee-recipe ist der Slug creme-brulee-recipe. Content-Systeme wie WordPress, Shopify und die meisten Generatoren für statische Websites bauen Slugs aus Seitentiteln. Shopify nennt sie Handles.
Ein guter Slug ist leicht zu lesen, leicht zu tippen und in jedem Browser sicher. Das heißt: Kleinbuchstaben, Ziffern und ein einzelnes Trennzeichen zwischen den Wörtern. Keine Leerzeichen, keine Satzzeichen und keine Umlaute oder Akzente, die beim Kopieren des Links zu langen Codes wie %C3%BC werden.
Dieses Tool erledigt diese Umwandlung für eine ganze Liste auf einmal, einen Slug pro Zeile.
So nutzt du den Slug Generator
- Füge deine Titel in Titel, einer pro Zeile ein. Jede Zeile wird zu einem Slug, und leere Zeilen bleiben leer, damit die Ausgabe zu deiner Liste passt.
- Lies die Ergebnisse unter Slugs und klicke auf Kopieren.
- Pass die Optionen unten an deine Website an:
- Trennzeichen: Bindestrich, Unterstrich, Punkt oder keins.
- Maximale Länge (0 für unbegrenzt): der längste Slug, den du willst. Lange Slugs werden beim letzten ganzen Wort gekürzt, das noch passt.
- Kleinbuchstaben: standardmäßig an. Schalte es aus, um Großbuchstaben zu behalten.
- Akzente umwandeln (é zu e): ersetzt Buchstaben mit Akzent oder Umlaut und besondere lateinische Buchstaben durch einfache.
- Stoppwörter entfernen: entfernt kurze englische Füllwörter wie the, a, to, and, of und for.
Die Zeile unter dem Tool zeigt, wie viele Slugs du erstellt hast und wie lang der längste ist.
Beispiele
Diese Slugs stammen aus dem Generator, angewendet auf den jeweiligen Titel.
| Titel | Option | Slug |
|---|---|---|
| 10 Tips & Tricks for Café Owners | Standard | 10-tips-and-tricks-for-cafe-owners |
| 10 Tips & Tricks for Café Owners | Stoppwörter entfernen | 10-tips-tricks-cafe-owners |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | Standard | why-your-sourdough-isnt-rising-and-how-to-fix-it |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | Maximale Länge 20 | why-your-sourdough |
| Straße, Łódź und Ørsted: A Guide | Standard | strasse-lodz-und-orsted-a-guide |
| Straße, Łódź und Ørsted: A Guide | Akzente behalten | straße-łódź-und-ørsted-a-guide |
| The Best Way to Learn a Language | Stoppwörter entfernen | best-way-learn-language |
| Crème Brûlée Recipe | Unterstrich | creme_brulee_recipe |
| Hello World | Kleinbuchstaben aus | Hello-World |
| Hello World | kein Trennzeichen | helloworld |
Deutsche Titel: was du wissen musst
Für deutsche Seiten gibt es drei Besonderheiten, die du kennen solltest:
| Titel | Slug | Was passiert |
|---|---|---|
| Die 10 besten Tipps für Grüße zum Geburtstag | die-10-besten-tipps-fur-grusse-zum-geburtstag |
ü wird zu u, ß zu ss |
| Die 10 besten Tipps fuer Gruesse zum Geburtstag | die-10-besten-tipps-fuer-gruesse-zum-geburtstag |
Umlaute vorher von Hand ersetzt |
| Kaffee & Kuchen | kaffee-and-kuchen |
& wird zum englischen „and“ |
| Größe ändern | grosse-andern |
ö wird zu o, ä zu a |
- Umlaute: Das Tool entfernt die Pünktchen, statt ae, oe und ue zu schreiben. „grosse-andern“ liest sich anders als „groesse-aendern“. Auf deutschen Websites ist die Schreibweise mit e üblich und eindeutiger. Ersetze ä, ö und ü deshalb vor dem Einfügen selbst, etwa mit dem Tool Text ersetzen.
- Das Und-Zeichen: Aus & wird „and“. Schreib in deutschen Titeln vorher „und“.
- Stoppwörter: Die Liste enthält nur englische Wörter. Deutsche Füllwörter wie „die“, „der“, „und“ oder „für“ bleiben stehen. Kürze sie bei Bedarf von Hand oder über die maximale Länge.
So funktioniert es
Jede Zeile durchläuft dieselben Schritte:
- Ein Und-Zeichen wird zum Wort „and“, und Apostrophe werden entfernt, aus „Isn’t“ wird also „isnt“ statt „isn-t“.
- Ist die Umwandlung von Akzenten an, werden Buchstaben wie ß, æ, ø und ł ausgeschrieben. Dann zerlegt die Unicode-Normalisierung Buchstaben wie é oder ü in einen Grundbuchstaben plus Zeichen, und das Zeichen fällt weg.
- Der Text wird kleingeschrieben, wenn diese Option an ist.
- Jede Folge aus Buchstaben und Ziffern wird zu einem Wort. Alles andere, auch Satzzeichen und zusätzliche Leerzeichen, ist eine Lücke zwischen Wörtern.
- Stoppwörter werden entfernt, wenn du das willst. Besteht ein Titel nur aus Stoppwörtern, bleiben sie erhalten, damit der Slug nicht leer ist.
- Die Wörter werden mit deinem Trennzeichen verbunden und an einer Wortgrenze auf die maximale Länge gekürzt.
Alles passiert in deinem Browser.
Tipps für gute Slugs
- Halt sie kurz. Drei bis sechs aussagekräftige Wörter reichen meistens. Nutze Maximale Länge oder Stoppwörter entfernen, um lange Titel zu kürzen.
- Lass Jahreszahlen weg, außer das Datum ist der Kern der Seite. Ein Slug ohne Jahr lässt sich später ohne Weiterleitung aktualisieren.
- Wähl einen Stil und bleib dabei. Gemischte Bindestriche und Unterstriche auf einer Website wirken unordentlich und machen Links schwerer zu erraten.
- Ändere Slugs mit Bedacht. Sobald eine Seite live und verlinkt ist, macht ein neuer Slug alte Links kaputt, außer du richtest eine Weiterleitung von der alten Adresse ein.
- Achte auf Duplikate. Zwei Beiträge mit demselben Titel bekommen denselben Slug. Die meisten Systeme hängen
-2an, besser ist es aber, die Titel unterschiedlich zu machen.
Andere Wege, einen Slug zu erstellen
In JavaScript sieht eine schnelle Version für einfachen englischen Text so aus:
'Hello World'.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')
Das ergibt hello-world. Akzente und Umlaute behandelt es nicht, aus Café würde der letzte Buchstabe verschwinden, und aus „Größe“ würde „gr-e“. Python hat das Paket python-slugify, und die meisten Frameworks bringen eine Slug-Hilfe mit, etwa Str::slug in Laravel und slugify in Django.
In einer Tabellenkalkulation kannst du KLEIN (in der englischen Version LOWER) und WECHSELN (SUBSTITUTE) verketten, aber Akzente, Umlaute und Satzzeichen brauchen jeweils ein eigenes WECHSELN. Die Liste hier einzufügen geht schneller.
Ähnliche Tools
Für Variablennamen statt Webadressen nimm den kebab-case Konverter. Um Text, der genau so bleiben muss, wie er getippt wurde, in einem Link zu kodieren, nimm URL kodieren und dekodieren. Um dem fertigen Link Kampagnen-Tracking hinzuzufügen, nimm den UTM Parameter Generator.