Text in SEO-freundlichen Slug umwandeln
Ein URL-Slug ist der menschenlesbare Teil einer URL, der eine bestimmte Seite identifiziert — meist das letzte Segment nach dem letzten Schrägstrich. Aus einem Blogtitel wie Mein Erster Blogpost! wird zum Beispiel der Slug mein-erster-blogpost. Der Begriff stammt aus dem Zeitungswesen (engl. „slug" = Bleisatzzeile mit der Kurzbezeichnung eines Artikels) und wurde von Content-Management-Systemen wie WordPress übernommen. Ein guter Slug ist kurz, in Kleinbuchstaben, nutzt Bindestriche statt Leerzeichen und enthält die wichtigsten Keywords der Seite. Sonderzeichen, Umlaute und Akzente werden transliteriert oder entfernt, damit die URL in jedem Browser und jedem Mailclient zuverlässig funktioniert.
Slugs verbessern gleich mehrere Aspekte einer Website. SEO: Suchmaschinen werten Keywords in der URL als Ranking-Signal. /blog/seo-grundlagen-2024 ist für Google klarer als /blog/post?id=4837. Klick-Rate: Studien zeigen, dass sprechende URLs in Suchergebnissen häufiger geklickt werden. Lesbarkeit: Beim Teilen über Messenger, E-Mail oder Social Media erkennen Nutzer aus der URL allein schon das Thema. Browser-Tabs & Bookmarks: Statt einer kryptischen ID erscheint ein verständlicher Slug in der Tab-Leiste. Wartung: Logs, Analytics-Berichte und Cache-Keys werden lesbarer. Aus Sicht der UX und SEO sind Slugs daher Pflicht — auch wenn das CMS technisch auch mit IDs arbeiten könnte.
Folgende Regeln haben sich als Best Practice etabliert:
%20 kodiert und sind unhandlich. Google empfiehlt explizit Bindestriche (-) statt Unterstrichen (_).?, #, &, =, kein Komma, keine Anführungszeichen. Diese kollidieren mit URL-Parametern oder müssen escaped werden.ä → ae, ö → oe, ü → ue, ß → ss, é → e. URLs mit Umlauten funktionieren zwar dank Punycode/IDN, sind aber schwer zu teilen.Transliteration wandelt Zeichen aus einem Schriftsystem in ein anderes um, ohne den Klang zu verlieren. Bei deutschen Umlauten gibt es zwei Schulen: ä → ae (deutsche Tradition, dieses Tool benutzt diese Variante) oder ä → a (Unicode-NFD-Stripping, das einige Tools nutzen). Bei kyrillischen Zeichen kommt meist die ISO-9-Norm oder die wissenschaftliche Transliteration zum Einsatz: Москва → Moskva. Bei chinesischen Zeichen wird Pinyin verwendet: 北京 → beijing. Bei japanischen Kana das Hepburn-System: 東京 → tokyo. Arabische und hebräische Schriften haben eigene Transliterations-Standards. Achtung: Verschiedene Standards können gleiches Eingabewort zu unterschiedlichen Slugs machen — also: Standard für Site festlegen und konsequent durchziehen!
Mit den Standardeinstellungen dieses Tools (Kleinbuchstaben, Bindestrich-Separator) entstehen folgende Slugs:
| Sprache | Eingabe | Slug |
|---|---|---|
| DE | Schöne Grüße aus München! | schoene-gruesse-aus-muenchen |
| EN | The Quick Brown Fox | the-quick-brown-fox |
| ES | ¿Cómo está el niño? | como-esta-el-nino |
| FR | L'Été à Paris & Côte d'Azur | l-ete-a-paris-cote-d-azur |
| PT | Açaí na Praia do Leblón | acai-na-praia-do-leblon |
Wo überall begegnen dir Slugs im Alltag eines Web-Entwicklers oder Content-Creators?
/products/red-wool-sweater-xl ist besser als /p/8472./blog/category/web-development oder /shop/tag/sale ranken oft selbst gut.id="slug"-Ankern (z.B. GitHub README, MkDocs, Docusaurus).Nein. Die gesamte Slug-Berechnung erfolgt direkt in deinem Browser über JavaScript. Es gibt keinen Netzwerk-Request, kein Server-Logging, keine Speicherung. Du kannst das prüfen, indem du im DevTools-Netzwerk-Tab schaust — beim Tippen passiert dort gar nichts. Die Seite läuft auch komplett offline weiter, sobald sie geladen ist.
Emojis und sämtliche Sonderzeichen werden entfernt. Das Tool ersetzt im finalen Schritt jede nicht-alphanumerische Zeichenfolge durch das gewählte Trennzeichen, und mehrfache Trennzeichen am Anfang oder Ende werden abgeschnitten. Hello 🚀 World!! & more 😀 wird beispielsweise zu hello-world-more. Das ist gewollt — Emojis in URLs sind nicht portabel und brechen viele Mail-Clients.
Dieses Tool nutzt die deutsche Tradition: ä → ae, ö → oe, ü → ue, ß → ss (sowie die großgeschriebenen Varianten Ä → Ae etc.). Beispiel: Schöne Grüße aus Köln wird zu schoene-gruesse-aus-koeln. Diese Variante ist üblicher bei deutschen Websites — sie bewahrt die lesbare Information besser als das pure Strippen via Unicode NFD, wo aus ü nur u würde.
Aktuell nicht direkt. Das Tool kürzt den Slug nicht automatisch — es gibt das vollständige Ergebnis aus. Wenn du den Slug auf z.B. 60 Zeichen begrenzen möchtest, kopiere das Ergebnis und kürze es manuell — am besten bei einem Bindestrich, damit kein Wort mitten durchgeschnitten wird. Eine Length-Option auf der Seite würden wir ergänzen, wenn das häufiger nachgefragt wird — Feedback gerne über die Hauptseite.
Eine URL (Uniform Resource Locator) ist die komplette Adresse einer Ressource: https://example.com/blog/mein-erster-post?utm=newsletter. Ein Slug ist nur der menschenlesbare Teil — meist das letzte Segment des Pfads (mein-erster-post), manchmal aber auch mehrere Segmente. Andere URL-Bestandteile sind: Schema (https), Host (example.com), Pfad (/blog/mein-erster-post), Query (?utm=newsletter) und Fragment (#section). Wenn du einen Slug generierst, baust du daraus später eine URL, indem du Schema, Host und Pfad voranstellst.
Ein URL-Slug ist mehr als nur eine technische Notwendigkeit — er ist ein wichtiges Ranking-Signal. Studien von Backlinko und Moz aus den letzten Jahren zeigen, dass URLs mit relevanten Keywords im Slug eine messbar hohere Click-Through-Rate in den Suchergebnissen erzielen. Google selbst bestatigt das in seinen Search-Central-Dokumenten: "URLs sind eine wichtige Information uber den Inhalt der Seite". Der ideale Slug ist drei bis funf Worter lang, enthalt das Primarkeyword, lasst Fullworter weg und ist auf den ersten Blick lesbar. /blog/python-list-comprehension-vs-for-loop performt besser als /blog/post-id-4823, obwohl beide technisch funktionieren.
Auf der technischen Seite legt RFC 3986 (Uniform Resource Identifier) fest, welche Zeichen unverandert in einer URL auftauchen durfen: ASCII-Buchstaben, Ziffern und die vier sogenannten "unreserved" Zeichen - . _ ~. Alle anderen Zeichen — auch Leerzeichen, Umlaute, Emojis — mussen prozent-codiert werden (%20 fur Leerzeichen). Das ist technisch erlaubt, aber unschon: /uber-uns wird in der Browser-Adressleiste oft als /%C3%BCber-uns dargestellt, und im Tooltip beim Hovern uber einen Link sieht eine solche URL fur Endnutzer befremdlich aus. Deshalb transliterieren professionelle CMS wie WordPress, Strapi und Ghost Umlaute automatisch zu ASCII.
Die Lange spielt ebenfalls eine Rolle: Google Search Snippet zeigt etwa 70-75 Zeichen der URL an, danach wird mit ... gekurzt. Bei https://calcsi.com/de-de/tools/slug-generator bleiben nach Subdomain, TLD und Locale rund 30 Zeichen fur den eigentlichen Slug. Wer das Limit ignoriert, verschwendet wertvollen Snippet-Space. Eine zweite Schwelle ist 2048 Zeichen — die de-facto maximale URL-Lange in den meisten Browsern (Microsoft Edge erzwingt das hart). Aber das hat mehr mit Tracking-Parametern als mit Slugs zu tun. Bleib bei 3-5 Wortern und du bleibst weit unter allen Limits. Auch Internationalized Domain Names (IDN) spielen rein: mit Punycode wird munchen.de intern zu xn--mnchen-3ya.de. Slugs in IDN-Domains funktionieren, aber die rohe URL-Form (z.B. in E-Mail-Clients) sieht unleserlich aus. Aus diesem Grund verwenden professionelle Sites auf .de fast immer ASCII-Domains.
Ein systematischer Workflow vermeidet typische Slug-Fehler:
Wie man eine REST-API in 5 Minuten baut.wie-rest-api-5-minuten-baut.rest-api-tutorial — kompakter, scharferes Keyword-Signal.2026) oder eine Version (v2) anhangen, statt -2 oder -copy.So behandelt der Generator typische Eingaben mit Sonderzeichen:
"Uber uns!" → ueber-uns — deutsche Umlaute werden zu ae/oe/ue, Ausrufezeichen verworfen."50 % Rabatt" → 50-rabatt — Prozentzeichen entfernt, Zahlen bleiben erhalten."Cafe & Bar" → cafe-bar — Akzent fallt weg, Ampersand entfernt, doppelte Bindestriche kollabiert."Doppel--Bindestrich" → doppel-bindestrich — mehrere Trennzeichen werden zu einem."---Test---" → test — fuhrende und nachfolgende Trennzeichen werden abgeschnitten (RFC 3986 normalisiert).Der haufigste SEO-Fehler bei Slugs ist nachtragliches Andern ohne 301-Weiterleitung. Wenn /alter-slug zu /neuer-slug wird, ohne dass die Server-Konfiguration einen 301-Redirect setzt, verlierst du alle Backlinks und Ranking-Signale fur diese URL. WordPress macht das automatisch, viele Custom-CMS aber nicht — uberprufe das vor jeder URL-Anderung. Zweiter haufiger Fehler: zu kurze Slugs ohne Kontext (/p/1234) sind nicht SEO-freundlich. Dritter Fehler: Stopword-Filter zu aggressiv — wenn vs als Stopword verworfen wird, verliert react-vs-vue seine Bedeutung. Pruefe das Tool-Ergebnis immer manuell. Vierter Fehler: Slugs mit Datum (/2024/06/09/post) werden unflexibel, weil du sie nicht in zeitlos relevante Inhalte umwandeln kannst, ohne URLs zu brechen. Funfter haufiger Fehler: Mehrsprachige Sites mit identischem Slug fur unterschiedliche Sprachen — Google interpretiert das oft als Duplicate Content. Empfehlung: pro Sprache eigenen Slug oder klares Locale-Prafix nutzen (/de/ueber-uns vs. /en/about-us), und immer hreflang setzen.
- als Wort-Trenner, _ als Wortverbinder. black-cat wird als zwei Worter indiziert, black_cat als ein Wort. Matt Cutts (Ex-Google) hat das 2011 offiziell bestatigt./About und /about sind verschiedene URLs. Viele Webserver normalisieren auf Kleinschreibung — andere nicht. Bleib bei Lowercase.%F0%9F%98%80) und Suchmaschinen verstehen sie nicht semantisch. Vermeide sie in der URL, nutze sie nur im Page-Title./2024/06/09/post-title fur dauerhaften Content. Datums-URLs signalisieren "veraltet" und sind unflexibel beim spateren Updaten. Besser: /blog/post-title. Datum nur fur News verwenden.