2016-06-24 57 views
5

Powiedzmy, że element "Oh, by the way ..." zawiera sugestie dotyczące czytania, reklamy lub sprzedaży krzyżowej.Czy powinienem odłożyć element na bok lub wewnątrz głównego elementu?

  1. Czy semantycznie dobrze mieć aside poza main?
  2. Jeśli tak, czy ma jakąkolwiek przewagę nad dostępnością, jeśli zachowam aside poza main, na przykład polecenie "przejdź do głównej zawartości"?
  3. Ostatni, ale nie najmniej, chciałbym wiedzieć, czy nie ma żadnego wpływu SEO, jeśli dołączę tag aside na zewnątrz lub wewnątrz main.
+0

Należy pamiętać, że z prośbą o " Wpływ SEO "jest nietypowy w Stack Overflow. Takie pytania można zadać na [webmasters.se]. – unor

+0

Dzięki @unor! Utrzymam to w głowie na przyszłe pytania. –

Odpowiedz

5

Jeśli Twój <aside> jest bezpośrednio związane z treścią w was <main> to chciałbym zostawić to w <main>. Teraz to się mówi ...

  1. Tak, to jest semantycznie ok mieć <aside> poza <main> (jak jest to ważne, ale treść będzie uzasadnić inaczej).
  2. Nie rozumiem, jak myślisz, że link do pominięcia wchodzi w grę tutaj, ale poza tym <aside> poza <main> nie ma szkody ani korzyści dla dostępności. Dopóki będziesz postępować zgodnie z dobrą strukturą i prawidłową marżą, powinieneś być w porządku.
  3. Jestem tego świadomy. Mam na zewnątrz <aside> s <main> i miałem <aside> s wewnątrz <main> również i nie widziałem żadnej różnicy w moim rankingu. Biorąc pod uwagę, że wyszukiwarki są zasadniczo nieprzejrzyste w odniesieniu do konkretnych bitów, takich jak ten, rozważałbym niektóre testy A/B, jeśli się tym przejmujesz.

materiałów związanych z HTML5 Doctor, który został napisany przez jednego z HTML5 wyspecjalizoway Redakcja:

2

In HTML5 jest zdefiniowana tylko że aside jest "związane z treścią wokół aside element ".

In HTML 5.1 (CR) definicja became more specific, jak to teraz mówi, że aside jest „związane z treścią rodzicielstwa kabin sekcyjnych zawartości”.

Po nowszej definicji element aside powinien znajdować się wewnątrz elementu sekcji, z którym jest powiązany. Element main jest nie na odcinki element (elementy podobne article, section, body, figure itp ARE). Oczywiście możesz nadal umieszczać aside w main, ale będzie on powiązany z najbliższym rodzajem elementu podziału o numerze main.

Oznacza to, że nie ma semantyczna różnica (dla aside) w tych dwóch przykładach:

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

przykład, który pokazuje kilka różnych przypadków:

<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>