SEO 시멘틱 태그 우선순위

Park Bumsoo·2025년 3월 21일
0

HTML

목록 보기
1/1

우선순위

  • <title>:
    • 페이지의 제목을 정의하며, 검색 결과에서 링크로 표시됩니다. 매우 중요한 태그로, 각 페이지마다 고유하고 정확한 제목을 제공해야 합니다.
  • <meta name="description">:
    • 페이지의 내용을 요약한 설명을 제공하며, 검색 결과에서 페이지 설명으로 표시됩니다. 클릭율(CTR)에 큰 영향을 미칩니다.
  • <h1>:
    • 페이지의 주요 제목으로 사용되며, 페이지의 주요 주제를 나타냅니다. 각 페이지에 하나만 사용해야 합니다.
  • <h2> ~ <h6>:
    • 페이지의 하위 제목을 나타내며, 콘텐츠를 구조화하는 데 사용됩니다. <h2><h1>의 하위 제목, <h3><h2>의 하위 제목 식으로 사용합니다.
  • <header>:
    • 페이지나 섹션의 머리글을 정의하며, 보통 네비게이션 링크나 사이트 제목을 포함합니다.
  • <nav>:
    • 네비게이션 링크를 포함하는 섹션을 정의하며, 사이트 내의 다른 페이지로 이동할 수 있는 링크들을 포함합니다.
  • <article>:
    • 독립적인 콘텐츠를 정의하며, 기사나 블로그 포스트와 같은 콘텐츠를 포함합니다.
  • <section>:
    • 문서의 구획을 정의하며, 주제별로 콘텐츠를 그룹화합니다. <article>과 유사하나, 보다 큰 범위의 콘텐츠를 포함할 수 있습니다.
  • <aside>:
    • 주 콘텐츠와는 별개로 관련된 콘텐츠를 제공하며, 광고나 사이드바 콘텐츠를 포함합니다.
  • <footer>:
    • 페이지나 섹션의 바닥글을 정의하며, 저작권 정보나 연락처 정보를 포함합니다.
  • <strong>:
    • 중요성을 나타내며, 보통 굵은 텍스트로 표시됩니다. 검색 엔진은 이 태그를 강조된 텍스트로 인식합니다.
  • <em>:
    • 강조를 나타내며, 보통 기울임 텍스트로 표시됩니다. 검색 엔진은 이 태그를 강조된 텍스트로 인식합니다.
  • <alt> 속성이 포함된 <img> 태그:
    • 이미지의 대체 텍스트를 제공하며, 이미지가 로드되지 않을 때 표시됩니다. 이미지에 대한 설명을 제공하여 접근성과 SEO에 중요합니다.
  • <link rel="canonical">:
    • 페이지의 기본 URL을 정의하며, 중복 콘텐츠 문제를 해결하는 데 사용됩니다.
  • <blockquote>:
    • 인용문을 정의하며, 긴 인용문이나 인용된 텍스트를 포함합니다.
profile
프론트엔드 개발자 ( React, Next.js ) - 업데이트 중입니다.

0개의 댓글