메타 태그Meta Tag
메타 태그는 페이지 코드의 머리 부분(head)에 넣어, 방문자 화면에는 보이지 않는 페이지 정보를 검색엔진과 브라우저에 알려 주는 코드예요.
쉽게 말하면
웹페이지 코드는 방문자 화면에 보이는 몸통 부분(body)과, 화면에 보이지 않는 머리 부분(head)으로 나뉘어요. 메타 태그는 이 머리 부분에 붙여 두는 쪽지 같은 코드예요. 사이트 운영자는 메타 태그로 "이 페이지를 요약하면 이래요", "이 페이지는 검색 결과에 넣지 마세요" 같은 정보를 검색엔진과 브라우저에 전해요. 어떤 메타 태그를 읽을 줄 모르는 프로그램은 그 태그를 그냥 지나쳐요.
어떤 것이 있나요
구글이 지원한다고 밝힌 메타 태그 가운데 몇 가지는 이래요.
- description: 페이지 요약 글(메타 설명)
- robots: 검색 결과에 넣지 말라(noindex)처럼 검색엔진이 페이지를 어떻게 다룰지 정하는 표시
- google-site-verification: 서치 콘솔에서 사이트 주인임을 확인할 때 쓰는 코드
- viewport: 휴대폰 같은 작은 화면에서 페이지 크기를 어떻게 맞출지 정하는 표시
키워드를 나열해 두는 keywords 메타 태그는 구글 검색이 쓰지 않으며, 색인과 순위에 전혀 영향을 주지 않는다고 구글은 밝혀요(구글 검색 센터). 다른 검색엔진이 keywords 태그를 어떻게 다루는지는 검색엔진마다 따로 확인해야 해요.
메타 타이틀을 적는 title 태그는 엄밀히 말하면 meta라는 이름의 태그가 아니에요. 다만 같은 머리 부분에 들어가 페이지를 설명하는 정보라서, 사이트 빌더나 SEO 도구에서는 메타 태그 설정에 함께 묶어 다루기도 해요.
큐샵에서는
큐샵에서는 페이지마다 SEO 제목 · 설명 · 키워드를 설정할 수 있어요. 관리자 화면의 페이지별 SEO / GEO 설정과 클래식 · 스튜디오 에디터 안에서 설정할 수 있어서, 사이트 운영자가 페이지 코드를 직접 고치지 않아도 돼요. 네이버 · 구글 · 다음 · Bing의 소유권 확인 코드도 관리자 화면에서 등록할 수 있어요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 메타 태그와 다른 점 |
|---|---|---|
| HTML 태그 | 제목 · 문단 · 이미지 · 링크처럼 웹페이지를 이루는 코드 조각 전체 | 메타 태그는 HTML 태그 가운데 한 종류예요. 제목 · 문단 · 이미지 태그는 화면에 보이는 내용을 만들고, 메타 태그는 화면에 보이지 않는 페이지 정보를 담아요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.



