← 도구
웹마스터 도구내 브라우저에서 처리 · 업로드 없음

메타 태그·OG 미리보기 생성기

검색결과 제목·설명과 카카오톡·SNS 공유 화면을 미리 보고 canonical, Open Graph, Twitter 메타 태그를 한 번에 생성합니다.

페이지 제목 | 브랜드

https://example.com/page

검색 결과와 공유 화면에 표시할 페이지 설명을 입력하세요.

head에 넣을 태그

<title>페이지 제목 | 브랜드</title>
<meta name="description" content="검색 결과와 공유 화면에 표시할 페이지 설명을 입력하세요.">
<link rel="canonical" href="https://example.com/page">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="페이지 제목 | 브랜드">
<meta property="og:description" content="검색 결과와 공유 화면에 표시할 페이지 설명을 입력하세요.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:site_name" content="브랜드 이름">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="페이지 제목 | 브랜드">
<meta name="twitter:description" content="검색 결과와 공유 화면에 표시할 페이지 설명을 입력하세요.">
<meta name="twitter:image" content="https://example.com/og-image.jpg">

이렇게 쓰세요

  1. 1페이지 제목·설명·주소를 입력합니다.
  2. 2검색결과 미리보기에서 잘림을 확인합니다.
  3. 3생성된 태그를 HTML head에 넣습니다.

자주 묻는 질문

입력한 내용이나 파일이 서버에 저장되나요?

아니요. 이 도구의 생성·계산·파일 처리는 현재 브라우저 안에서만 이뤄지며 칼모아 서버로 전송하거나 저장하지 않습니다.

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

대부분의 공유 서비스에서 1200×630px 가로 이미지를 안정적으로 사용합니다.

다른 도구

최종 업데이트: 2026-07-28