메타태그 생성기

SEO 최적화 메타태그 자동 생성 - HTML, Open Graph, Twitter

웹사이트 SEO를 위한 메타태그를 자동으로 생성합니다. HTML 기본 메타태그, Open Graph, Twitter Card 태그를 한 번에 생성하세요.

🏷️ 메타태그란?

메타태그는 웹페이지의 정보를 검색엔진과 SNS에 전달하는 HTML 태그입니다. 검색 결과 노출, SNS 공유 시 미리보기 등에 영향을 미치며, SEO의 핵심 요소입니다.

<!-- Basic Meta Tags -->
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

📝 사용 방법

  1. 페이지 제목과 설명을 입력합니다
  2. 키워드와 URL을 입력합니다
  3. SNS 공유용 이미지 URL을 입력합니다
  4. 생성된 코드를 HTML <head> 태그 내에 붙여넣습니다

💡 SEO 최적화 팁

  • 제목: 50-60자, 핵심 키워드 앞쪽 배치
  • 설명: 150-160자, 행동 유도 문구 포함
  • 이미지: 1200x630px (OG), 1200x600px (Twitter)
  • 각 페이지마다 고유한 메타태그 사용
  • 모바일 검색 비중이 높으니 간결하게