Warum Sie Editor-Vorlagen verwenden sollten
Erstellen von Vorlagen zur Arbeitserleichterung
Wozu sollen Sie sich die Mühe machen und Vorlagen erstellen? Ganz einfach. Einmal erstellt und optimal angepasst, können Sie ganze SITEX-Inhaltsseiten oder einzelne Inhaltszeilen als Editor-Vorlagen anlegen und immer wieder verwenden. Dabei fällt einiges an Aufbeitsaufwand weg 🥳. Bei der Bildauswahl wissen, worauf zu achten ist, Schriftstile und Überschriften-Struktur erfüllen die Norm, die Abstände sind mobil optimal eingestellt und Call-to-action-Buttons werden nicht vergessen 😎.
Wir haben ein paar Infos für Sie vorbereitet über
Klare Linienführung und einheitliche Abstände
Einheitliche Abstände und eine klare Linienführung sehen nicht nur gut aus, sondern sind angenehmer zu lesen. Ihre Websitebesucher können sich somit auf die Inhalte konzentrieren.
- Stellen Sie die Abstände z.B. mit den Stilen innerer und äußerer Abstand passend zu den anderen Seiten Ihrer Website bereits in den Editor-Vorlagen richtig ein.
- Vergessen Sie dabei die mobile Darstellung nicht. Dazu haben wir einen Tipps & Tricks Beitrag für Sie.
Sie sparen sich damit jede Menge Arbeit bei der Gestaltung neuer Seiten. Vor allem zum Header und Footer bzw. zwischen Texten sollen Abstände einheitlich sein. Mehrspaltige Layouts sind vor allem mobil besonders zu berücksichtigen, da diese am Handy untereinander rutschen und hier ebenfalls ein Abstand bei den Texten sein soll.
Für eine klare Linienführung sorgen die Layouts begrenzt und nicht begrenzt.
Überschriften-Struktur einhalten
Damit Texte gut lesbar sind, ist eine strukturierte Gliederung wichtig. Unterteilen Sie Ihre Texte in Absätze und verwenden dabei die richtige Überschriften-Struktur. Ihre Leser und die Suchmaschinen werden sich darüber freuen. In einem eigenen Tipps & Tricks Beitrag haben wird alle relevanten Informationen zusammengefasst.
Hier ein Beispiel:
Dieser Text wird mit verschiedenen Stilen bearbeitet, so kann ein Text fett, unterstrichen oder kursiv formatiert sein. Aber auch alles in GROSSBUCHSTABEN, verschiedenen Größen (kleiner bzw. größer) oder einer alternativen Schrift oder alternativen Schriftfarbe zu formatieren wäre möglich.
Wie geht es Ihnen beim Lesen mit so vielen unterschiedlichen Formatierungen? Sehr ungewohnt und unter Umständen müssen Sie den Text mehrmals lesen. Und genau das ist der Punkt. Zu viele Schriftstile mit Formatierungen zu mischen ist anstrengend zu lesen und die Konzentration auf den eigentlichen Inhalt ist nicht mehr vorhanden.
- Heben Sie wichtige Texte in fetter Schrift oder einer alternativen Schriftfarbe hervor.
- Unterstreichen im Web hat sich bei Verlinkungen eingebürgert. Sie sollten also Texte nicht unbedingt zusätzlich unterstreichen.
- Kursiv werden vor allem Zittate formatiert.
Behalten Sie Ihre Schriftstile auf der gesamten Website möglichst bei. Dann steht einem angenehmen Lesefluss nichts im Weg.
Call-to-action-Buttons
Call-to-actions, sogenannte CTAs, sollen zu einer Handlung animieren. Von Onlineshops kennen Sie diese CTAs bereits, z.B. "Jetzt kaufen". Genau solche Handlungsaufforderungen sind damit gemeint. Ihre Kunden werden dadurch angeregt, ein Produkt zu kaufen, sich für eine Veranstaltung oder Ihren Newsletter anzumelden oder Ihnen eine Kontaktanfrage zu senden.
Setzen Sie CTAs gezielt ein, ohne dabei aufdringlich zu wirken. So ist ein CTA-Button "Produkt kaufen" bei einem Produkt natürlich richtig. Bei jedem zweiten Absatz in einem Blogbeitrag aber ein CTA-Button "Zum Newsletter anmelden" viel zu viel. Manchmal ist weniger mehr 😉.
Ziel einer CTA ist, dass Ihre Websitebesucher gerne wieder kommen, weil Sie den regelmäßigen Newsletter erhalten, neue Beiträge lesen oder bei einer Aktion Produkte kaufen.
Legen Sie einen CTA-Button bereits in der Editor-Vorlage an, können Sie nicht mehr darauf vergessen. Beachten Sie allerdings, dass zu viele Aufforderungen mitten in den Texten die Absprungrate erhöhen kann. Wir empfehlen Ihnen daher einen CTA-Button am Ende einer Seite zu verbauen.
CTAs sind nicht zu verwechseln mit internen Verlinkungen zu weiterführenden Inhalten auf Ihrer Website, diese sind natürlich an relevanten Stellen wichtig.
Optimales Bildmaterial
"Bilder sagen mehr als tausend Worte". Mit Bildern transportieren Sie Emotionen oder veranschaulichen Sachverhalte, die mit Texten schwierig zu erklären sind.
Hochauflösende Bilder lassen sich mittlerweile mit jedem Handy machen, aber zu große Bilddateien benötigen mehr Speicherplatz und haben eine längere Ladezeit. Ein Headerbild auf einem Desktop reicht mit einer Bildbreite von ca. 2200px vollkommen aus. Das entspricht in etwa der aktuell gängigen Desktopgröße von 24''.
Tipps für Bilder in den Editor-Vorlagen
- Bei Bildern als Hintergrund eines Textes verwenden Sie ruhige Bilder und vor allem keine großflächigen Gesichter. Über einem weitläufigen Landschaftsbild spricht nichts dagegen. Texte sollten allerdings gut lesbar sein. Hier können Sie unsere Stile wie Hintergrund abdunkeln / aufhellen oder andere Schriftfarben verwenden 🧐.
- Vorsicht mit weißem Text auf hellen Bildern. Punkto Barrierefreiheit muss Text über Bildern gut lesbar sein. Dazu empfehlen wir Ihnen bei weißer Textfarbe den Schriftschatten schwarz zu verwenden, zu finden sind die Stile im CK-Editor Formatierungsstile.
- Legen Sie passende Bilder in der Vorlage mit der richtigen Breite & Höhe an, so wissen Sie beim Austauschen, welche Größe in allen Auflösungen passt. Vergessen Sie nicht auf das richtige und passende Bildformat.
- Gleiches gilt für Erweiterungen mit Bildern wie Mediengalerie oder Slideshow. Diese können in der Vorlage optimal vorbereitet werden mit den passenden Abständen.
- Verwenden Sie mehrspaltige Layouts mit Bildern, dann rutschen diese mobil untereinander. Beachten Sie vor allem mobil die Abstände. Hier stehen Ihnen verschiedene Gestaltungsmöglichkeiten zur Verfügung.
Gruppierung bei den Vorlagen
In einigen Erweiterungen erstellen Sie die Inhalte im Inhalts-Editor. Ein Beispiel wäre die Erweiterung Blog. Bei den Vorlagen können Sie die verschiedenen Erweiterungen gruppieren. Mit der Verwendung dieser Blog - Artikel Gruppierung können Sie aus ihren bereits vorhandenen Artikeln auswählen und sparen sich so diverse Anpassungen.
Verwenden Sie die Editor-Vorlagen schon?
Als Redakteur stehen Ihnen Editor-Vorlagen zur Verfügung, die Sie individuell nutzen können. Wie Sie damit arbeiten, erklären wir Ihnen in den Tutorials.