Webdesign

Zeichensetzung im Web – Worauf Sie achten sollten

Mit der richtigen Anwendung von Satz-, Begriffs- und Sonderzeichen wirkt Ihre Seite professioneller und ist besser lesbar. Hier sind die wichtigsten Anwendungen der Zeichensetzung für Ihre Webseite festgehalten. Wichtig dabei ist, dass innerhalb der Seite immer alles gleich umgesetzt wird, sei es auch nur ein Datum – Beispiel 03.02.2021, 3.2.21 oder 3. Februar 2021. Dies gilt auch beim Tone of Voice. Reden Sie immer in der gleichen Sprache wie DU oder SIE. Es sind die kleinen Dinge, die in der Menge auffallen und das Textbild harmonischer aussehen lassen.

Die Anführungszeichen je nach Sprache richtig setzen

Ist Ihnen aufgefallen, dass nicht in allen Ländern die gleichen Anführungszeichen verwendet werden? In der Schweiz und in Lichtenstein werden die Guillements mit den Spitzen gegen aussen eingesetzt. In englischsprachigem Text werden die Gänsefüsschen anders eingesetzt, sie sind hochgestellten weisen die Formen 66 und 99 auf. Achten Sie auf die Zeichensetzung je nach Sprache.

Beispiele Schweiz: 
«Guillemets»
Schillers «Wilhelmtell» ist eine Geschichte.
Der Polizist rief: «Stehen bleiben!»
Vergleich zu den Englischen Anführungszeichen: “Hello”  

Den korrekten Apostroph setzen

Bei jeder Schrift sind mehrere Glyphen hinterlegt. Auch beim Apostroph gibt es sehr viele ähnliche kleine Striche oberhalb der Schrift. Als Eselsbrücke können Sie merken: Der richtige Apostroph sieht aus wie ein Komma nur hochgestellt.

Beispiel:
Wie geht’s?

Ersetzung von Wortteilen und Satzteilen durch die Auslassungspunkte

Ausgelassene Textteile können Teile eines Wortes, ein ganzes Wort, eine Wortgruppe, eine Zahl oder Zahlenreihe sein. Auslassungspunkte werden bei ausgelassenen Wortteilen OHNE Abstand direkt an das Wort gesetzt, z.B. vulgäre Ausdrücke. Ähnlich wie beim Gedankenstrich können Auslassungspunkte Pausen andeuten oder als Stilmittel eingesetzt werden, ein Textende offen lassen (MIT Abstand).

Beispiele:
Mir ist A… kalt!  (ohne Abstand)
Man weiss ja nie, was noch kommt … (mit Abstand)

Die richtige Verwendung für den Halbgeviertstrich/Gedankenstrich

Meist wird überall der Divis eingsetzt, was falsch ist. Den Unterschied zwischen Divis und Halbegviertstrich sehen Sie in der Länge  – –. Der Halbgeviertstrich wird je nach Einsatz auch als Gedankenstrich, Bis-Strich oder Streckenstrich bezeichnet. 


Beispiele:
Fr. 300.–
Die Strecke Zürich HB – Altstädten Nord
16.00 – 17.00 Uhr
Man kann nicht behaupten – es hat an Intelligenz gemangelt.

So schreiben Sie die Uhrzeit korrekt

Unter den aufgeführten Öffnungszeiten sollte zur Gliederung der Uhrzeit der Punkt verwendet werden. Den Doppelpunkt sollte wegen der Leserlichkeit nicht verwendet werden. Achten Sie bei der Zeichensetzung darauf, dass Sie den Halbgeviertstrich als bis verwenden.


Beispiele:
18.00 – 23.00 Uhr
8 – 12 und 13 – 18 Uhr

Dezimalpunkt und Dezimalkomma – ein Schweizer Sonderfall

Bei Mengenangaben in deutschen Texten wird das Komma als normaler Dezimaltrenner eingesetzt. Die Ausnahme sind Schweizer Preise (CHF oder Fr.) diese werden mit einem Punkt geschrieben. 

Beispiele:
19,5%
2,5 kg
1,5 Std
13,5 Mio.
0,33 l
42,195 km

Ausnahme CH-Preise mit Punkt CHF 89.90
Fr. 90.– (Halbegviertstrich)
ab CHF 460’000.– (Apostroph, Halbegviertstrich)

Die Zeichensetzung in Überschriften

Bei eigenständigen Überschriften wird am Schluss generell auf den Doppelpunkt verzichtet, auch dann, wenn man etwas ankündigt oder eine Aufzählung folgt. Meist wird diese Überschrift schon mit dem Schriftschnitt hervorgehoben, wie in bold – daher ist der Doppelpunkt dann überflüssig.

Die korrekte Gliederung von Telefonnummern

Telefon und Faxnummer kommt meist unter Kontakt oder im Footer vor. Die Ziffern von Telefon und Faxnummer werden in die dreistellige Vorwahl, eine Dreiergruppe und zwei Zweiergruppen gegliedert.

Beispiele:
044 213 52 98 

Ausnahmen:
Gratisnummern, Notfallnummern oder Auskunftsdienste
0848 333 22181 1414 177  

Für Nationale
+41(0)32 703 23 16

Die Lesbarkeit der Zeichensetzung erhöhen mit Hilfe des geschützen Leerzeichens

Achten Sie darauf, dass Begriffe oder Zahlen die zueinander gehören mit einem Geschützen Trennzeichen zusammenhalten. Ansonsten werden die Wörter oder Zahlenverbindungen auseinander gerissen – dass stört dann den Lesefluss.
 
Im HTML steht das geschützte Leerzeichen für «non-breaking space» ( )
Dies können Sie im WordPress Editor hinterlegen, es wird nicht angezeigt.

Beispiele:  
Dr. Pingeli 
St. Gallen  

Überprüfen Sie ihre Webseite oder Applikation auf die aufgeführten Punkte der Zeichensetzung und denken Sie immer daran an die Vereinheitlichung. Nur so wird das Schriftbild harmonisch und besser lesbar. 

Brauchen Sie Unterstützung?

Wenn Sie auch vor der Überarbeitung Ihres Web-Auftritts stehen, kontaktieren Sie uns. Wir helfen Ihnen gerne ein datenbasiertes und nutzerfreundliches Design zu entwickeln. Dadurch erreichen Sie Ihre online Ziele in kürzester Zeit.

E-Mail: info@webwirkung.ch
Telefon: 071 552 06 10

Hier gelangen Sie zudem zu unseren Leistungen in Verbindung mit Webdesign.