메타 태그 생성기

필수 메타 태그

제목웹페이지의 제목(브라우저 탭에 표시됨)

설명페이지 내용에 대한 간결한 요약(150-160자 권장)

작성자

키워드키워드를 쉼표로 구분

뷰포트

로봇

오픈 그래프 메타 태그

OG 제목소셜 플랫폼에서 공유될 때 나타나는 제목

OG 설명소셜 미디어 공유에 나타나는 설명

OG 이미지 URL공유될 때 표시될 이미지(권장 크기: 1200×630px)

OG URL

트위터 카드 메타 태그

트위터 카드 유형

트위터 제목

트위터 설명

트위터 이미지 URL트위터 카드에 표시될 이미지

생성된 메타 태그

<!-- Basic Meta Tags -->
<title>페이지 제목</title>
<meta name="description" content="최적의 SEO를 위해 약 160자 내외로 페이지 내용에 대한 간략한 설명." />
<meta name="author" content="작성자 이름" />
<meta name="keywords" content="seo, 메타 태그, html, 웹사이트 최적화" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="페이지 제목" />
<meta property="og:description" content="소셜 미디어 공유를 위한 간략한 설명." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<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/image.jpg" />

메타 태그 생성기 사용 방법

1
필수 항목 입력
Essential Meta Tags 섹션에 페이지 제목, 설명, 키워드, 작성자, robots 지시문을 입력하세요.
2
소셜 공유 태그 추가
Open Graph와 Twitter Card 입력란에 제목, 설명, 이미지 URL을 채워 페이지가 공유될 때의 모습을 제어하세요.
3
생성된 태그 검토
각 입력란에 입력하는 동안 메타 태그 마크업이 출력 영역에서 실시간으로 만들어지는 것을 확인하세요.

4
<head>에 복사
Copy Meta Tags를 클릭해 생성된 HTML을 페이지의 head 섹션에 붙여넣으세요.

자주 묻는 질문

이 생성기는 어떤 메타 태그를 만드나요?

필수 SEO 태그(title, description, keywords, author, viewport, robots)와 함께 Open Graph 및 Twitter Card 태그를 만들어, 검색 엔진과 소셜 미리보기를 위한 완전한 세트를 한곳에서 제공합니다.

Open Graph와 Twitter Card 태그는 무엇을 위한 것인가요?

Open Graph 태그는 페이지가 Facebook, LinkedIn 같은 플랫폼에서 공유될 때 나타나는 제목, 설명, 이미지를 제어하고, Twitter Card 태그는 Twitter에서 같은 역할을 해, 링크가 밋밋하지 않고 세련되게 보이도록 합니다.

제목과 설명은 얼마나 길어야 하나요?

간결한 제목과 대략 150~160자 길이의 설명을 목표로 하세요. 이 길이는 검색 엔진이 결과에서 잘라내지 않고 전체 스니펫을 표시하는 데 도움이 됩니다.

OG 태그에 어떤 이미지 크기를 써야 하나요?

권장되는 Open Graph 이미지는 1200 x 630 픽셀로, 대부분의 소셜 네트워크에서 큰 미리보기로 깔끔하게 표시됩니다. 이미지 URL을 제공하면 도구가 마크업에 삽입합니다.

생성된 태그는 어디에 두나요?

HTML의 <head> 섹션 안, 가급적 상단 가까이에 붙여넣으세요. 생성은 브라우저 안에서 전부 이루어지며, 이 도구는 가입 없이 무료입니다.

메타 태그 생성기

메타 태그 생성기 사용 방법

자주 묻는 질문

관련 도구