메타 태그 생성기이란?
Meta Tag Generator는 웹 페이지에 필요한 완전한 HTML 메타 태그를 생성합니다. 페이지 제목, 설명, 키워드, 소셜 미디어 정보를 입력하면 검색 노출과 소셜 공유를 개선하는 올바른 형식의 메타 태그를 얻을 수 있습니다.
페이지 제목, 설명(약 155자가 구글에서 가장 잘 보입니다), 키워드, 저자, canonical URL, robots 지시문, viewport, charset을 채우고 Facebook/LinkedIn용 Open Graph와 X용 Twitter Card 필드까지 추가하세요. 결과는 `<head>`에 그대로 넣을 수 있는 `<meta>`와 `<link>` 태그 블록입니다. HTML이나 Next.js metadata, 템플릿 head에 붙여 넣으면 됩니다.
사용 방법
- 기본 SEO 메타 태그에 필요한 페이지 제목, 설명, 작성자, 타겟 키워드를 입력하세요.
- Open Graph(Facebook) 및 Twitter Card 메타데이터를 추가하세요 — 제목, 설명, 이미지 URL, 카드 유형.
- 완성된 메타 태그 HTML 블록을 복사하여 웹 페이지의 <head> 섹션에 붙여넣으세요.
사용 시기
- 출시 전 HTML 랜딩 페이지의 SEO와 소셜 공유 메타 정보를 정리할 때.
- 기존 페이지의 값을 다시 붙여 넣어 빠진 부분이나 너무 긴 부분을 점검할 때.
- CMS 템플릿에 연결할 개발자에게 줄 브리프에 메타 태그를 미리 작성할 때.
결과
제품 페이지를 출시하면서 메타 태그가 필요합니다. 제목에 '무선 노이즈캔슬링 헤드폰'을 입력하고, 155자 이내의 설명을 작성한 후, OG 이미지 태그에 제품 이미지 URL을 추가하세요.
자주 묻는 질문
- 제목과 설명의 실제 권장 길이는 얼마인가요?
- 제목은 50~60자, 설명은 140~160자를 목표로 하세요. 구글은 그보다 긴 제목을 잘라내고, 설명 미리보기 영역의 너비는 약 920픽셀이라 대략 그 길이에 해당합니다.
- `<meta name='keywords'>` 태그가 아직 필요한가요?
- 구글은 2009년부터 무시하고, Bing은 거의 스팸 신호로 봅니다. Yandex나 Baidu를 노리는 경우가 아니라면 생략해도 됩니다. 그곳에서는 약간의 가중치가 남아 있습니다.
- og:title과 일반 `<title>`의 차이는요?
- `<title>`은 브라우저 탭과 구글 결과 제목을 결정하고, `og:title`은 Facebook, LinkedIn, Slack 공유 카드에 표시됩니다. 둘이 달라도 됩니다. 소셜 제목은 임팩트 있게, 페이지 제목은 키워드 중심으로 만들 수 있습니다.
- Twitter 카드는 어떤 종류를 선택해야 하나요?
- `summary_large_image`가 가장 큰 미리보기(1200×630 이미지)를 보여 주며 대부분의 글이나 상품 페이지에 어울립니다. 썸네일만으로 충분한 짧은 글에는 `summary`를 선택하세요.
- canonical 태그가 중복 콘텐츠 문제를 해결해 주나요?
- 여러 비슷한 페이지 중 어떤 URL이 원본인지 검색엔진에 알려 줍니다. 리디렉션이 아니라 힌트이므로, 일관된 내부 링크와 HTTPS와 함께 사용해야 신호가 강해집니다.