URL-Slug-Generator
Wandelt beliebigen Text in einen URL-sicheren Slug (kebab-case) um, der nur aus Kleinbuchstaben, Ziffern und Bindestrichen besteht. Enthält einen optionalen, vereinfachten Modus zur Romanisierung von japanischem Hiragana und Katakana.
Umwandlungsbeispiele
| Vorher | Nachher |
|---|---|
| Hello World! | hello-world |
| café | cafe |
| ___multiple---spaces here___ | multiple-spaces-here |
| がっこう (Japanisch romanisieren (Hiragana/Katakana)) | gakkou |
Was ist ein URL-Slug?
Ein URL-Slug ist eine kurze, gut lesbare Zeichenfolge, die als Teil der Webadresse (URL) verwendet wird, um eine Seite eindeutig zu identifizieren. Lange, für Menschen geschriebene Texte wie Artikelüberschriften oder Produktnamen sind in dieser Form für eine URL ungeeignet, da sie unübersichtlich wirken und technische Probleme verursachen können. Deshalb werden sie in eine Zeichenfolge umgewandelt, die ausschließlich aus Kleinbuchstaben, Ziffern und Bindestrichen besteht. Dieses Tool analysiert den eingegebenen Text, ersetzt Symbole und Leerzeichen einheitlich durch Bindestriche und wandelt alle Buchstaben in Kleinschreibung um, sodass automatisch ein Slug im kebab-case-Format entsteht, der sich direkt als URL-Pfad verwenden lässt.
Darüber hinaus unterstützt dieses Tool auch japanische Überschriften. Aktivieren Sie die Option "Japanisch romanisieren", werden Hiragana und Katakana vor der eigentlichen Slug-Erzeugung in eine vereinfachte Rōmaji-Schreibweise übertragen. Kanji-Zeichen werden dabei bewusst nicht automatisch romanisiert, da ihre Aussprache ohne Kontext nicht eindeutig bestimmbar ist – sie werden stattdessen einfach entfernt, statt eine möglicherweise falsche Lesart zu erraten. Die gesamte Verarbeitung findet ausschließlich lokal im Browser mittels JavaScript statt; es werden zu keinem Zeitpunkt Daten an einen Server von toolbase.cc übertragen, was das Tool auch für sensible oder unveröffentlichte Inhalte sicher nutzbar macht.
So verwenden Sie den URL-Slug-Generator
- Text eingeben, den Sie umwandeln möchten Fügen Sie eine Artikelüberschrift, einen Produktnamen oder eine beliebige andere Zeichenfolge, die Sie in der URL verwenden möchten, in das Eingabefeld ein.
- Bei japanischem Text die Romanisierung aktivieren Enthält Ihr Text Hiragana oder Katakana, aktivieren Sie das Kontrollkästchen "Japanisch romanisieren", damit diese automatisch in Rōmaji umgewandelt werden.
- Den erzeugten Slug im Ausgabefeld prüfen Während der Eingabe wird der URL-Slug im kebab-case-Format laufend in Echtzeit im unteren Feld angezeigt.
- Bei Bedarf manuell nachbessern Da Kanji-Zeichen entfernt werden, sollten Sie das Ergebnis prüfen und gegebenenfalls fehlende Wörter von Hand ergänzen, damit der Slug weiterhin sinnvoll lesbar bleibt.
- Slug kopieren und im gewünschten System einfügen Übernehmen Sie das Ergebnis mit dem Kopieren-Button in die Zwischenablage und fügen Sie es anschließend in Ihr CMS, Ihre Permalink-Einstellungen oder ein anderes System ein.
Tipps für die Nutzung
- Der erzeugte Slug besteht nur aus Kleinbuchstaben, Ziffern und Bindestrichen und kann daher problemlos direkt in URL-Pfaden, Dateinamen und CSS-Klassennamen weiterverwendet werden.
- Kanji können nicht automatisch romanisiert werden und werden bei der Umwandlung entfernt. Wenn Sie eine japanische Überschrift in einen Slug umwandeln möchten, aktivieren Sie zuerst "Japanisch romanisieren" und passen Sie das Ergebnis bei Bedarf anschließend manuell an.
- Kana, die als Partikel verwendet werden, wie は und へ, werden unabhängig vom Kontext nach ihrer wörtlichen Lesart (ha/he) romanisiert. Deshalb wird aus こんにちは "konnichiha" statt "konnichiwa" — bearbeiten Sie das Ergebnis manuell, falls das für Ihren Anwendungsfall wichtig ist.
- Aufeinanderfolgende Symbole, Leerzeichen und Unterstriche werden zu einem einzigen Bindestrich zusammengefasst, und Bindestriche am Anfang oder Ende werden automatisch entfernt.
- Mit dem Kopieren-Button lässt sich das Ergebnis direkt in die Zwischenablage übernehmen, um es in ein CMS oder eine Tabelle einzufügen.
Anwendungsbeispiele für den URL-Slug-Generator
Permalinks für Blogartikel erstellen
Viele Content-Management-Systeme wie WordPress erzeugen aus dem Artikeltitel automatisch einen Slug, der jedoch oft zu lang, umständlich oder wenig suchmaschinenfreundlich ausfällt. Mit diesem Tool lässt sich vorab ein sauberer, prägnanter Slug erzeugen, den Sie anschließend manuell in den Permalink-Einstellungen hinterlegen.
URLs für Produktseiten in Online-Shops gestalten
Produktnamen enthalten häufig Sonderzeichen, Leerzeichen oder nicht-lateinische Schriftzeichen, die in einer URL zu Kodierungsproblemen oder unnötig langen Adressen führen. Ein kurzer, klar strukturierter Slug verbessert sowohl die Lesbarkeit für Nutzer als auch die Auffindbarkeit über Suchmaschinen.
Datei- und Bildnamen vereinheitlichen
Beim Hochladen von Bildern, PDFs oder anderen Dokumenten auf einen Webserver empfiehlt es sich, Dateinamen ohne Leerzeichen, Umlaute oder Sonderzeichen zu verwenden. Dieses Tool wandelt beliebige Dateibezeichnungen in ein sicheres, plattformunabhängiges Format um.
CSS-Klassennamen und HTML-IDs generieren
Wenn Sie aus einer Überschrift eine Sprungmarke (Anchor-ID) für interne Verlinkungen auf derselben Seite oder einen CSS-Klassennamen ableiten möchten, liefert dieses Tool eine Zeichenfolge, die ausschließlich aus zulässigen Zeichen besteht und damit in allen Browsern zuverlässig funktioniert.
URLs mehrsprachiger Websites vereinheitlichen
Wenn Sie Seiten mit japanischen Überschriften auch unter einer einheitlichen, lateinisch geschriebenen URL veröffentlichen möchten, liefert die Romanisierungsfunktion einen gut lesbaren Entwurf, den Sie als Ausgangspunkt für Ihre internationale URL-Struktur verwenden können.
Glossar
- Slug
- Eine kurze Zeichenfolge, die als Teil einer URL zur eindeutigen Identifikation eines Artikels, Produkts oder einer Seite dient. Der Begriff stammt ursprünglich aus dem Zeitungs- und Verlagswesen, wo er eine vorläufige Kennung für einen Artikel bezeichnete, und wurde später von Content-Management-Systemen wie WordPress übernommen.
- Kebab-Case
- Eine Schreibkonvention, bei der einzelne Wörter durch Bindestriche (-) verbunden werden, etwa in "mein-blogartikel". Der Name rührt daher, dass die aneinandergereihten Wörter optisch an aufgespießte Fleischstücke auf einem Kebab-Spieß erinnern. Kebab-case gilt heute als Standardformat für URL-Slugs.
- Snake_Case
- Eine Schreibkonvention, bei der Wörter durch einen Unterstrich (_) verbunden werden, etwa in "mein_blogartikel". Dieses Format wird häufig für Variablennamen in Programmiersprachen verwendet, gilt aber für URL-Slugs als weniger geeignet, da Suchmaschinen wie Google Unterstriche seltener als Wortgrenze erkennen als Bindestriche.
- Permalink
- Die dauerhafte, sich nicht ändernde URL einer Webseite. In Content-Management-Systemen wie WordPress lässt sich das Format des Permalinks konfigurieren, wobei der Slug in der Regel als fester Bestandteil dieser Adresse eingebettet wird.
- Romanisierung (Rōmaji)
- Die Umschrift japanischer Laute, die in Hiragana oder Katakana geschrieben sind, in lateinische Buchstaben. Dieses Tool beschränkt sich bewusst auf eine vereinfachte, mechanische Umschrift und schließt Kanji-Zeichen aus, da diese je nach Kontext mehrere gültige Lesarten besitzen können.
- NFKD-Normalisierung
- Eine Unicode-Normalisierungsform, bei der ein Zeichen mit Akzent (z. B. é) in seinen Grundbuchstaben (e) und ein separates Kombinationszeichen für den Akzent zerlegt wird. Dieses Tool nutzt diese Zerlegung, um Akzentzeichen zuverlässig zu entfernen und dadurch international lesbare Slugs zu erzeugen.
Häufig gestellte Fragen
Übrigens – Slugs und die Kebab-Case-Debatte
Das Wort "Slug" stammt aus dem Jargon von Zeitungen und Verlagen, wo es eine kurze Kennung bezeichnete, die einem Artikel vor dem Druck beigefügt wurde. Im Web bezeichnet es heute einen kurzen, sauberen Bezeichner, der aus einer menschenlesbaren Zeichenkette wie einem Artikeltitel abgeleitet wird und sicher als Teil einer URL verwendet werden kann. Viele Content-Management-Systeme, darunter WordPress, verwenden "Slug" wörtlich als Feldnamen in ihren Admin-Oberflächen, weshalb der Begriff vielen Website-Betreibern bereits bekannt ist.
Es wird seit Langem diskutiert, ob URL-Slugs Wörter mit Bindestrichen (kebab-case) oder Unterstrichen (snake_case) trennen sollten. Google hat öffentlich erklärt, dass Bindestriche als Wortgrenzen behandelt werden, während Unterstriche als verbindende Zeichen gelten – "my-blog-post" wird daher eher als drei getrennte Wörter interpretiert, während "my_blog_post" eher als ein einziges, zusammenhängendes Wort interpretiert wird. Dieser Unterschied ist einer der Hauptgründe, warum die meisten SEO-orientierten Websites auf kebab-case setzen.
Japanischen Text in eine für ein englischsprachiges Publikum gedachte URL umzuwandeln, ist schwieriger als ein einfacher Zeichenaustausch. Hiragana und Katakana sind Lautschriften und lassen sich daher mechanisch romanisieren, aber Kanji haben je nach Kontext oft mehrere gültige Lesarten (das "今日" für "heute" kann zum Beispiel als "kyou" oder als "konnichi" gelesen werden), sodass ohne Verständnis des Satzes keine eindeutig richtige Lesart gewählt werden kann. Deshalb entfernt dieses Tool Kanji bewusst, statt eine Romanisierung zu erraten – ein falsches Ergebnis ist schlimmer als eine ehrliche Lücke, die die Nutzerin oder der Nutzer selbst von Hand ergänzen kann.