메타 태그
meta tag
뜻과 개념
HTML 문서에 제목 외의 설명·설정 정보를 전달하는 태그 묶음입니다.
어떻게 작동하나요?
메타 태그는 HTML 문서에 대한 정보를 기계가 읽을 수 있게 제공하는 요소입니다. 문자 인코딩, 페이지 설명, 검색 로봇 지시처럼 서로 다른 목적을 가진 값이 있습니다. 화면의 큰 제목이나 본문과는 역할이 다르며 title, canonical 링크 등 모든 head 요소가 기술적으로 meta인 것은 아닙니다.
왜 알아야 하나요?
브라우저와 검색엔진, 공유 서비스가 페이지를 해석하는 데 필요한 설정이 담깁니다. 값이 잘못되면 문자가 깨지거나 검색 공개 의도와 다른 상태가 될 수 있습니다. 태그를 많이 넣는 것보다 필요한 정보를 정확하게 제공하는 것이 중요합니다.
실무에서 적용하는 방법
사용하는 태그를 목적별로 정리합니다. description은 페이지 요약, robots는 색인 관련 지시, charset은 문자 인코딩처럼 담당 기능을 구분합니다. Open Graph는 공유 미리보기의 제목·이미지 등 별도 용도로 관리할 수 있습니다.
관리자 기본값과 페이지별 설정이 충돌하지 않도록 하나의 출력 경로를 만들고 실제 HTML을 확인합니다. JavaScript 실행 뒤에만 값이 생기는 경우에는 수집과 미리보기 환경에서 읽히는지 테스트해야 합니다. 불필요하거나 인식되지 않는 태그를 복사해 늘리지 않습니다.
실무에서는 이렇게 봅니다
블로그 상세 페이지를 공유했는데 모든 글에서 같은 이미지와 설명이 나온다면 기본 메타데이터가 그대로 출력되는지 확인할 수 있습니다. 글별 제목과 요약, 대표 이미지가 실제로 연결되는지 점검하면 됩니다. 검색 결과 설명과 메신저 미리보기는 같은 규칙으로 표시되지 않을 수도 있습니다.
주의할 점
메타 키워드에 검색어를 많이 넣으면 Google 순위가 오른다는 식의 오래된 방법을 따르지 마세요. 검색엔진이 인식하지 않는 태그는 기대한 효과가 없을 수 있습니다. 중요한 공개 여부 설정은 HTML뿐 아니라 서버 헤더도 함께 확인해야 합니다.
자주 묻는 질문
메타 태그와 H1은 같은가요?
아닙니다. H1은 본문 구조의 제목이고 메타 태그는 문서에 관한 정보를 전달합니다. 서로 관련된 내용을 담을 수 있지만 역할이 다릅니다.
태그가 많을수록 SEO에 좋은가요?
개수 자체가 목표가 아닙니다. 실제 사용하는 서비스가 이해하는 값을 정확하게 제공하고 중복이나 충돌을 줄이는 것이 중요합니다.