메타태그 생성기
제목·설명·이미지 URL을 입력하면 SEO·오픈그래프·트위터 카드 메타태그를 한 번에 생성합니다.
18자
41자
설명이 41자입니다 — 검색엔진은 보통 70~160자를 온전히 보여줍니다.
생성된 메타태그
<title>도구스 — 필요한 계산만, 빠르게</title> <meta name="description" content="한국어 온라인 도구 모음. 검색으로 들어와 바로 쓰고 나가는 사이트입니다."> <link rel="canonical" href="https://example.com"> <meta property="og:title" content="도구스 — 필요한 계산만, 빠르게"> <meta property="og:description" content="한국어 온라인 도구 모음. 검색으로 들어와 바로 쓰고 나가는 사이트입니다."> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:url" content="https://example.com"> <meta property="og:type" content="website"> <meta property="og:locale" content="ko_KR"> <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.png">
사용 방법
- 1제목·설명·페이지 URL·공유 이미지 URL을 입력합니다.
- 2사이트 이름·로케일·트위터 카드 형태를 필요에 맞게 조정합니다.
- 3생성된 태그를 복사해 HTML의 <head> 안에 붙여넣습니다.
자주 묻는 질문
카카오톡·페이스북·슬랙 등에 링크를 공유했을 때 미리보기 카드(제목·설명·이미지)가 뜨게 해주는 표준입니다(ogp.me). OG 태그가 없으면 공유 시 이미지 없이 밋밋한 링크만 표시되거나, 사이트가 임의로 고른 내용이 보일 수 있습니다.
구글 등 검색엔진은 검색결과 스니펫에서 제목을 보통 60자 안팎, 설명을 70~160자 정도만 온전히 보여주고 나머지는 말줄임표로 자릅니다. 이 범위를 벗어나면 핵심 내용이 잘려 보일 수 있어 참고용으로 경고합니다(엔진·상황마다 실제 기준은 달라질 수 있습니다).
X(트위터)는 자체 twitter: 태그도 함께 읽습니다. og:title·og:image 같은 값을 그대로 가져다 쓰기도 하지만, twitter:card로 카드 형태(큰 이미지/작은 이미지)를 명시해주면 더 정확하게 렌더링됩니다.
알아두면 좋은 점
- 속성값에 큰따옴표(")가 있으면 HTML이 깨질 수 있어 자동으로 이스케이프합니다. 이미지 URL은 실제로 접근 가능한 절대경로(https://…)여야 미리보기에 정상적으로 표시됩니다.
함께 보면 좋은 도구
마지막 검증: 2026년 8월 28일 · 결과는 참고용 추정치입니다.