XTools 로고
XTools
Blog
/
JSON 포매터·YAMLXML 포매터코드 포매터·압축JSON → TypeScript마크다운 ⇄ HTMLMermaid 다이어그램 편집기정규식 테스터JWT 디코더UUID 생성기인코딩·디코딩Cron 표현식 생성기cURL 명령 생성기메타 태그 생성기PX → REM·줄 간격CSS 생성기chmod 계산기

© 2026 XTools. 모든 권리 보유.

개인정보 처리방침문의하기

    메타 태그 생성기

    SEO, Open Graph, 트위터 메타 태그를 만들고 검색·공유 미리보기를 봅니다
    • 파일이 기기 밖으로 나가지 않습니다
    • 브라우저에서 실행
    • 무료, 가입 불필요, 워터마크 없음

    페이지

    0자

    0자

    소셜 공유

    절대 URL, 1200 × 630 px가 이상적입니다.

    기술 설정

    미리보기

    E
    Example
    example.com
    페이지 제목
    페이지 설명이 여기에 표시됩니다.

    여기에서만 표시되며 위의 이미지 URL은 불러오지 않습니다.

    제목을 입력하세요.

    설명을 입력하세요.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16

    관련 도구

    • JSON 포매터·YAML
    • XML 포매터
    • 코드 포매터·압축
    • JSON → TypeScript
    • 마크다운 ⇄ HTML
    • Mermaid 다이어그램 편집기
    • 정규식 테스터
    • JWT 디코더
    • UUID 생성기
    • 인코딩·디코딩
    • Cron 표현식 생성기
    • cURL 명령 생성기
    • PX → REM·줄 간격
    • CSS 생성기
    • chmod 계산기

    메타 태그 생성기 사용 방법

    제목, 설명, 공유 이미지로 SEO, Open Graph, X 카드, 로봇, 테마 색상, 파비콘 태그를 만들고 Google, Facebook, X, Slack에서의 모습을 미리 봅니다.

    1. 1

      '페이지'에 제목, 설명, 대표 URL, 사이트 이름을 입력합니다.

    2. 2

      '소셜 공유'에 이미지 URL, 이미지 설명, 유형, X 카드 형식을 정합니다.

    3. 3

      '기술 설정'에서 로봇, 테마 색상 등을 설정합니다.

    4. 4

      '미리보기' 탭과 길이 안내를 확인한 뒤 '<head>에 넣을 HTML'을 복사합니다.

    자주 묻는 질문

    제목과 설명은 얼마나 길게 써야 하나요?

    Google은 보통 제목을 약 600px(영문 약 60자), 설명을 약 160자에서 자릅니다. 도구가 글자 수를 보여 주고 너무 짧거나 길면 알려 줍니다.

    미리보기에 이미지가 안 보이는 이유는?

    미리보기는 입력한 이미지 URL을 불러오지 않습니다. 이미지를 확인하려면 '미리보기에 쓸 로컬 이미지 선택'을 사용하세요. 이미지는 이 페이지에서만 보입니다.

    Open Graph 이미지는 어떤 크기가 좋나요?

    약 1200 × 630px 이미지를 절대 URL로 지정하세요. og:image에는 상대 경로를 쓸 수 없습니다.

    글의 게시 시각과 작성자 태그도 만들 수 있나요?

    네. 유형을 article로 고르면 '게시 시각'과 '작성자' 칸이 나타나고 해당 article: 태그가 추가됩니다.

    입력한 내용이 서버로 전송되나요?

    아니요. 태그와 미리보기는 모두 브라우저에서 만들어집니다.