메타 태그 생성기
SEO 메타 태그, Open Graph, Twitter Card 태그를 쉽게 생성하세요
기본 메타 태그
권장: 50~60자0 / 60
권장: 150~160자0 / 160
쉼표로 구분하여 입력하세요
Open Graph (OG) 태그
권장 크기: 1200x630px
Twitter Card 태그
Google 검색 미리보기
https://example.com
페이지 제목이 여기에 표시됩니다
메타 설명이 여기에 표시됩니다. 검색 결과에서 사용자에게 보이는 설명 텍스트입니다.
Facebook 공유 미리보기
OG 이미지 미리보기
example.com
OG 제목이 여기에 표시됩니다
OG 설명이 여기에 표시됩니다.
Twitter 카드 미리보기
Twitter 이미지 미리보기
Twitter 카드 제목
Twitter 카드 설명이 여기에 표시됩니다.
example.com
생성된 HTML 코드
메타 태그란?
메타 태그는 HTML 문서의 <head> 영역에 포함되어 검색 엔진과 소셜 미디어 플랫폼에 페이지 정보를 전달하는 HTML 태그입니다. 올바른 메타 태그 설정은 검색 엔진 최적화(SEO)와 소셜 미디어 공유 시 풍부한 미리보기를 제공하는 데 필수적입니다. Open Graph 태그는 Facebook, LinkedIn 등에서, Twitter Card 태그는 Twitter(X)에서 링크 공유 시 활용됩니다.
사용 방법
- 왼쪽 입력란에 페이지 제목, 설명, 키워드 등 기본 정보를 입력합니다.
- Open Graph와 Twitter Card 섹션에서 소셜 미디어 공유용 정보를 설정합니다.
- 오른쪽 미리보기에서 Google 검색, Facebook, Twitter에서의 표시 형태를 실시간으로 확인합니다.
- 하단의 생성된 코드를 복사하여 HTML 문서의 <head> 태그 안에 붙여넣습니다.
자주 묻는 질문
페이지 제목(title)과 메타 설명(description)은 검색 엔진 결과 페이지(SERP)에 직접 표시되므로 클릭률(CTR)에 큰 영향을 미칩니다. 특히 페이지 제목은 Google의 핵심 랭킹 요소 중 하나입니다. 키워드 태그는 현재 대부분의 검색 엔진에서 무시하지만, 제목과 설명에 적절한 키워드를 포함하는 것은 여전히 중요합니다.
두 태그 모두 설정하는 것을 권장합니다. Open Graph 태그는 Facebook, LinkedIn, KakaoTalk 등 대부분의 소셜 플랫폼에서 사용됩니다. Twitter(X)는 자체 Twitter Card 태그가 없으면 OG 태그를 대신 사용하지만, Twitter Card 태그를 별도로 설정하면 Twitter에 최적화된 미리보기를 제공할 수 있습니다.
Google 검색 결과에서 표시되는 제목의 길이는 약 50~60자(영문 기준)입니다. 이보다 긴 제목은 잘려서 표시될 수 있으므로, 핵심 키워드를 앞쪽에 배치하고 50~60자 이내로 작성하는 것이 좋습니다. 한글의 경우 약 25~30자 정도가 적당합니다.
Open Graph 이미지의 권장 크기는 1200x630 픽셀(1.91:1 비율)입니다. 최소 600x315 픽셀 이상이어야 하며, 파일 크기는 8MB 이하를 권장합니다. Twitter의 Summary Large Image 카드도 동일한 비율을 사용하므로, 하나의 이미지로 두 플랫폼을 모두 커버할 수 있습니다.
아닙니다. 모든 처리는 브라우저에서 이루어지며, 입력한 데이터는 외부 서버로 전송되지 않습니다. 안심하고 사용할 수 있습니다.