Wandle Titel und Namen in kebab-case für URLs, CSS-Klassen und Dateien um, oder in dot.case für Konfigurations- und Übersetzungsschlüssel.
Beispiele
Die 10 besten Cafés in Berlin primaryButtonLarge user_profile_image
die-10-besten-cafés-in-berlin primary-button-large user-profile-image
titel der einstellungen errorMessageNotFound
titel.der.einstellungen error.message.not.found
Wo kebab-case verwendet wird
- URLs:
/beste-cafes-berlin/. Google empfiehlt Bindestriche statt Unterstriche, um Wörter in URLs zu trennen. - CSS-Klassen:
.nav-item-active. - Datei- und Ordnernamen:
jahresbericht-2026.pdf. - Kommandozeilen-Optionen:
--dry-run. - dot.case: Schlüssel in Konfigurations- und Übersetzungsdateien, z. B.
app.header.title.
Für URLs solltest du Umlaute und ß zusätzlich ersetzen (ä → ae, ß → ss). Dieser Konverter behält sie bei.
Häufige Fragen
Warum heißt es kebab-case?
Die Wörter sehen aus wie Stücke auf einem Spieß: so-wie-hier. Man sagt auch dash-case oder spinal-case.
Bindestrich oder Unterstrich in URLs?
Bindestrich. Googles Empfehlungen für URLs raten zu Bindestrichen als Worttrenner, deshalb ist kebab-case der Standard für Slugs.