한눈에 보는 정의
웹페이지 HTML의 head 안에 넣어 문자 인코딩, 화면 크기, 설명, 검색엔진 지시 같은 페이지 정보를 브라우저와 검색엔진에 알려 주는 태그.
이런 말로 들어요
- 메타 태그에 noindex가 남아 있어서 검색에 안 나왔어요.
- 페이지마다 메타 태그 설명을 다르게 넣어 주세요.
그림으로 보기
메타 태그는 화면에 보이지 않지만 브라우저와 검색엔진에 페이지 정보를 알려 줍니다. noindex는 공개 전에 남아 있지 않은지 확인합니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
메타 태그는 방문자 화면에는 보이지 않지만 페이지에 붙은 이름표와 같습니다. charset은 글자가 깨지지 않게, viewport는 휴대폰에서 화면 크기에 맞게 보이도록 합니다. description은 검색 결과에 나올 수 있는 설명을, robots는 검색엔진에 이 페이지를 색인할지 알려 줍니다. 메타 디스크립션은 이 가운데 한 종류입니다.
실무 예시
예를 들어 개발 중에 넣어 둔 robots noindex 메타 태그를 공개 전에 빼지 않으면, 사이트가 검색 결과에 나타나지 않을 수 있습니다.
함께 살펴볼 점
구글은 지원하는 메타 태그만 읽고 나머지는 무시합니다. keywords 메타 태그는 구글 검색 순위에 쓰이지 않으니 공들이지 않아도 됩니다. noindex는 실수로 남기기 쉬워 공개 전에 꼭 확인합니다.
AI에게 이렇게 요청해 보세요
우리 사이트 각 페이지의 head에 들어간 메타 태그(charset, viewport, description, robots, og)를 점검하는 체크리스트를 만들어 줘. noindex가 남은 페이지를 찾는 방법도 알려 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- <meta>: The metadata element - MDN 새 창
meta 요소가 문서의 메타데이터를 나타내며 charset, name(description, viewport 등), http-equiv 속성으로 쓰인다는 설명을 확인했습니다.
자료 확인 - Meta tags and attributes that Google supports - Google Search Central 새 창
구글이 지원하는 메타 태그(description, robots, viewport 등) 목록과, keywords 메타 태그는 쓰지 않는다는 안내를 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정