Neutrale Überschriften-Option per DCA ergänzen

Viele Layouts enthalten Frontend-Module — etwa eine Navigation oder eine Newsliste —, die mit einer Überschrift gestaltet sind. Diese Überschrift soll nicht klickbar sein, sondern Nutzer:innen Orientierung geben, um was für Links es sich handelt.

Steht das Modul innerhalb des eigentlichen Inhalts, kannst du dich vielleicht noch an der bestehenden Überschriften-Hierarchie orientieren. Aber wie sieht es mit Modulen im <footer> aus?

Im Footer ist jede Auszeichnung falsch

• Nimmst du eine H3, hast auf der Seite aber gar keine H2, ist das semantisch nicht korrekt — und etwas, das eine SEO-Agentur bemängeln würde.
• Nimmst du eine H2, weil es auf jeden Fall eine H1 geben wird, bekommt das Modul im Footer eine höhere Relevanz, als du eigentlich wolltest.

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

Zwei Lösungswege

Eine Lösung: Du arbeitest mit einem zusätzlichen Modul (z. B. Eigenes HTML). Dann musst du aber die Überschrift und das eigentliche Frontend-Modul noch zu einem Element gruppieren.

Die bessere Lösung: Du erweiterst das Überschriftenfeld per DCA-Einstellung um eine neutrale Option, zum Beispiel div. So bekommt das Modul eine Überschrift, die dank CSS wie eine Überschrift aussieht, in Wirklichkeit aber nur ein DIV-Container ist.

Wie du die Option ergänzt, kannst du dir im Nutshell Framework auf GitHub ansehen: div als Überschriften-Option verwenden

Auch für Inhaltselemente sinnvoll

Im Nutshell Framework ist die Option div zusätzlich für Inhaltselemente ergänzt. Denn auch dort gibt es manchmal das Problem, dass der Inhalt der ersten Überschrift aus SEO-Sicht für eine H1 ungeeignet ist. Dann bekommt die erste Überschrift ein div — und die „bessere Überschrift" die H1.

Mehr zu Überschriften in Contao: Dachzeilen semantisch korrekt umsetzen und Überschriften-Klasse per Twig ergänzen.