메타 태그 생성기

생성된 태그
다음

빠른 메타 태그 생성기의 확장판으로, 필요한 요소를 한 번에 모두 생성합니다. 주요 SEO 태그, 지역별 변형을 지원하는 오픈 그래프, 앱 딥링크를 지원하는 트위터 카드, 파비콘 세트(ico, svg, apple-touch-icon, mask-icon), PWA 매니페스트 링크, 라이트 모드와 다크 모드용 테마 색상, 그리고 기사·제품·레시피·FAQ·이벤트 스키마에 사용할 수 있는 선택형 JSON-LD 블록까지 포함합니다. 새 사이트를 시작할 때 <head>를 처음부터 정확하게 구성하고 싶을 때 유용합니다.

완전한 메타 태그 세트를 만드는 방법

  1. 1

    핵심 항목을 입력하세요

    제목, 설명, canonical, 사이트 이름, 기본 이미지.

  2. 2

    소셜 전용 재정의를 추가하세요

    필요하다면 오픈 그래프나 트위터에 서로 다른 제목이나 설명을 지정할 수 있습니다.

  3. 3

    아이콘과 PWA를 설정하세요

    파비콘 경로, 애플 터치 아이콘, 매니페스트, 라이트/다크용 테마 색상.

  4. 4

    Schema.org 유형을 선택하세요

    기사, 제품, 레시피, 이벤트, FAQ, 조직. 입력한 내용을 바탕으로 JSON-LD를 생성합니다.

  5. 5

    생성된 스니펫을 복사하세요

    `<head>...</head>` 사이에 붙여넣습니다.

전체 구성 세트

  • 주요 SEO: <title>, description, canonical, viewport, robots, author, charset.
  • 오픈 그래프: og:type, og:title, og:description, og:image(너비/높이 포함), og:url, og:site_name, og:locale, 번역용 og:locale:alternate.
  • 트위터 카드: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, 네이티브 앱으로의 딥링크용 twitter:app:*.
  • 아이콘: 여러 형식의 파비콘(구형 환경용 .ico, 최신 환경용 .svg, 180×180 크기의 애플 터치 아이콘, 사파리 고정 탭용 마스크 아이콘).
  • PWA: manifest.json 링크, 라이트와 다크용 theme-color, apple-mobile-web-app-capable.
  • JSON-LD: 콘텐츠 유형에 맞는 Schema.org 구조화 데이터.

스키마별 JSON-LD 템플릿

기사

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

제품

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQ 페이지

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

각 Schema.org 유형을 언제 사용할까

콘텐츠 유형 스키마
블로그 글, 뉴스 Article / NewsArticle
제품 페이지 Product + Offer
레시피 Recipe
이벤트(공연, 웨비나) Event
인물(저자 페이지) Person
회사 페이지 Organization
FAQ FAQPage
브레드크럼 내비게이션 BreadcrumbList
지역 비즈니스 LocalBusiness

검증

붙여넣은 뒤에는 전체 <head>를 검증하세요.

  • JSON-LD가 리치 결과에 적합한지 확인하는 리치 결과 테스트(Google).
  • Schema.org의 정확성을 확인하는 스키마 마크업 검증 도구.
  • 오픈 그래프 미리보기용 페이스북 공유 디버거.
  • 트위터 미리보기용 트위터 카드 검증기.
  • 전반적인 감사를 위한 Lighthouse(Chrome DevTools → Lighthouse).

자주 묻는 질문

직접적으로 올라가지는 않습니다. JSON-LD 자체가 순위를 높여 주지는 않습니다. 다만 리치 결과(별점, FAQ 아코디언, 가격 및 재고) 표시를 가능하게 해 클릭률을 높일 수 있습니다. 클릭률이 좋아지면 간접적으로 도움이 됩니다.

네. 흔한 방식은 BreadcrumbList 하나와 Article(또는 Product) 하나를 두는 것입니다. 각 블록은 여러 스키마를 섞지 말고 하나의 스키마 유형에 집중하세요.

트위터가 OG로 폴백되는 것은 맞지만, OG가 지원하지 않는 다른 이미지 종횡비나 크리에이터 핸들을 지정하고 싶을 수 있습니다. 트위터 전용 태그는 OG와 다른 부분에만 설정하세요.

아니요. 안드로이드 크롬과 iOS 사파리(홈 화면에 추가한 경우)에서 브라우저 UI에 색을 입힙니다. 데스크톱 브라우저는 이를 무시합니다.

아니요. 생성기는 전적으로 브라우저 안에서 동작합니다. 입력한 내용은 모두 로컬에 남습니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다