Duplicate H1 Titel über die ganze Seite verteilt

ifinno

Guten Abend,

ich wende mich an das Forum hier, weil ich nicht weiß,wen ich sonst noch Fragen kann

Wie der Titel schon sagt: Ich habe Duplicate H1 Titel über die ganze Seite verteilt.

Wie kam es dazu?
Als die Seite durch eine professionelle Internetagentur erstellt wurde, habe ich hingewiesen, dass es keinen H1 Titel auf der Startseite gibt. Daraufhin haben Sie in der header.php folgendes gemacht:

Code: Alles auswählen

  <!-- HEADER -->
  <div id="header">
    <div id="header-top">
      <a href="/" title="Startseite" class="logo"><img src="<?php bloginfo&#40;'template_directory'&#41;; ?>/img/logo.png" alt="sonstiger Text" /><h1>H1 Header Text</h1></a>

Ich habe das Tool SEO Screaming Frog benutzt - dies zeigt an, das dieser H1 Titel: "H1 Header Text" nun auf allen meiner 200 Unterseiten vorkommt.

Wie kann ich das Problem beheben?

Ich kann meine Seite gerne auf Anfrage / PN hier posten - wollte nur nicht den Eindruck erwecken, einen Link hier zu lassen

nerd

Wo ist denn genau das problem, wenn jede seite einen H1 titel hat?

elmex

Du könntest das h1-Tag ja einfach aus dem Template entfernen?

Melegrian

ifinno hat geschrieben:

Code: Alles auswählen

  <!-- HEADER -->
  <div id="header">
    <div id="header-top">
      <a href="/" title="Startseite" class="logo"><img src="<?php bloginfo&#40;'template_directory'&#41;; ?>/img/logo.png" alt="sonstiger Text" /><?php
        if &#40;is_front_page&#40;&#41;&#41; &#123;
            echo "<h1>H1 Header Text</h1>";
        &#125;
        else &#123;
            echo "<p class='nur_wie_h1'>H1 Header Text</p>";
        &#125;
        ?></a>

Die CSS Class musst Du Dir dann noch in der style.css anlegen. Habe ich bei meinen Seiten auch gemacht, weil ich es für Unfug hielt, wenn da auf jeder Seite der Blogtitel und der Beitragstitel in h1 ausgegeben wurde, wobei ich dann aber durchgehend <p class="site-title"> genommen habe, ohne h1. Doch so wie im Code sollte es halt auch gehen.

nerd

Melegrian hat geschrieben: Habe ich bei meinen Seiten auch gemacht, weil ich es für Unfug hielt, wenn da auf jeder Seite der Blogtitel und der Beitragstitel in h1 ausgegeben wurde, wobei ich dann aber durchgehend <p class="site-title"> genommen habe, ohne h1.

<p> steht aber fuer "paragraph", also textbloecke. Ein H2, H3 usw. waere fuer ueberschriften im header deutlich sinnvoller, egal wie man es mit css formatiert.

ifinno

Danke Euch für die Hinweise, die sind mir aber zu hoch. Ich verdeutliche mein Problem:
Mein von mir gekündigter SEO-Optimierer hat auf der Startseite, die aus Widgets, Sidebars und einem horizontalen Menü besteht, den nachfolgende Code im header.php hinterlegt, damit die Startseite mit einer H1 Überschrift versorgt ist. Leider hat dieser Code zur Folge, dass auf allen anderen Unterseiten nicht nur diese H1 Überschrift sondern eine zweite H1 Überschrift mit dem jeweiligen Seitennamen habe. Kann dieser anonymisierte Wrapper-Code so geändert werden, dass er nur auf der Startseite Wirkung hat?

Code: Alles auswählen

<body>

<div id="wrapper">
  <div id="page">

  <!-- HEADER -->
  <div id="header">
    <div id="header-top">
      <a href="/" title="Startseite" class="logo"><img src="<?php bloginfo&#40;'template_directory'&#41;; ?>/img/logo.png" alt="Bla Bla Bla" /><h1>Schlechte SEO Agentur</h1></a>     
      <div id="tele">
        <span><img src="http&#58;//bestof-showcase.de/wp-content/uploads/2014/12/telephone.png" /><span>0000 - 00 000 00</span></span>
      </div>
       <div id="menubutton" onclick="triggermenu&#40;&#41;"><div class="linie"></div><div class="linie"></div></div>
    </div>
   
    <?php wp_nav_menu&#40; array&#40; 'theme_location' => 'primary'&#41; &#41;; ?>

    <?php if &#40; is_active_sidebar&#40; 'submenu' &#41; &#41; &#58; ?>
    <?php dynamic_sidebar&#40; 'submenu' &#41;; ?>
    <?php endif; ?>
  </div>

