SOYOYU
페이지 영역

<footer>

페이지나 article의 끝맺음 영역. 저작권·정책 링크·연락처 등. 위치에 따라 contentinfo 또는 일반 그룹.

SEO·GEO·AEO·A11y 4축에서의 의미

SEO

●●●○○중간

정책 페이지·사이트맵·소셜 링크 등 사이트 신뢰 신호. 깊은 페이지 인덱싱 경로.

GEO

●●●○○중간

AI가 사이트의 공식 정보(저작권, 연락처)를 footer에서 식별. 신뢰 신호.

AEO

●●○○○낮음

답변 인용에 직접 영향 적음.

A11y

●●●●○높음

contentinfo landmark. 페이지 종료 영역. 시각장애 사용자의 페이지 끝 인지.

올바른 사용

  • body 직속 = contentinfo landmark
  • article/section 안 = 그냥 그룹
  • 한 페이지에 body 직속 footer는 한 개
  • 정책 링크는 nav로 감싸기
페이지 전체 contentinfo
<body>
  <main>...</main>
  <footer>
    <nav aria-label="푸터 링크">
      <ul>
        <li><a href="/privacy">개인정보처리방침</a></li>
        <li><a href="/terms">이용약관</a></li>
      </ul>
    </nav>
    <p>© 2026 소요유. All rights reserved.</p>
    <address>[email protected]</address>
  </footer>
</body>

body 직속 footer → contentinfo. 정책 nav + 저작권 + 연락처.

article 자체 footer
<article>
  <h1>글 제목</h1>
  <p>본문...</p>
  <footer>
    <p>태그: SEO, GEO</p>
    <p>2026-05-26 작성</p>
  </footer>
</article>

article의 메타·태그·날짜 자리.

자주 보는 안티패턴

  • 여러 body 직속 footer
  • footer를 div로
  • 푸터의 모든 콘텐츠를 nav 없이 평면 나열
  • 저작권 표시 누락
footer를 div로
<body>
  <main>...</main>
  <div className="footer">...</div>
</body>

contentinfo landmark 손실. 스크린리더 점프 사라짐.

평면 나열
<footer>
  <a href="/privacy">개인정보</a>
  <a href="/terms">약관</a>
  <a href="/contact">문의</a>
  <p>© 2026 ...</p>
</footer>

링크 그룹이 nav로 감싸이지 않아 navigation landmark 손실.

해설

페이지나 article의 끝맺음 영역. header와 마찬가지로 위치 의존 시맨틱 — body 직속은 contentinfo landmark, article 안은 일반 그룹.

body 직속 footer = contentinfo. 페이지 최하단의 저작권, 정책 링크, 연락처, 소셜. 사이트 전체에 반복되는 영역. 스크린리더 사용자가 페이지의 끝에 도달했음을 인지하는 신호이자, 정책·문의 페이지로의 표준 진입 경로.

article·section 안의 footer = 일반 그룹. 블로그 글의 태그·작성일·다음 글 링크, 카드의 액션 버튼. contentinfo가 아닌 article의 메타 정리 영역.

SEO 관점에서 footer는 사이트의 신뢰 신호 영역. 회사 정보("© 2026 소요유"), 연락처, 정책 링크가 모두 footer에 있다. 구글의 E-E-A-T 평가에서 어디 회사가 운영하는 사이트인가를 footer에서 확인한다. 또한 사이트맵·정책 페이지로의 표준 링크 경로 — 검색엔진이 깊은 페이지를 footer 링크 따라 발견하는 경우가 많다.

GEO 관점에서 AI는 이 사이트가 공식적이고 신뢰할 만한가를 footer에서 평가한다. 저작권 표시, 회사 주소, 연락처가 있는 사이트는 임시·스팸 사이트와 다른 신호로 평가받는다. AI Overviews가 답변에 출처 사이트를 표시할 때, 이 신뢰 신호가 노출 결정에 영향.

A11y 관점에서 contentinfo는 스크린리더의 landmark 점프 종착지. 사용자가 페이지 끝으로 한 번에 점프해서 정책·문의 페이지로 이동할 때 표준 경로. landmark가 없으면 — 페이지 끝까지 일일이 듣거나 Tab으로 모든 푸터 링크를 통과해야 한다.

자주 보는 안티패턴: footer를 div로 대체(contentinfo 손실), 정책 링크를 nav 없이 평면 a 태그로 나열(navigation landmark 손실 — 푸터 링크 그룹은 반드시 <nav aria-label="푸터 링크">로 감싸기), body 직속 footer 여러 개(contentinfo 중복 모순), 저작권 표시 누락(SEO·법적·신뢰 모두 손해).

푸터에 자주 들어가는 요소들의 시맨틱 — 정책 링크 그룹: <nav aria-label="...">, 연락처: <address>, 저작권: <p> 또는 <small>, 소셜 링크: 별도 <nav aria-label="소셜">. 이 분리가 시각적으로는 같아 보여도 accessibility tree와 AI 파싱에 명확한 구조를 만든다.

Next.js layout.tsx에 footer를 한 번 두면 모든 페이지에 적용 — header와 같은 패턴. page.tsx에는 body 직속 footer를 두지 않음.