메타 태그 생성기

메타 태그 생성기는 웹 페이지의 title, description, Open Graph, Twitter Card 등 SEO 핵심 메타 태그를 실시간 미리보기 및 SEO 점수와 함께 자동 생성합니다. 프리셋으로 빠른 설정이 가능하고 생성된 HTML을 바로 복사할 수 있습니다.

프리셋

제목

정규 URL

설명

키워드

작성자

OG 이미지 URL

OG 타입

Twitter 카드

Twitter 계정

로봇 설정

테마 색상

언어

SEO 점수

제목 길이

30 적정

설명 길이

84 적정

정규 URL 있음

✓

OG 이미지 있음

✗

인덱싱 가능

✓

생성된 코드

<title>My Website - Best Tools Online</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Discover the best free online tools for developers, designers, and content creators." />
<meta name="keywords" content="online tools, free tools, developer tools" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#ffffff" />
<meta http-equiv="content-language" content="en" />
<link rel="canonical" href="https://example.com" />
<meta property="og:title" content="My Website - Best Tools Online" />
<meta property="og:description" content="Discover the best free online tools for developers, designers, and content creators." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Website - Best Tools Online" />
<meta name="twitter:description" content="Discover the best free online tools for developers, designers, and content creators." />

제안이 있으신가요?

새로운 도구를 요청하거나 개선 사항을 제안해 주세요 — Slack 커뮤니티에 참여하세요!

Slack에서 피드백 남기기

메타 태그 생성기란?

메타 태그 생성기는 HTML 문서의 head 섹션에 들어가는 SEO 메타 태그를 자동 생성하는 도구입니다. title, description, Open Graph, Twitter Card, 로봇 지시어, charset, viewport 등 핵심 메타 태그를 한 곳에서 설정하고, 실시간 SEO 점수와 검색 결과 미리보기를 확인할 수 있습니다. 블로그, 랜딩 페이지, 제품 페이지 등 다양한 프리셋을 제공합니다.

사용 방법

페이지 제목과 설명을 입력합니다 (권장 길이 가이드 참고)
Open Graph 이미지 URL, 정규 URL, 키워드 등 선택 항목을 설정합니다
프리셋(블로그, 랜딩 페이지, 전자상거래 등)을 선택하여 빠르게 설정할 수 있습니다
SEO 점수 패널에서 제목 길이, 설명 길이, OG 이미지 유무 등을 확인합니다
HTML 복사 버튼을 클릭하여 생성된 메타 태그를 페이지 head에 붙여넣습니다

자주 묻는 질문

메타 태그가 SEO에 왜 중요한가요?

메타 태그는 검색 엔진이 페이지 내용을 이해하는 데 핵심적인 역할을 합니다. title 태그는 검색 결과에 직접 표시되며, description은 클릭률에 영향을 줍니다. Open Graph 태그는 소셜 미디어 공유 시 미리보기 품질을 결정합니다.

이상적인 메타 제목과 설명 길이는?

메타 제목은 50-60자, 메타 설명은 150-160자가 권장됩니다. 이보다 길면 검색 결과에서 잘릴 수 있고, 짧으면 클릭률이 저하될 수 있습니다. 이 도구는 실시간으로 길이 상태를 표시합니다.

Open Graph 태그와 Twitter Card의 차이는?

Open Graph(OG) 태그는 Facebook, LinkedIn, Discord 등에서 사용되며, Twitter Card는 X(Twitter)에서 사용됩니다. 두 태그 모두 설정하면 각 플랫폼에서 최적화된 미리보기가 표시됩니다. OG 태그만 설정해도 Twitter가 fallback으로 사용합니다.

정규(canonical) URL은 언제 설정해야 하나요?

동일한 콘텐츠가 여러 URL로 접근 가능할 때 정규 URL을 설정합니다. 예를 들어 HTTP/HTTPS, www/비www, 쿼리 파라미터가 다른 URL 등입니다. 정규 URL은 검색 엔진에게 대표 URL을 알려줘 중복 콘텐츠 문제를 방지합니다.