본문 바로가기
블로그 정보

HTML 태그 중 SEO에 중요한 것과 불필요한 것

by 뻘게 2025. 7. 1.

목차

    블로그 콘텐츠를 제작할 때 텍스트만큼 중요한 것이 HTML 태그의 구성입니다. 특히 Google은 HTML 구조를 통해 콘텐츠의 의미와 우선순위를 파악하므로, 어떤 태그가 SEO에 실질적인 영향을 미치는지 아는 것이 검색 최적화의 핵심입니다.

    1. SEO에 중요한 HTML 태그

    ① <title>

    검색 결과 제목으로 표시되며, CTR(클릭률)에 직접적인 영향을 미치는 가장 중요한 태그입니다. 페이지마다 고유한 제목을 설정하고, 주요 키워드를 포함해야 합니다.

    ② <meta name="description">

    검색 결과에 노출되는 요약문으로, 사용자의 클릭 결정에 큰 영향을 줍니다. 120~160자 내외로 작성하며, 핵심 키워드와 클릭 유도 문구를 포함하는 것이 좋습니다.

    ③ <h1>, <h2>, <h3>…

    제목 및 소제목 구조를 의미화하는 계층적 태그로, 구글이 콘텐츠의 전체 구조를 이해하는 데 매우 중요합니다.

    • 페이지당 <h1>은 1개만 사용
    • 소제목은 <h2>, 세부 항목은 <h3>로 구성

    ④ <a href> (링크 태그)

    내부 링크 구조는 SEO에서 콘텐츠 연결성(사이트 구조 인식)을 높이며, 외부 링크는 출처 신뢰도 향상에 기여합니다. 관련성 높은 링크는 구글의 품질 평가에도 긍정적인 영향을 줍니다.

    ⑤ <strong> / <em>

    콘텐츠 내에서 강조할 문장이나 단어에 사용되며, 검색 엔진이 해당 단어를 중요한 키워드로 인식하게 만듭니다.

    ⑥ <img> + alt 속성

    이미지 자체는 크롤링되지 않지만, alt 속성에 설명을 입력하면 검색엔진이 이미지의 내용을 이해할 수 있습니다. 이는 이미지 검색 노출에도 도움이 됩니다.

    2. SEO에 불필요하거나 주의가 필요한 태그

    ① <b>, <i>

    <strong>과 <em>의 의미 기반 태그와 달리, <b>(굵게), <i>(기울임)는 단순 스타일 변경용입니다. 의미 없는 스타일 태그는 SEO에 영향을 주지 않으며, 사용을 지양하는 것이 좋습니다.

    ② <font>

    HTML4에서 사용되던 스타일 지정 태그로, 현재는 CSS로 대체되었으며 SEO에서는 전혀 효과가 없습니다. 오히려 코드 품질 저하로 인식될 수 있으므로 사용하지 않는 것이 좋습니다.

    ③ <marquee>, <blink>

    텍스트를 움직이거나 깜빡이게 만드는 비표준 태그로, 모바일 호환성 저하접근성 위반으로 간주됩니다. 사용 시 애드센스 승인이 거부될 가능성도 있습니다.

    ④ 과도한 <div> 중첩

    구조를 구분하기 위한 용도의 div 태그는 필요하지만, 의미 없는 중첩 사용은 구글봇의 콘텐츠 이해를 방해할 수 있습니다. 의미 기반 태그(<section>, <article>, <header> 등) 사용을 권장합니다.

    3. SEO를 위한 HTML 태그 최적화 체크리스트

    태그 SEO에 미치는 영향 활용 권장 여부
    <title> 검색 결과 제목 표시, CTR 영향 ✅ 필수
    <meta description> 검색 결과 요약문 표시 ✅ 필수
    <h1>~<h3> 콘텐츠 구조 인식에 필수 ✅ 적극 활용
    <img alt=""> 이미지 SEO + 접근성 향상 ✅ 필수
    <font>, <blink> SEO 무효 + 코드 품질 저하 ❌ 사용 금지

    결론

    SEO는 단순히 키워드를 반복하는 것이 아니라, 검색 엔진이 콘텐츠를 '이해할 수 있도록 돕는 구조화 과정입니다. HTML 태그의 의미와 역할을 올바르게 알고 사용하면, 검색 노출 효과는 물론 애드센스 승인 가능성도 자연스럽게 올라갑니다. 지금부터는 ‘보이는 디자인’뿐 아니라, ‘보이지 않는 구조’까지 최적화해보세요.