UI-Zeichenzähler
Zeichen, Wörter und Zeilen zählen und Texte gegen typische UI-Limits für Buttons, Titel und Meta-Tags prüfen – live im Browser.
Der UI-Zeichenzähler zählt Zeichen, Wörter, Zeilen, Sätze und Absätze deines Textes und prüft ihn live gegen typische Grenzen für Buttons, Labels, Tooltips, Fehlermeldungen, Überschriften und Meta-Tags. So siehst du sofort, ob ein Text ins Interface passt. Die Werte sind Richtwerte aus der UI- und SEO-Praxis. Dein Text bleibt im Browser.
- Zeichen
- 22
- Ohne Leerzeichen
- 20
- Wörter
- 3
- Zeilen
- 1
- Sätze
- 1
- Absätze
- 1
- Bytes (UTF-8)
- 22
- Längste Zeile
- 22
Passt der Text ins Interface?
- Button-Beschriftung 22 von 25 passt
Ein bis drei Wörter, mit Verb.
- Navigationspunkt 22 von 20 2 zu viel
Damit die Leiste auch mobil passt.
- Tab oder Chip 22 von 20 2 zu viel
Kurze Substantive.
- Formular-Label 22 von 40 passt
Sichtbar über dem Feld.
- Tooltip 22 von 80 passt
Ein Satz, keine Pflichtinformation.
- Toast / Snackbar 22 von 100 passt
Verschwindet nach wenigen Sekunden.
- Fehlermeldung 22 von 120 passt
Was ist passiert und was tun?
- Push-Titel 22 von 50 passt
Wird auf dem Sperrbildschirm gekürzt.
- Push-Text 22 von 120 passt
Die wichtigste Info zuerst.
- Überschrift (H1) 22 von 70 passt
Lesbar in ein bis zwei Zeilen.
- SEO-Title 22 von 60 passt
Google kürzt nach Pixelbreite, etwa 60 Zeichen.
- Meta-Description 22 von 155 passt
Wird in Suchergebnissen oft bei ca. 155 Zeichen gekürzt.
- Alt-Text 22 von 125 passt
Kurz und beschreibend, Screenreader lesen ihn vor.
- Zeilenlänge im Fließtext 22 von 75 passt
Ideal sind 45 bis 75 Zeichen pro Zeile.
Warum Textlängen im UI wichtig sind
Interface-Texte müssen in feste Flächen passen: Buttons, Tabs, Toasts und Push-Nachrichten haben wenig Platz. Zu lange Texte werden abgeschnitten oder brechen das Layout. Deutsche Wörter sind oft länger als englische, deshalb lohnt sich eine Prüfung, bevor die Texte im Design landen.
Richtwerte im Überblick
| Element | Richtwert | Hinweis |
|---|---|---|
| Button-Beschriftung | 25 Zeichen | Ein bis drei Wörter, mit Verb. |
| Navigationspunkt | 20 Zeichen | Damit die Leiste auch mobil passt. |
| Tab oder Chip | 20 Zeichen | Kurze Substantive. |
| Formular-Label | 40 Zeichen | Sichtbar über dem Feld. |
| Tooltip | 80 Zeichen | Ein Satz, keine Pflichtinformation. |
| Toast / Snackbar | 100 Zeichen | Verschwindet nach wenigen Sekunden. |
| Fehlermeldung | 120 Zeichen | Was ist passiert und was tun? |
| Push-Titel | 50 Zeichen | Wird auf dem Sperrbildschirm gekürzt. |
| Push-Text | 120 Zeichen | Die wichtigste Info zuerst. |
| Überschrift (H1) | 70 Zeichen | Lesbar in ein bis zwei Zeilen. |
| SEO-Title | 60 Zeichen | Google kürzt nach Pixelbreite, etwa 60 Zeichen. |
| Meta-Description | 155 Zeichen | Wird in Suchergebnissen oft bei ca. 155 Zeichen gekürzt. |
| Alt-Text | 125 Zeichen | Kurz und beschreibend, Screenreader lesen ihn vor. |
| Zeilenlänge im Fließtext | 75 Zeichen | Ideal sind 45 bis 75 Zeichen pro Zeile. |
So gehst du vor
- Text eintragen oder ein Beispiel laden.
- Auf die Balken achten: Rot bedeutet, dass der Richtwert überschritten ist.
- Kürzen und mit realen Layouts testen. Die Meta-Tags deiner Seite prüfst du mit dem Metadaten-Checker.
Beispiel
Die Button-Beschriftung „Jetzt kostenlos testen“ hat 22 Zeichen und passt in einen normalen Button. „Jetzt Ihr kostenloses Probeabo für 30 Tage sichern“ hat 50 Zeichen und ist für einen Button zu lang. Schreibst du für Web und Social, hilft der Sprüche-Generator bei kurzen Texten.
Häufige Fragen
Wie zählt der Zähler Zeichen?
Er zählt sichtbare Zeichen, nicht Bytes. Ein Emoji oder ein Buchstabe mit Akzent zählt als ein Zeichen. Die Anzahl der Bytes im UTF-8-Format wird separat angezeigt.
Sind die Grenzen verbindlich?
Nein. Es sind Richtwerte aus UI-Leitfäden und SEO-Praxis. Google kürzt Titel und Beschreibungen zum Beispiel nach Pixelbreite, nicht nach Zeichen. Nutze die Werte als Orientierung und teste im echten Interface.
Wie lang darf eine Button-Beschriftung sein?
Meist reichen ein bis drei Wörter, also unter 25 Zeichen. Kurze Beschriftungen mit einem Verb wie „Jetzt bestellen“ sind klar und passen auch in schmale Buttons.
Welche Zeilenlänge ist für Fließtext ideal?
Typografie-Empfehlungen nennen 45 bis 75 Zeichen pro Zeile. Kürzere Zeilen zerreißen den Lesefluss, längere ermüden die Augen. Die längste Zeile deines Textes wird dafür extra geprüft.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.