메타 태그 생성기
페이지에 맞는 SEO용 title, description, Open Graph, Twitter Card 메타 태그를 생성하세요. 실시간 글자 수 카운터로 적절한 길이를 유지할 수 있습니다.
🔒 브라우저에서 로컬로 처리됩니다
Loading…
사용 방법
- 페이지 제목과 메타 설명을 입력하세요 — 검색엔진에 이상적인 범위에 들어오면 글자 수 카운터가 초록색으로 바뀝니다.
- 정규 URL, 사이트 이름, Open Graph 이미지 URL을 추가하면 소셜 미디어에서 공유될 때 페이지가 제대로 표시됩니다.
- 필요하다면 Twitter 핸들을 추가하고 Twitter Card 유형(요약 또는 큰 이미지)을 선택하세요.
- 생성된 HTML 블록을 복사해 페이지의 <head>에 붙여넣으세요.
기능
- 입력하는 즉시 title, description, 정규 URL, Open Graph, Twitter Card 태그를 실시간으로 생성
- 실제 검색엔진의 잘림 동작을 반영한 제목(최대 60자)과 설명(50–160자) 글자 수 카운터
- 실제로 입력한 필드에 대한 태그만 포함 — 빈 content 속성은 생성하지 않음
- 따옴표와 꺾쇠괄호를 자동으로 이스케이프하여 항상 유효한 HTML을 출력
- 100% 클라이언트 사이드 — 콘텐츠가 브라우저 밖으로 나가지 않음
자주 묻는 질문
title 태그의 이상적인 길이는 얼마인가요?
약 50–60자입니다. 검색엔진은 보통 이보다 긴 제목을 검색 결과에서 잘라내기 때문에, 60자를 넘으면 카운터가 주황색으로 바뀝니다.
메타 설명의 이상적인 길이는 얼마인가요?
약 50–160자입니다. 너무 짧으면 페이지를 설명할 기회를 놓치고, 너무 길면 검색엔진이 잘라냅니다. 카운터는 바로 이 범위를 반영합니다.
두 가지 Twitter Card 유형의 차이는 무엇인가요?
"요약"은 제목과 설명 옆에 작은 정사각형 미리보기를 표시합니다. "큰 이미지가 있는 요약"은 텍스트 위에 전체 너비의 이미지를 표시합니다 — 시각적 콘텐츠에 더 적합합니다.
Open Graph 이미지가 꼭 필요한가요?
선택 사항이지만 강력히 권장됩니다. 이미지가 없으면 대부분의 플랫폼이 공유 시 일반적인 미리보기를 표시하거나 이미지를 전혀 표시하지 않습니다.
이 도구가 제 콘텐츠를 저장하거나 업로드하나요?
아니요. 모든 작업은 브라우저 내에서 로컬로 실행됩니다 — 입력한 필드와 생성된 태그는 절대 서버로 전송되지 않습니다.