Überschriften in Contao: 2 einfache DCA-Anpassungen mit großer Wirkung (Teil 1)

Moin!

Frage: Wie gut kennst du dich eigentlich mit Überschriften in Contao aus? Achtest du auf die logische Reihenfolge? Stellst du sicher, dass es nur eine H1 gibt?

Sehr gut! Denn darum soll es heute auch nicht gehen. Zumindest nicht direkt.

Aber mit dem Vorwissen kannst du folgendes Szenario besser nachvollziehen:

Ich habe immer wieder Layouts, in denen ein Frontend-Modul – zum Beispiel eine Navigation oder Newsliste – mit einer Überschrift gestaltet ist. Sie soll nicht klickbar (also kein Link) sein, sondern dem Nutzer eine Orientierung geben, um was für Links es sich handelt.

Wenn ich das Modul innerhalb des eigentlichen Inhalts einfüge, dann könnte ich mich vielleicht noch an der bisherigen Überschriften-Hierarchie orientieren. Aber wie sieht es aus mit Modulen, die im <footer> stehen?

Hier ist eigentlich jede Auszeichnung falsch. Nehme ich zum Beispiel eine H3, habe aber auf der Seite gar keine H2, dann wäre das semantisch nicht korrekt (und etwas, was eine SEO-Agentur bemängeln würde). Nehme ich eine H2, weil ich weiß, dass es auf jeden Fall eine H1 geben wird, dann bekommt mein FE-Modul im Footer eine höhere Relevanz, als ich das eigentlich wollte.

Das Problem: Contao lässt am Überschriftenfeld standardmäßig nur die Werte h1-h6 zu.

Eine Lösung: Ich kann mit einem zusätzlichen Modul arbeiten (z.B. Eigenes HTML-Modul). Dann muss ich aber noch die Überschrift mit dem eigentliche FE-Modul zu einem Element gruppieren.

Die bessere Lösung: Ich erweitere das Überschriftenfeld per DCA-Einstellung um eine neutrale Option, zum Beispiel div. So kann ich einem Modul eine Überschrift geben, die (dank CSS) sogar so aussieht wie eine Überschrift, aber in Wirklichkeit nur ein DIV-Container ist.

Wie du eine Option für Überschriften ergänzt, kannst du dir im Nutshell Framework auf Github ansehen: div als Überschriften-Option verwenden

Dort siehst du auch, dass ich die Option div zusätzlich für Inhaltselemente ergänzt habe. Denn auch bei Inhaltselementen habe ich manchmal das Problem, dass der Inhalt der ersten Überschrift aus SEO-Sicht für eine H1 ungeeignet ist. Auch hier greife ich dann auf ein div zurück und kann dann für die „bessere Überschrift“ die H1 verwenden.

***

War dieser Tipp hilfreich für dich? Dann antworte gerne auf diese Mail.
Ich freue mich immer über Feedback 🙂

Wie du dem Betreff bereits entnehmen konntest, war das der Auftakt für eine kleine E-Mail-Serie über Überschriften in Contao. Wenn du ebenfalls Tipps für Überschriften hast, die du mit mir und den Empfängern der Flaschenpost teilen möchtest, dann melde dich ebenfalls gerne bei mir.

Viele Grüße,
Dennis
PS: Hat dir die heutige Flaschenpost gefallen? Hast du eine*n Bekannte*n , der/dem sie ebenfalls gefallen würde? Dann leite diese Mail doch an sie oder ihn weiter. Das ist gut fürs Karma 😉