Seo-Problematik mehrerer H1-Überschriften. Was ist beim WordPress zu beachten? Hier eine kurze Anleitung bezüglich der Überschriftenstruktur.
Für den SEO ist die Struktur der Webseite ein entscheidender Punkt. Die Suchmaschine muss in der Lage sein, die Seite richtig zu Crawlen und auszuwerten. Erst dann kann die Seite in den Suchergebnissen, richtig klassifiziert und für die Relevanz gewichtet werden.
Um dies zu erwirken, muss die Struktur der Webseite bestimmten Kriterien entsprechen. Eins davon ist die Struktur der Überschriften. Die goldene Regel besagt, dass eine H1-Überschrift nur ein mal vorkommen darf. Die Hauptüberschrift eines konkreten Artikels muss die Aussage des Artiekels auf den Punkt treffen.
Problemstellung
Am Beispiel des Themes Yoko ist es leider so, dass das Theme den Haupttitel der Webseite und Beschreibung als H1 und H2 Überschriften ausgibt. Dies führt auf der Detailseite eines Blogeintrags oder auf einer angelegten Seiten zu Verwirrungen der Suchmaschienen. Auf diesen Seiten werden die Überschrift der Seite oder des Blogseintrages ebenso als H1-Überschrift ausgegeben. Mehrere H1 Überschriften auf einer Seite bringen die Suchmaschinen durcheinander.
Kopfbereich ------------------------- H1: Haupttitel der Seite H2: Beschreibung der Webseite Content-Breich ---------------------- H1: Titel des Blogeintrages oder der manuell angelegten Seite Absatz: Vollständiger Text des Blogeintrages oder der manuell angelegten Seite.
Dies führt dazu, dass solche Seiten niedriger eingestuft werden. Für die Suchmaschine ist das Thema der Seite eben der Haupttitel der Seite und nicht der Titel des Blogeintrages mit dem Thema, das dem Leser vermittelt werden soll.
Problemlösung
Eine Abhilfe kann mit Einbau eines Switches im Headerbereich geschafen werden. Dieser erlaubt den Haupttitel der Seite nur dann als H1 auszugeben, wenn man in der Blogübersicht-Ansicht ist. In Dieser Ansicht ist es sogar richtig, weil die Überschriften der Einzelner Blogeinträge als H2 Überschriften geführt werden. Somit hat man eine saubere Struktur:
Kopfbereich ------------------------- H1 Haupttitel der Seite H2 Beschreibung der Webseite Content-Breich ---------------------- Blogartikel 1 ----------------------- H2 Titel des Blogeintrages Absatz: Kurztext des Blogeintrages Blogartikel 2 ----------------------- H2 Titel des Blogeintrages Absatz: Kurztext des Blogeintrages Blogartikel 3 ----------------------- H2 Titel des Blogeintrages Absatz: Kurztext des Blogeintrages Blogartikel 4 ----------------------- H2 Titel des Blogeintrages Absatz: Kurztext des Blogeintrages
Befindet man sich auf einer Detailseite eines Blogeintrages oder auf einer manuell angelegten Seite so wird die Struktur wie folgt ausgegeben.
Kopfbereich ------------------------- Absatz: Haupttitel der Seite Absatz: Beschreibung der Webseite Content-Breich ---------------------- H1: Titel des Blogeintrages oder der manuell angelegten Seite Absatz: Vollständiger Text des Blogeintrages oder der manuell angelegten Seite.
Was ist zu tun?
Folge Schritte zur Behebung dieses Problems sind notwendig:
- Anpassen des Scriptes für den Headerbereich.
- Anpassen der Stylsheets.
Anpassen des Scriptes für den Headerbereich.
Für den Headerbereich ist der PHP-Skript header.php zuständig. Hier werden einige Zeilen Quellcode durch die unten vorgegebenen ersetzt. Zufinden ist der Script unter
Design -> Theme-Datei-Editor -> Theme-Header
Die Zeilen aus der header.php:
<h1>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
<?php bloginfo( 'name' ); ?>
</a>
</h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
müssen durch diese Zeilen ersetzt werden:
<?php if ( is_singular() || is_archive() ) : ?>
<p class="h1">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
<?php bloginfo( 'name' ); ?>
</a>
</p>
<p class="h2" id="site-description">
<?php bloginfo( 'description' ); ?>
</p>
<?php else : ?>
<h1>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
<?php bloginfo( 'name' ); ?>
</a>
</h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
Anpassen der Stylsheets.
Bezüglich der Styles muss die style.css angepasst werden. Es sind insgesamt 5 Stellen an denen die Zeilen wie folgt unten ersetzt werden müssen. Zufinden ist die Styledatei unter
Design -> Theme-Datei-Editor -> Stylesheet
Die einzelnen Zeilen aus der style.css:
#site-title h1 {
#site-title h1 a:hover {
#site-title h2 {
werden durch diese Zeilen ersetzt:
#site-title h1, #site-title p.h1 {
#site-title h1 a:hover, #site-title p.h1 a:hover {
#site-title h2, #site-title p.h2 {
Mit diesem kleinen Artikel hoffe ich Dir bei der Gestaltung deiner Blogbeiträge geholfen zu haben. Gerne helfe ich bei weiteren Problemen aus. Benutze dafür das Feedbackformular dieser Seite weiter unten.
In der Kategorie Theorie und Praxis findest du weitere interessante Artikel zum Thema WordPress und anderen interessanten Themen.