Melegrian

nerd hat geschrieben:Ein H2, H3 usw. waere fuer ueberschriften im header deutlich sinnvoller, egal wie man es mit css formatiert.

Ich sehe den Blogtitel eher nicht als wichtig an, denn der ist ja immer der selbe auf allen Seiten. Wichtiger finde ich da den Beitragstitel und allgemein die Seitentitel. Durch h2 oder so ersetzen, ginge sicherlich auch, doch die benutze ich ohnehin häufig unterhalb von h1, wäre etwas viel geworden.

Alt:

Code: Alles auswählen

<title>Dies ist der Beitragstitel</title>

<header class="site-header">
    <h1 class="site-title">Das ist der Blogtitel</h1>
</header>

<header class="entry-header">
     <h1 class="entry-title">Dies ist der Beitragstitel</h1>
</header>

Habe ich bei mir geändert in:

Code: Alles auswählen

<title>Dies ist der Beitragstitel</title>

<header class="site-header">
    <p class="site-title">Das ist der Blogtitel</p>
</header>

<header class="entry-header">
    <h1 class="entry-title">Dies ist der Beitragstitel</h1>
</header>

@ ifinno, ob Du es nun so machst, musst Du allein entscheiden. Wenn Du es machen möchtest, dann kannst Du es so mit dem obigen Code machen, dass der nur auf der Startseite in h1 steht und in allen anderen Seiten halt mit p als Block. Was ich bei Dir jetzt nicht sehe, ob da mehrere Header vorhanden sind.

Hier auf der Seite sind auch Beispiele mit 2 x h1, so im Beispiel unter aside:

https://wiki.selfhtml.org/wiki/HTML/Tut ... ndstruktur

Code: Alles auswählen

<body> 
  <header>
    <img src="logo.gif" alt="logo">
    <h1>Titel</h1> 
  </header> 
   
   <h1>Überschrift</h1> 
   <p>Dies ist meine erste HTML5-Seite1</p> ... mehr Inhalt

Nur dem Validator hat es nicht gefallen, der war der Meinung, es sollte weiterhin nur eine H1 im Dokument enthalten sein. Womit dann der Beitragstitel eigentlich wichtiger ist, denke ich mir.

Beispiel 2 von der selfhtml Seite, wobei der Validator dann bei der Startseite von meinem Standard-Theme (ähnliche Struktur) 10 Fehler für 10 x h1 anzeigte.

Code: Alles auswählen

<body>
  <header>
    <img src="logo.gif" alt="logo">
    <h1>Titel</h1>
  </header>
  <main role="main">
  <article> 
    <h1>Überschrift</h1> 
    <p>Dies ist meine erste HTML5-Seite1</p>
     ... mehr Inhalt 
    </article>

andre1966

Ich fürchte eher das eine H1 in einen script enthalten ist und die zum Duplikat führt.

bitte mal URL per PN

Melegrian

Er hat doch bereits den Inhalt von der header.php gepostest, ist doch zu sehen, dass da eine H1 mit dem Blogtitel enthalten ist. Und die eigentliche H1 mit dem Beitragstitel ist dann in einer anderen Datei enthalten, wo die auch hingehört.
Dieses Durcheinander ist mit HTML5 gekommen, wo mehr als ein Header im Dokument enthalten sein darf.

Sein Logo gefolgt vom Blogtitel soll sicherlich auch weiterhin auf allen Seiten erscheinen, es soll jedoch nur auf der Startseite in H1 stehen und auf allen anderen Seiten nur wie H1 von der Größe aussehen, um ein einheitliches Design zu erhalten. Doch auf den Unterseiten soll dann nur der Beitragstitel innerhalb H1 stehen. Ein richtiger Fehler wird nicht im Theme vorliegen.

andre1966

@Melegrian

Bei mir war es ähnlich.
H1 war in einen script hinterlegt. Einmal für die Desktopversion und ein weiteres mal in der Mobilen Version. Bis ich darauf gekommen bin hat´s fast ne Woche gedauert.

Sah ungefähr so aus:
<h1 class="logo navbar-brand">
<a href="url/" title="blabla">
<img src="images/logo.jpg" alt="nochmal bla bla" />
</a>
</h1>

Im Script dann so:

var chaser = tjq('#main-menu ul.menu').clone().hide().appendTo(document.body).wrap("<div class='chaser hidden-mobile'><div class='container'></div></div>");
tjq('<h1 class="logo navbar-brand"><a title="blabla" href="URL"><img alt="" src="images/logo.jpg"></a></h1>').insertBefore('.chaser .menu');

ps. bei Travelo gängige Praxis