메타태그 생성기(title·description·OG)

사용 방법

1. 제목, 설명, 대표 URL을 입력합니다. 글자 폭 기준이 바로 표시됩니다.
2. 필요하면 검색 엔진 지시(noindex 등), Open Graph, X 카드 항목을 입력합니다. 비워 둔 OG 항목은 제목·설명·대표 URL을 사용합니다.
3. "HTML 복사"를 눌러 페이지의 <head> 안에 붙여 넣습니다. 아래 미리보기에서 검색 결과와 SNS 카드 모습을 확인할 수 있습니다.

주의 사항

• 미리보기는 대략적인 모습입니다. 실제 표시는 검색 엔진·SNS·기기·글꼴에 따라 다르며, 검색 엔진이 설명 대신 본문 일부를 보여 주기도 합니다.
• 글자 폭은 일반적인 글꼴을 가정한 대략적인 추정치입니다. 제목 약 600px, 설명 약 920px 한도도 널리 쓰이는 기준일 뿐 공식 수치가 아닙니다.
• og:image에 입력한 URL의 이미지는 이 페이지에서 불러오지 않습니다(외부 요청 없음). 미리보기에서 이미지를 보고 싶다면 내 기기의 이미지 파일을 고를 수 있으며, 그 이미지는 코드에 포함되지 않습니다.
• robots 태그는 검색 결과 노출에 대한 지시일 뿐 페이지 접근을 막지 않습니다.

계산·변환 방식

입력한 값은 속성값으로 안전하도록 & < > " ' 를 HTML 문자 참조로 바꾼 뒤 출력합니다. 줄바꿈과 연속 공백은 공백 하나로 합칩니다.

index와 follow는 기본값이므로 둘 다 켜져 있으면 robots 태그를 출력하지 않습니다. 하나를 끄면 "noindex, follow"처럼 출력합니다.

비워 둔 OG 제목·설명·URL은 제목·설명·대표 URL로 채웁니다. X는 Open Graph 값을 참조하므로 Open Graph를 포함하면 twitter:card와 twitter:site만 추가합니다.

글자 폭은 영문자의 폭 차이(i·l은 좁고 m·W는 넓음)를 반영하고, 한글·일본어·중국어 문자는 한 글자를 전각 1칸으로 계산해 추정합니다.