|

H1 im WordPress-Theme prüfen: Was das Theme heimlich mit Überschriften macht ***

Weil ich gerade bei den Plugins war, können wir auch gleich zu den Themes springen. Passt thematisch hervorragend. Beides sind Dinge, die man installiert, jahrelang nicht anfasst und irgendwann feststellt, dass sie im Hintergrund längst ihr eigenes Leben führen.

Beim Thema WordPress-Themes bin ich ausnahmsweise ganz froh, dass es Bruch ähnlich geht wie mir. Diese neuen Block-Themes mit Site Editor und dem ganzen Gutenberg-Gedöns kann man benutzen. Sicher. Man könnte sich auch wieder einen Abend hinsetzen, alles neu lernen und anschließend behaupten, wie wunderbar modern man geworden ist.

Oder man stellt fest: Der gute alte Editor funktioniert für das, was man machen will, immer noch.

Manchmal ist man eben doch zu alt, um sich freiwillig noch einmal umzuerziehen. Bruch nennt das vermutlich effiziente Ressourcenverwendung. Ich nenne es: keine Lust.

Beim Theme nicht nur auf die Optik schauen

Was mir bei Themes allerdings wieder unangenehm ins Auge gesprungen ist, sind die Überschriften. Also H1, H2, H3 und der ganze Rest der Familie.

Das ist erst einmal nichts Exotisches. Eine Seite oder ein Beitrag braucht eine klar erkennbare Hauptüberschrift. In WordPress ist das in den meisten Fällen bereits der Seiten- oder Beitragstitel. Danach folgen die Unterüberschriften logisch als H2, darunter gegebenenfalls H3 und so weiter.

Und genau da kann das Theme dazwischenfunken.

Ein Theme entscheidet nämlich nicht nur darüber, ob eure Website hübsch aussieht. Es erzeugt auch einen Teil des HTML-Gerüsts. Dazu gehören je nach Theme beispielsweise der Websitetitel, der Seiten- oder Beitragstitel und weitere Bereiche der Seite.

Wenn das Theme dabei großzügig H1-Überschriften verteilt, kann am Ende eine Struktur entstehen, die niemand bewusst so gebaut hat.

Mehrere H1 sind nicht automatisch eine SEO-Katastrophe

Mehrere H1-Elemente machen eine Seite nicht automatisch kaputt. Entscheidend ist vielmehr, dass klar erkennbar bleibt, was die eigentliche Hauptüberschrift der Seite ist und dass die Überschriften eine nachvollziehbare Struktur bilden.

Trotzdem halte ich eine einzige klare Haupt-H1 bei einem normalen Beitrag oder einer normalen Seite für die angenehmere Lösung. Nicht weil bei der zweiten H1 irgendwo bei Google eine rote Lampe angeht, sondern weil die Sache dadurch eindeutig bleibt.

Für den Besucher. Für Screenreader. Für Suchmaschinen. Und irgendwann auch für denjenigen, der sich den Quelltext ansehen muss und versucht herauszufinden, was sich der Theme-Entwickler dabei gedacht hat.

Wenn der Websitetitel und der eigentliche Beitragstitel beide als gleichrangige Hauptüberschrift ausgezeichnet sind, darf man zumindest fragen, welcher davon eigentlich der Haupttitel dieser konkreten Seite sein soll.

Da gab es genau so einen Kandidaten

Über so etwas bin ich bei einem Theme gestolpert, welches uns ursprünglich sogar ziemlich gut gefallen hatten.

Bei älteren Versionen beziehungsweise Installationen gab es dort tatsächlich die Situation, dass sowohl der Websitetitel als auch der Titel eines Beitrags oder einer Seite als H1 ausgegeben wurden.

Ich hatte sogar drei H1 im Kopf. Ob es bei genau der von mir damals getesteten Version wirklich drei waren, nagle ich heute nicht mehr fest. Meine Handschrift auf irgendwelchen herumliegenden Zetteln ist schon Beweismaterial genug.

Das ist für mich kein Grund, ein Theme öffentlich zu verbrennen. Es ist aber ein guter Grund, nicht nur die Startseite anzusehen und zu sagen: Sieht nett aus, nehmen wir.

So prüft ihr die H1 eures Themes

Die einfache Variante: Öffnet eine typische Seite oder einen einzelnen Beitrag im Browser und schaut euch den Seitenquelltext beziehungsweise die Entwicklerwerkzeuge an.

Sucht dort nach <h1.

Wichtig: Nicht nur nach <h1> suchen. Eine Überschrift kann zum Beispiel als <h1 class=“entry-title“> im Quelltext stehen. Wer ausschließlich nach dem vollständigen <h1> sucht, kann solche Varianten übersehen.

Dann schaut euch an, wofür diese H1-Elemente tatsächlich verwendet werden:

  • Ist der Seiten- oder Beitragstitel die klar erkennbare Hauptüberschrift?
  • Wird zusätzlich der Websitetitel als H1 ausgegeben?
  • Tauchen weitere H1 an Stellen auf, an denen ihr sie nicht erwartet?
  • Folgen die weiteren Überschriften anschließend sinnvoll als H2 und H3?

Und prüft nicht nur die Startseite. Ein Theme kann dort eine andere Überschriftenstruktur verwenden als auf einem einzelnen Beitrag oder einer normalen Seite.

Und wenn das Theme mehrere H1 ausgibt?

Dann muss nicht sofort alles weg.

Erst einmal prüfen, was tatsächlich passiert. Wenn der Websitetitel auf der Startseite die H1 ist und auf einem einzelnen Beitrag stattdessen der Beitragstitel als H1 verwendet wird, ist das etwas völlig anderes als mehrere konkurrierende Hauptüberschriften auf derselben Seite.

Wenn euch die Struktur nicht gefällt, lässt sie sich je nach Theme über Templates, ein Child Theme oder bei modernen Block-Themes über die entsprechenden Theme-Templates verändern.

Wer daran nicht herumschrauben möchte, darf allerdings auch zu dem Schluss kommen, dass ein anderes Theme die nervenschonendere Lösung ist.

Man muss nicht jedes Problem reparieren, nur weil man theoretisch könnte.

Manchmal ist ein Theme-Wechsel einfach die elegantere Form von: Nein. Den Mist tue ich mir nicht an.

Der eigentliche Punkt

Schaut bei einem WordPress-Theme nicht nur auf Farben, Schriftarten und die Frage, ob das Menü hübsch aufklappt.

Schaut euch auch an, welches HTML das Ding produziert.

Eine klare Hauptüberschrift, eine nachvollziehbare Hierarchie darunter und keine Überschriften, die nur deshalb H1 oder H2 sind, weil irgendjemand damit eine bestimmte Schriftgröße erzeugen wollte.

Optik lässt sich ändern.

Eine schlechte Struktur lässt sich auch ändern.

Aber dafür müsste man sich wieder damit beschäftigen.

Und wir hatten ja schon geklärt, wie begeistert Bruch und ich von neuen Beschäftigungsmöglichkeiten sind.

Ähnliche Beiträge