Tipps für ein einheitliches Erscheinungsbild

Beitrag vom November 2021 | Autor Bettina Blaschek

Gibt es Empfehlungen für ein einheitliches Erscheinungsbild Ihrer Website?

Natürlich und wir haben einige Tipps für Sie zusammengefasst...

Überlegen Sie sich vor der Befüllung Ihrer Website, wie Sie die einzelnen Seiten gestalten wollen. Das ist zwar mehr Aufwand, aber bei der Befüllung müssen Sie sich darüber keine Gedanken mehr machen und sparen sich das Nachbessern. Am besten verwenden Sie dazu ein Blatt Papier und machen sich Skizzen 😉.
Verwenden Sie einheitliche Abstände. Unterschiedliche Abstände, wie einmal 10px Abstand oder einmal 40px Abstand zwischen den Inhaltszeilen, sehen schnell unsauber aus. Überlegen Sie, welche Abstände zwischen Ihren Texten am besten aussehen und bleiben Sie dabei.
Wichtig ist die Überschriften-Struktur. Jede Seite Ihrer Website soll (bzw. muss) genau eine H1 Überschrift haben. Darunter kommt eine (oder mehrere) H2 gefolgt von einer (oder mehreren) H3 usw. Hier geht es um die Lesbarkeit des Textes. Gestalten Sie die Überschriften-Struktur wie bei einem Buch. Der Titel ist die H1 Überschrift, Abschnitte sind die H2 Überschriften und darunter gibt es möglicherweise Unterteilungen in kleinere Kapitel, das wären die H3 Überschriften.
Das Layout ist bei unserem CMS pro Inhaltszeile festzulegen. Wichtig ist: bleiben Sie bei dem gewählten Layout.

Sehen wir uns an, wie das NICHT aussehen sollte...

Das folgende Beispiel ist ganz ohne Abstände, ohne Überschriften-Struktur und mit unterschiedlichen Layouts aufgebaut. So soll das bei Ihnen nicht aussehen.

Direkt neben dem Bild sind die ersten Buchstaben des Textes schlecht lesbar.

Texte in unterschiedlichen Breiten ist unangenehm zu lesen.

Eine saubere Überschriften-Struktur gliedert den Text gut in einzelne Abschnitte und fehlt hier.

keine Abstände, keine Überschriften-Struktur, kein einheitliches Layout

Und zum Vergleich ein Best Practice-Beispiel

Mit einer ordentlichen Überschriftenstruktur, gleichmäßigen Abständen und Anpassungen beim Layout erscheint die Seite gleich in einem einheitlichen Bild. In unserem CMS stehen Ihnen viele Stile zur Verfügung, die Sie für die individuelle Gestaltung Ihrer eigenen Website verwenden können.

Einheitlicher Abstand rund um das Bild.

Texte und Bild in der gleichen Flucht.

Eine saubere und für Suchmaschinen optimale Überschriften-Struktur.