개발
메타태그 생성기
제목과 설명만 입력하면 Open Graph, Twitter Card, SEO 메타태그 HTML을 자동으로 생성합니다.
기본 정보
0/60
0/160
상세 설정
이미지 URL을 입력하면 미리보기에 표시됩니다
example.com
페이지 제목
페이지 설명
생성된 HTML
제목이나 설명을 입력하면 메타태그가 생성됩니다.
사용 방법
- 페이지 제목과 설명을 입력합니다. (제목 60자, 설명 160자 이내 권장)
- URL과 대표 이미지 URL을 입력하면 OG 미리보기에 반영됩니다.
- 미리보기 탭에서 Google, 카카오/Facebook, Twitter에서 어떻게 보이는지 확인합니다.
- 생성된 HTML 코드를 복사해
<head>태그 안에 붙여넣습니다.
이 도구로 한 번에 끝내는 작업
메타태그 생성기를 다른 도구와 연결해 한 흐름으로 처리해 보세요.
메타태그 생성기 자세히 알아보기
메타태그 생성기는 SEO와 SNS 공유에 필요한 `<meta>` 태그를 한 번에 만들어주는 도구입니다. title·description·keywords 같은 기본 SEO 태그부터 Open Graph(og:title, og:image, og:type), Twitter Card, canonical, robots까지 빠짐없이 한 화면에서 입력하고 결과 HTML을 즉시 복사할 수 있습니다.
더 알아보기접기
작성하면서 Google 검색결과·페이스북 OG·Twitter Card 미리보기를 동시에 확인할 수 있어 실제 노출 모습을 시뮬레이션하면서 다듬을 수 있습니다. 블로그, 랜딩페이지, 쇼핑몰 상세 페이지의 메타태그를 한 곳에서 정리하고 싶을 때 가장 빠른 방법입니다.
이럴 때 사용하세요
- •새 블로그 글의 SEO·SNS 공유 메타태그를 한 번에 작성할 때
- •랜딩페이지의 OG 이미지·제목이 페이스북·카카오톡에서 어떻게 보일지 미리 확인할 때
- •쇼핑몰 상품 상세 페이지의 og:type=product 메타태그를 정확히 작성할 때
- •Twitter Card 형식(summary vs summary_large_image)을 비교하며 결정할 때
- •canonical·robots 태그로 색인 정책을 명확히 지정할 때
메타태그 생성기 자주 묻는 질문
Open Graph는 왜 따로 입력해야 하나요?
Google 검색은 title·description을 보지만, 페이스북·카카오톡·라인 등은 og: 접두사가 붙은 Open Graph 태그를 우선 참조합니다. 두 가지를 모두 작성해야 검색·SNS 양쪽에서 의도한 모습으로 노출됩니다.
title과 description 글자수는 어느 정도가 좋나요?
title은 한글 기준 30~32자, description은 80~120자가 모바일·데스크톱 검색결과에서 잘려 보이지 않는 권장 길이입니다. 미리보기에서 잘림 여부를 확인할 수 있습니다.
Twitter Card의 summary와 summary_large_image 차이는?
summary는 작은 정사각형 썸네일, summary_large_image는 큰 가로형 이미지 카드입니다. 콘텐츠형 글이라면 summary_large_image가 클릭률에 유리합니다.
robots 메타태그는 꼭 넣어야 하나요?
기본값은 보통 `index, follow`로 동작하므로 일반 페이지엔 생략해도 됩니다. 특정 페이지를 색인에서 제외하거나 링크를 따라가지 않게 하려면 명시적으로 noindex/nofollow를 지정하세요.
canonical 태그는 어떨 때 쓰나요?
같은 콘텐츠가 여러 URL에서 접근 가능할 때(파라미터, 모바일 별도 URL 등) 검색엔진에 "진짜 주소"가 어디인지 알리는 용도입니다. 중복 콘텐츠 패널티를 방지합니다.