Allgemeine Tipps

Kurzbefehl, um auf die Template-Ebene zu wechseln
Wenn Sie zur Aufteilung der Seite weitere blaue Container benötigen, wechseln Sie von der Inhaltselemente (graue Punkte) mit Strg + e auf die Template-Ebene, wählen Sie den passenden Container aus und ziehen sich diesen auf die Seite.
(Mit dem gleichen Befehl wechseln Sie auch wieder zurück)

Row 2-2
Wählen Sie hier immer “ab Größe MD” aus, damit er Ihr Inhaltselement in der Mobilversion in voller Breite darstellt und es nicht zu kleinteilig wird. 

Volle Seitenbreite:
Verwenden Sie die volle Seitenbreite ohne Bild nur für sehr kurzen Text (2 - 3 Zeilen in der Desktop-Ansicht). Ansonsten verwenden Sie bitte entweder ein Bild oder eine andere Aufteilung der Container (8:4 oder 6:6). Generell eignet sich die volle Seitenbreite nur für Überschriften und Zwischenüberschriften einen Aufmacher mit großem Bild, einem Slider oder einem Bildbanner (z.B. Zitatmodul oder großes Bild mit zwei Links). 

Überschriften:
Wenn die H2 direkt unter der H1 oder in Kästchen gesetzt wird, sieht sie besser ohne Unterstrich – z.B. in Themenfarbe - aus.

Kästchen:
Seien Sie sparsam mit Kästchen, sonst wirkt Ihre Seite schnell zu starr. Nicht alles sollte in einem Kästchen stehen – der Aufmacher (Einstiegstext mit Bild) sollte immer frei fließen – die Kästchen sind dann eher kleine weiterführende Infos oder Link-Kacheln. 

Mut zur Lücke:
Verwenden Sie die Container-Aufteilung (8:4 oder 9:3), darf ruhig rechts auch mal Weißraum stehen. Aber Achtung die links Hälfte sollte nie kürzer sein als die rechte – Weißraum links stört den Lesefluss! 

Kontakte:
Wählen Sie in den Einstellungen (Rädchen) immer „Stil der Labels“ „Verwende Icons als Labels“ aus – dann werden Telefon-Nr. und Mailadresse als Icons dargestellt und von den Nutzern direkt als solche erkannt. 

Keine leeren Seiten
Bauen Sie keine Seiten mit einem einzigen Element, ein Akkordeon und eine Überschrift auf einer Seite sind beispielsweise zu wenig – versuchen Sie dann besser zwei thematisch passende Seiten zusammenzufassen. Umgekehrt sollten die Seiten auch nicht zu voll sein. Und: Im Idealfall gibt es auch immer einen Kontakt auf der Seite. 

Seite gliedern
Wenn Sie die Seitenaufteilung (Row) wechseln, gliedern Sie das am besten durch eine Zwischenüberschrift (i.d.R. H2). Einzelelemente unter dieser Zwischenüberschrift (z.B. Kacheln) haben dann i.d.R. die H3 oder H4.

Mobilversion testen
Wenn Sie eine Seite fertiggestellt haben, nutzen Sie die Tastenkombination F12 und klicken Sie im angezeigten Kästchen oben rechts auf das Icon mit den Bildschirmen (“Bildschirme testen”), um sich die Mobilversion anzusehen. Kontrollieren Sie sowohl Handy- als auch Tablet-Version.

Akkordeon:
Prüfen Sie bitte immer, ob es nicht eine alternative Darstellungsmöglichkeit gibt. Akkordeons sind zum einen nicht besonders nutzerfreundlich wegen dem zusätzlichen “Klick-Aufwand”; zum anderen sind sie nicht besonders mobilfreundlich, da an den Seiten viel Platz verloren geht. Wählen Sie immer kurze Überschriften für die einzelnen Reiter.
Google erfasst auch nicht immer den Inhalt, der sich in einem Akkordeon befindet.

Abwechslung:
Für Abwechslung auf der Seite sorgt es, wenn sich größere Flächen (volle Seitenbreite, 8:4) mit kleineren abwechseln (z.B. 4:4:4 oder 3:3:3:3 für Kacheln). Unruhig wirkt eine Seite hingegen, wenn Sie zwischen ähnlichen Formaten oder umgekehrten Formaten ständig hin und her wechseln (z.B. zwischen 8:4 und 9:3). 

Inhaltselemente unterschiedlicher Länge nebeneinander
Setzt man zwei verschiedene Inhaltselemente nebeneinander, z. B. links einen “Inhalts-Abschnitt” und rechts eine “Link-Sequenz” mit einem Kästchen darum, werden zunächst beide Elemente in der gleichen Länge dargestellt. Ist dies nicht gewünscht, muss man auf die Template-Ebene wechseln (Strg.+e) und dann im roten Punkt in den Einstellungen (Rädchen) das Häkchen "Spalten gleicher Höhe" entfernen.