🏷️ 시맨틱 태그(Semantic Tags) 뜻, 구글과 대화하는 언어

“

가 뭐고

이 뭐죠? 그냥 다

쓰면 안 돼요?”

화면상으로는 똑같이 보입니다. 하지만 구글 봇에게는 천지 차이입니다.
시맨틱(Semantic) 태그는 “이 부분이 제목이야”, “이건 본문이야”, “이건 메뉴야”라고 의미(Meaning)를 부여하는 이름표입니다.

이걸 안 쓰면 구글 봇은 여러분의 글을 “의미 없는 덩어리”로 취급합니다.

1. 30초 요약 (이름표 달기)

Non-semantic: <div>, <span> (아무 의미 없음. 그냥 상자)
Semantic:
- <header>: 머리말 (로고, 메뉴)
- <nav>: 내비게이션 (링크 모음)
- <main>: 본문 핵심 내용
- <article>: 독립적인 기사/글
- <footer>: 꼬리말 (카피라이트)

검색 엔진은 시맨틱 태그를 보고 “아, 여기가 진짜 중요한

이구나!” 하고 그 내용을 수집해갑니다.

시맨틱 태그는 원래 스크린 리더(화면 낭독기)를 사용하는 시각 장애인을 위해 만들어졌습니다.
“여기는 메뉴입니다”, “여기는 본문입니다”라고 알려주는 거죠.

구글은 ‘웹 접근성(Web Accessibility)’을 잘 지킨 사이트에 높은 점수를 줍니다.
즉, 장애인을 배려해서 코드를 짰더니, 덤으로 검색 상단 노출이라는 보너스를 받는 셈입니다. 착한 일 하면 복받습니다.

가장 쉬운 시맨틱 태그 실천법은 제목 태그(H1 ~ H6)를 잘 쓰는 것입니다.

글자 크기 조절하려고 H태그를 쓰지 마세요. 목차(구조)를 잡을 때만 쓰세요.
H2 밑에 H4가 오면 안 됩니다. 순서를 지키세요.

“내 글이 시맨틱한지 어떻게 알지?”
지저분한 태그를 정리하고 표준 태그로 바꿔보세요.

기계에게 친절하게 설명해주세요.
“이건 제목이고, 이건 본문이야.”라고 말해주는 것이 바로 SEO의 시작입니다.