메타 태그 · 오픈그래프 생성기
페이지의 제목·설명·주소·대표 이미지·사이트 이름을 적으면 <head>에 붙여 넣을 title, description, canonical, 오픈그래프(og:), 트위터 카드 태그를 만들어요. 비워 둔 값의 태그는 아예 만들지 않아 빈 og:image 같은 실수가 없어요.
붙여 넣기
결과
Base64 · URL
JWT 열어 보기
서명은 검증하지 않아요 — 열쇠 없이는 할 수 없는 일이고, 할 수 있는 척하는 편이 더 위험해요. 내용만 풀어서 보여 줘요.
해시
MD5는 넣지 않았어요. 브라우저가 제공하지 않고, 새로 쓰면 안 되는 알고리즘이에요.
UUID · 시각
—
비밀번호
색 변환
- HEX
- —
- RGB
- —
- HSL
- —
명도 대비 (WCAG)
이 조합에서 글자가 이렇게 보여요
—
색 조합 고르기
페이지 정보
붙여 넣을 태그
코드 넣기
결과
주석과 여백만 지워요. 변수 이름은 바꾸지 않아요 — 이름을 바꾸는 축소는 스코프를 모르는 채로 코드를 망가뜨리고, 바꿔도 코드는 그대로 읽혀요.
HTML 넣기
붙여 넣은 코드는 실행되지 않고 밖으로도 나가지 않아요. 브라우저 안에서만 읽어요.
결과
단위
—
평 ↔ 제곱미터
1평은 400/121㎡(약 3.3058㎡)예요. 어느 칸에 넣어도 다른 칸이 바뀌어요.
아파트 전용면적
'34평형'처럼 부르는 아파트 크기는 보통 공급면적(전용면적 + 계단 · 복도)이라, 전용면적을 바꾼 평수보다 커요.
해 · 간지
일본 연호(和暦) ↔ 서기
R1.5.1 · H31처럼 줄여 써도 돼요. 연호가 바뀐 해는 날짜까지 넣어야 하나로 정해져요.
숫자를 한글로
계약서·견적서에 금액을 적을 때 써요. 숫자와 한글을 나란히 적어 고쳐 쓰기를 막는 관행이에요.
—
로마자 이름
국어의 로마자 표기법대로 적고, 이름 안에서 소리가 바뀌는 것은 반영하지 않아요(복남 → Boknam). 여권의 영문 이름은 바꾸기 어려우니 이미 쓰는 표기가 있으면 그대로 쓰면 돼요.
한글로 적어 주세요.
이름 표기
국제화 도메인
한글·한자 도메인이 실제로 등록되는 형태(xn--)를 확인해요. 브라우저의 표준 변환을 그대로 써요.
정규식
결과
치환 결과
원본
수정본
달라진 곳
YAML 은 널리 쓰이는 부분집합만 읽어요 — 앵커·태그·문서 여러 개가 들어 있으면 잘못 읽는 대신 멈추고 알려 드려요.
결과
Cron 식
다음 실행 시각
이 브라우저의 시간대로 계산했어요. 서버 크론은 대개 UTC 로 돌기 때문에 값이 다를 수 있어요.
이 도구에 대해
이렇게 써요
- 1 제목·설명·주소·대표 이미지 주소를 적어요. 필요하면 사이트 이름·언어·og:type도 바꿔요.
- 2 오른쪽에 태그가 바로 만들어지고, 아래에 제목·설명 글자 수가 나와요.
- 3 복사를 눌러 페이지의 <head> 안에 붙여 넣어요.
알아 두세요
- 페이지 점검은 붙여 넣은 HTML 만 읽어요 — 주소는 주소 점검기로
- YAML 은 널리 쓰이는 문법만 읽어요
- JWT 는 내용만 펴 보고 서명은 확인하지 않아요
자주 묻는 질문
제목과 설명은 몇 자가 좋나요?
검색 결과에서 잘리지 않으려면 한국어 기준으로 제목은 30자 안팎, 설명은 80자 안팎이 무난해요. 글자 수를 보며 맞춰 보세요.
카카오톡이나 페이스북 미리보기에도 쓰이나요?
쓰여요. 링크 미리보기는 대부분 og:title·og:description·og:image를 읽어요. 이미지는 https로 열리는 전체 주소를 넣어 주세요.
값에 따옴표나 < 가 들어가도 되나요?
돼요. 태그를 만들 때 &·"·<·>를 안전한 표기로 바꿔 넣어요.