본문 바로가기
WEBIS 웹유틸무료 온라인 도구

개발 도구 · 브라우저 실행

메타/OG 태그 생성기

title·description·canonical·OG·Twitter/X·아이콘 태그를 URL·길이·속성 escape와 함께 생성합니다.
  • 브라우저 안에서 즉시 처리
  • 입력값은 도구 DB에 저장하지 않음
  • 계산 입력을 외부로 전송하지 않음

Meta and social tags

검색·공유·아이콘 태그를 URL·길이 검증과 함께 만듭니다

head markup

HTML head 태그

attribute escape·active URL 차단
오류

적용 전 확인

입력을 확인해 주세요.

빠른 사용법

세 단계로 확인합니다.

  1. 1
    검색·공유 기본 정보를 입력합니다

    title·description·canonical·OG 이미지와 사이트명·locale을 실제 페이지 내용으로 채웁니다.

  2. 2
    선택 태그와 이미지 메타를 정합니다

    robots, Twitter/X card, 이미지 크기·alt, favicon·Apple icon·manifest를 필요한 것만 켭니다.

  3. 3
    HTML head 코드와 표시 길이를 검수합니다

    URL·색상·정수·attribute escape 결과와 title·description 길이 경고를 확인합니다.

결과 읽기

메타 태그는 페이지 내용과 URL 정본을 일관되게 전달해야 합니다.

검색 제목·snippet과 소셜 미리보기는 플랫폼이 다시 작성하거나 캐시할 수 있으므로 실제 페이지·canonical·이미지 응답이 기본입니다.
CANONCanonical

계정 정보 없는 http(s) 절대 URL 하나를 대표 URL로 선언하고 redirect·sitemap·내부 링크와 맞춥니다.

SOCIALOG와 Twitter/X

공유 플랫폼용 제목·설명·이미지·alt를 제공하지만 실제 미리보기는 crawler와 캐시에 따라 달라집니다.

ESCAPE속성 escape

사용자 문자열을 HTML attribute와 title 문맥에 맞게 entity로 바꿔 태그 삽입을 막습니다.

검색 노출·클릭률을 보장하지 않습니다. 배포 후 실제 HTML head 중복, canonical status, robots, 이미지 크기·MIME·접근성과 플랫폼별 debugger를 확인하세요.

이럴 때 유용합니다.

  • 신규 페이지 head 초안
  • OG/Twitter 카드 누락 점검
  • canonical·robots 일관성 검산

함께 확인하세요.

  • 검색 표시 길이는 고정 아님
  • 중복 title·canonical 제거
  • 이미지 응답·크기·alt 별도 확인

자주 묻는 질문

사용 전 알아둘 점

title은 몇 자가 적당한가요?

고정 제한은 아니지만 이 도구는 검토 편의를 위해 60자 초과를 경고합니다. 핵심 정보를 앞에 두세요.

OG 이미지를 올려주나요?

아닙니다. URL 태그만 만들며 이미지가 공개 200 응답과 적절한 MIME·크기를 갖는지 별도 확인해야 합니다.

입력값이 HTML로 실행되나요?

아닙니다. 결과는 textarea에 표시되고 특수문자를 HTML entity로 escape합니다.