Meta / OG 태그 생성기

title, description, canonical, OG, Twitter Card 메타 태그 HTML을 생성합니다.

카테고리: 개발자 도구

언제 사용하나요?

새 페이지를 배포하기 전에 검색 결과 제목과 설명, canonical URL, 카카오톡·페이스북·X 공유 미리보기 정보를 head 태그에 넣어야 할 때 사용합니다. 블로그 글, 랜딩 페이지, 도구 상세 페이지의 SEO 기본 태그 초안을 한 번에 만들 수 있습니다.

사용 방법

  • 페이지 제목과 설명을 입력합니다.
  • Canonical URL과 OG 이미지 주소를 입력합니다.
  • Robots, Twitter Card 설정을 선택합니다.
  • 생성된 HTML을 head 태그 안에 붙여넣습니다.

입력값 안내

제목, 설명(160자 이하 권장), canonical URL, OG 이미지 URL, Twitter Card 형식, Robots 지시자를 입력합니다.

계산·변환 기준

Primary SEO, Open Graph, Twitter Card 영역의 메타 태그를 조합해 HTML head에 넣을 수 있는 코드로 출력합니다. canonical과 og:url은 같은 정규 URL을 쓰는 것이 좋습니다.

사용 예시

  • SNS 공유 최적화 - 카카오톡, 페이스북, X 링크 미리보기의 제목, 설명, 이미지를 정확히 제어합니다.
  • 검색 노출 기본 태그 작성 - title, description, canonical, robots 태그를 빠르게 구성해 페이지 head에 넣습니다.
  • PR 리뷰 자료 준비 - 새 페이지 SEO 태그 초안을 PR 설명이나 배포 체크리스트에 붙여 넣습니다.

예시

  • <title>…</title> + meta description + og:title + twitter:card 등 통합 출력
  • 글 제목·설명·대표 이미지 입력 → SEO와 공유용 메타 태그 일괄 생성
  • robots noindex 선택 → 검색 제외가 필요한 테스트 페이지 태그 생성

주의사항

  • 생성된 메타 태그는 참고용입니다. 각 플랫폼(카카오·네이버·Google)의 최신 크롤러 정책을 함께 확인하세요.
  • 입력 데이터는 브라우저에서만 처리되며 서버로 전송되지 않습니다.

계산·사용 가이드

기본 SEO 태그

검색 결과에는 title과 description이 가장 먼저 영향을 줍니다. 페이지마다 고유한 제목과 설명을 쓰고, description은 핵심 내용을 앞부분에 배치하는 것이 좋습니다.

Open Graph 태그

og:title, og:description, og:image, og:url은 링크 공유 미리보기에 사용됩니다. 대표 이미지는 보통 1200x630 크기를 기준으로 준비하면 여러 플랫폼에서 안정적입니다.

canonical 정규화

canonical URL은 검색엔진에 대표 주소를 알려줍니다. sitemap URL, canonical, og:url이 서로 다른 형식이면 중복 URL로 인식될 수 있으므로 같은 정규 URL을 쓰는 것이 좋습니다.

robots 지시자

공개 검색 노출 대상은 index,follow를 쓰고, 약관·문의·테스트 페이지처럼 검색 결과에 직접 노출할 필요가 낮은 페이지는 noindex,follow를 검토할 수 있습니다.

자주 묻는 질문

OG 이미지 크기는 얼마가 좋나요?

1200×630px (16:9)을 권장합니다.

미리보기를 제공하나요?

입력한 제목·설명으로 생성될 메타 태그 코드를 바로 확인하고 복사할 수 있습니다.

어떤 태그가 생성되나요?

title, description 같은 기본 SEO 태그와 og: 소셜 공유 태그를 함께 생성합니다.

트위터 카드 태그도 생성되나요?

SEO용 기본 메타 태그와 og: 태그를 생성하며, 필요하면 같은 정보를 twitter: 태그로 복제해 사용할 수 있습니다.

canonical URL은 왜 필요한가요?

같은 콘텐츠가 여러 URL로 열릴 때 대표 URL을 알려주는 태그입니다. sitemap, canonical, og:url은 같은 정규 URL을 쓰는 것이 좋습니다.

description은 몇 자가 적당한가요?

검색 결과에서 잘리지 않도록 보통 120~160자 안팎으로 핵심 내용을 먼저 쓰는 것이 좋습니다.

관련 도구

  • URL 파서 - URL을 protocol, host, path, query로 분해합니다.
  • UTM 파라미터 생성기 - URL에 UTM 파라미터를 추가해 마케팅 캠페인 추적 링크를 생성합니다.
  • HTML 포매터 - 한 줄로 압축되거나 들여쓰기가 엉망인 HTML 코드를 태그 계층에 맞춰 줄바꿈과 들여쓰기로 정리합니다. CMS·API에서 받은 HTML 응답을 분석할 때 특히 유용합니다.
  • Markdown → HTML 변환기 - Markdown 문서를 HTML로 변환하고 렌더링 미리보기를 제공합니다.
  • JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
  • UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.