Mit einem H1-logo in HTML5

Den "h1-tag mit einem Bild-Debatte" scheint so alt wie die Zeit selbst, aber mit HTML5 ausdrücklich zu, dass mehrere H1-tags als Teil der spec die vorherigen Fragen zu diesem Thema scheinen veraltet.

Wie ich es verstehe, sind die folgenden arbeiten perfekt mit der HTML-OA:

<body>
  <header>
    <h1>
      <a href="http://www.example.com"> 
        <img src="logo.png" alt="Ernie's Restaurant - Great Italian food">
      </a>
    </h1>
  </header>

  <nav><!-- the site-wide navigation --></nav> 

  <article>
    <h1>About us</h1>
    <p>…</p>
  </article>

</body>

Aber ich arbeite mit einer SEO Firma auf einer Webseite, und Sie haben mir gesagt:

"Den logo-link KANN NICHT sein H1. Es macht keinen Sinn."

Sind Sie im Recht? Gibt es etwas schlechtes über die oben genannten document outline? Wenn Sie können nicht das logo in ein H1-tag, warum der W3C-tun Sie es selbst auf Ihrer website?

Diese Menschen sind vermeintlich SEO-Experten, aber ich verstehe einfach nicht, dass Ihre Beschwerde. Was bin ich?

InformationsquelleAutor Chuck Le Butt | 2014-08-20
  1. 1

    Meisten der Zeit, würden Sie wollen, wickeln Sie das Bild in einem Anker, der hat auch einen Titel... Siehe Diese Antwort und Diese Antwort.

    Vielleicht waren Sie nur nervös über das fehlen eines richtigen Anker? Der img-tag ist völlig legitim.

    • Doh. Gut erkannt. Es IST ein <a> tag auf der eigentlichen website. Ich habe einfach vergessen, es einzufügen. Gibt es nicht eine title= Attribut, so vielleicht das ist es.
    InformationsquelleAutor Jeff Watkins
  2. 1

    Ja, können Sie eine img - element als Inhalt eines h1 element.

    Ja, es macht Sinn, um die img-logo als h1 (im Falle es gehört zu den body sectioning root, wie es in deinem Beispiel).

    Wenn Ihre Website nicht zeigen, eine separate textuelle Namen, Sie sollten auf jeden Fall tun. Ansonsten, die Gliederung des Dokuments könnte falsch sein (wenn Sie nicht über die Verwendung strukturierender Elemente, wo immer es benötigt) oder zumindest die Umrisse hätte ein unbeschrifteter top-level-Eintrag, das ist nicht sehr user-freundlich/zugänglich.

    Wenn Sie eine Website-logo und eine textuelle name der Website, es ist discussible: entweder gehören die img zusammen mit dem text in der gleichen h1 oder nur eines dieser Elemente in h1 (entweder man ist möglich) und die andere als "alternative Titel", z.B. gemeinsam in einem header element.

    Beispiele finden Sie einige meiner verwandten, die Antworten auf die SO (Eins, Zwei, Drei) und Code-Review (Eins, Zwei, Drei).

    (Ihre "SEO-Experte" ist nicht der einzige, der ein problem mit diesem, wie Sie sehen können, in einige der Kommentare zu meinem verlinkten Antworten. Ich habe noch ein argument gegen es ....)

    InformationsquelleAutor unor
Schreibe einen Kommentar