2016-06-24 8 views
5

Nehmen wir an aside Element enthält "Oh, übrigens ..." Inhalt wie Lesen von Vorschlägen, Anzeigen oder Cross-Selling.Sollte ich ein Element außerhalb oder innerhalb eines Hauptelements haben?

  1. Ist es semantisch in Ordnung aside außerhalb von main zu haben?
  2. Wenn ja, hat es irgendeinen Vorteil gegenüber der Zugänglichkeit, wenn ich aside außerhalb von main halte, wie zum Beispiel den Befehl "zum Hauptinhalt springen"?
  3. Last but not least, würde ich gerne wissen, ob es irgendwelche SEO Auswirkungen gibt, wenn ich aside Tag außerhalb oder innerhalb von main.
+0

Bitte beachten Sie, dass fordern " SEO-Auswirkungen "ist bei Stack Overflow nicht möglich. Solche Fragen können auf [webmasters.se] gestellt werden. – unor

+0

Danke @unor! Ich werde dies für zukünftige Fragen in Erinnerung behalten. –

Antwort

5

Wenn Ihr <aside> direkt mit dem Inhalt in Ihnen verwandt wird <main> dann würde ich überlasse es im <main>. Nun, sagte, dass ist ...

  1. Ja, es semantisch ok ist zu haben <aside> außerhalb eines <main> (in wie es ist gültig, aber Ihre Inhalte möglicherweise rechtfertigen sonst).
  2. Ich verstehe nicht, wie Sie denken, dass der Link überspringen hier ins Spiel kommt, aber sonst <aside> außerhalb einer <main> hat keinen Schaden noch Nutzen für die Zugänglichkeit. Solange Sie eine gute Struktur und einen gültigen Aufschlag verfolgen, sollten Sie in Ordnung sein.
  3. Ich kenne keine. Ich habe <aside> s außerhalb <main> auf meiner Website, und hatte <aside> s innerhalb <main> auch, und ich habe keinen Unterschied in meinem Ranking gesehen. Angesichts der Tatsache, dass Suchmaschinen im Allgemeinen über bestimmte Bits wie diese undurchsichtig sind, würde ich einige A/B-Tests erwägen, wenn Sie betroffen sind.

Verwandte Materialien von HTML5 Arzt, die von einem der HTML5-Spezifikation Redaktion erstellt wird:

2

In HTML5 es ist nur definiert, dass aside ist "verwandt mit dem Inhalt rund um die aside Element ".

In HTML 5.1 (CR) die Definition became more specific, wie es jetzt sagt, dass aside "um den Inhalt der Kindererziehung Inhalt sectioning" ist.

Nach der neueren Definition sollte das Element aside innerhalb des Abschnitts Element sein, auf das es bezogen ist. Das main Element ist nicht ein Schnittelement (Elemente wie article, section, body, figure etc. sind). Sie können natürlich immer noch aside in main platzieren, aber es wird mit dem nächstliegenden Trennelementelternteil von main in Verbindung gebracht.

Das bedeutet, dass es keinen semantischer Unterschied ist (für aside) in diesen beiden Beispielen:

<body> 
    <main></main> 
    <aside><!-- related to the body --></aside> 
</body> 
<body> 
    <main><aside><!-- related to the body --></aside></main> 
</body> 

Beispiel, dass ein paar verschiedenen Fälle zeigt:

<body> 

    <main> 

    <article> 

     <aside><!-- related to the article --></aside> 

     <section> 

     <aside><!-- related to the section --></aside> 

     <blockquote> 
      <aside><!-- related to the blockquote (not to the section!) --></aside> 
     </blockquote> 

     <div> 
      <aside><!-- related to the section (not to the div!) --></aside> 
     </div> 

     </section> 

    </article> 

    <aside><!-- related to the body (not to the main!) --></aside> 

    </main> 

    <aside> 
    <!-- related to the body --> 
    <aside><!-- related to the (parent) aside --></aside> 
    </aside> 

    <nav> 
    <aside><!-- related to the nav --></aside> 
    </nav> 

    <footer> 
    <aside><!-- related to the body (not to the footer!) --></aside> 
    </footer> 

</body>