메타 태그 생성기
title, description, Open Graph, Twitter Card용 HTML meta 태그를 생성합니다.
사용 방법
- title과 description을 채웁니다. 설명은 120~160자 근처를 권장합니다.
- og:title·og:description을 비우면 title·description을 그대로 씁니다.
- og:image URL에 공유 이미지 절대 주소를 넣습니다.
- twitter:card에서 summary_large_image, summary, 없음 중 고릅니다.
- 생성 후 HTML meta 태그를 복사해 head에 붙입니다. 초기화로 칸을 비웁니다.
핵심 개념
메타 태그 생성기는 검색 스니펫과 SNS 미리보기에 쓰는 title, description, Open Graph, 트위터 카드 태그를 만듭니다. 검색엔진이 본문에서 다른 문장을 고를 수 있어 description이 그대로 나온다는 보장은 없습니다. og 이미지를 비우면 카드에 그림이 없는 플랫폼이 있습니다.
title이 길면 탭과 검색 결과에서 잘리니 핵심 단어를 앞에 두세요. 생성은 브라우저에서만 이뤄집니다. 문자 수 강제 절단은 하지 않습니다. HTTPS 이미지 URL이 아니면 일부 메신저가 카드를 비울 수 있습니다.
예시
title에 글 제목, description에 요약을 넣고 og:image에 PNG 주소를 넣은 뒤 생성하면 head용 태그 묶음이 나옵니다. og 제목을 비우면 같은 제목이 og:title에도 들어갑니다. 트위터 카드를 없음으로 두면 해당 메타가 빠집니다. 검색 스니펫은 구글이 본문에서 다른 문장을 고를 수 있어 description이 그대로 나온다는 보장은 없습니다. og 이미지를 비우면 카드에 로고가 안 뜨는 플랫폼이 있으니 전용 이미지를 넣는 편이 낫습니다. title이 너무 길면 탭과 검색 결과에서 잘리니 핵심 키워드를 앞에 두세요. 트위터 카드를 큰 이미지로 두면 링크 미리보기가 넓게 나와 클릭이 늘 수 있습니다. 같은 입력을 여러 번 시험할 때는 초기화 후 새로 붙여 이전 출력과 섞이지 않게 합니다. 공용 컴퓨터라면 작업이 끝난 뒤 입력란을 비워 원문이 모니터에 남지 않게 하세요. 브라우저 탭을 닫으면 방금 붙인 값도 함께 사라지며 서버에 삭제 요청을 보낼 필요는 없습니다. 버튼 이름과 칸 제목은 화면 위쪽 도구와 같으므로 글을 읽으며 그대로 따라가면 됩니다. 결과가 비어 있으면 필수 칸을 채웠는지, 오류 메시지가 숨겨져 있지 않은지 먼저 봅니다. 이 글은 사용법 안내이며 입력 데이터가 외부 저장소에 남는다는 뜻은 아닙니다. 모바일에서는 복사 버튼이 클립보드 권한을 물을 수 있으니 허용한 뒤 다시 눌러 주세요. 큰 입력은 브라우저가 느려질 수 있어 필요한 구간만 잘라 넣는 편이 낫습니다.
자주 묻는 질문
메타 태그 글자 수 제한이 있나요?
강제하지 않습니다. description은 대략 120–160자를 권장합니다.
og 칸을 비우면 어떻게 되나요?
og:title과 og:description은 title·description을 그대로 사용합니다.
태그가 서버에 저장되나요?
아니요. 브라우저에서만 조립합니다.
twitter:card 없음은 무슨 뜻인가요?
트위터 카드 메타를 출력하지 않습니다. OG만 필요한 경우입니다.
검색 결과에 description이 그대로 나오나요?
아닐 수 있습니다. 검색엔진이 본문 다른 문장을 고르기도 합니다.
og:image는 상대 경로도 되나요?
절대 URL을 권장합니다. 상대 경로는 카드에서 깨지기 쉽습니다. 관련: JSON-LD 생성 · HTML → 메타 · UTM 빌더
최종 검토일: 2026년 9월 4일