2016-06-24 6 views
5

이의이 aside 요소가 포함되어 있다고 가정 해 봅시다 "아, 그런데 ..."등의 독서 제안, 광고, 또는 교차 등의 내용이 판매하고있다.기본 요소의 요소 ouside 또는 내부를 제외해야합니까?

  1. 의미 상으로 asidemain 외부에 있습니까? 나는 그런 명령을 "메인 컨텐츠로 가기"로, mainaside 외부를 유지하는 경우
  2. 예라면, 그것은 접근을 통해 어떤 이점이 있습니까?
  3. 마지막 아니지만 적어도, 나는 외부 또는 main의 내부 aside 태그를 포함 할 경우 어떤 검색 엔진 최적화에 미치는 영향이 있는지 알고 싶습니다. 당신의 <aside> 직접 당신의 내용과 관련되어있는 경우
+0

"를 묻는 있습니다 SEO 영향 "은 스택 오버플로에서 벗어난 주제입니다. 이러한 질문은 [webmasters.se]에서 확인할 수 있습니다. – unor

+0

감사합니다. 감사합니다! 나는 미래의 질문을 위해 이것을 내 마음 속에 간직 할 것이다. –

답변

5

<main>는 내가 그것을 <main>에 떠날 것이다. 자,이

  1. 예, (같이가 유효하지만 콘텐츠 그렇지 않으면 보증 수)를 <main> 외부 <aside>을 가지고 의미 괜찮습니다 ... 말했다되고. 난 당신이 건너 뛰기 링크를 생각하는 방법을 이해하지 않습니다
  2. 여기에서 활동하기 시작하지만, 그 <aside><main> 이외의 것은 접근성에 대한 손해도 이득이 없습니다. 좋은 구조와 유효한 마크 업을 따르면, 괜찮을 것입니다.
  3. 나는 알고 있지 않습니다. 내 사이트에 <main> 외부 <aside>들, 그리고뿐만 아니라 <main> 내부 <aside>의가 있고, 나는 내 순위에 차이를 볼 수 없었다. 이와 같이 특정 비트에 대해 검색 엔진이 일반적으로 불투명하다는 점을 감안할 때 걱정이된다면 A/B 테스트를 고려할 것입니다. HTML5의 사양 편집자 중 하나에 의해 기록 된 HTML5 의사로부터

관련 자료 :

2

In HTML5 그것은 단지 aside 것으로 정의되어 는 "관련 콘텐츠와 관련이 있습니다. aside 요소 "입니다.

In HTML 5.1 (CR) 정의 became more specific, 지금 aside는 "양육 내용을 절편의 내용과 관련"라고 말하는 것처럼. 새로운 정의는 다음

상기 aside 요소가 관련되어있는 요소 부 안에 있어야한다. main 요소는 이 아니며, , section, body, figure 등과 같은 요소가 있습니다. 요소입니다. 물론 asidemain에 넣을 수는 있지만 가장 가까운 섹션 요소 인 부모 main과 관련됩니다.

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

예 몇 가지 사례를 보여줍니다 :이 두 가지 예에서 (aside에 대한) 어떤 의미 차이가 없음을 의미

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