ZeroTool Workbench

Meta 태그 생성기

<head> 메타 태그를 한번에 생성 — Open Graph, Twitter 카드, Schema.org JSON-LD, SEO 기본 항목. Google / Facebook / Twitter / Discord 실시간 미리보기. 100% 클라이언트사이드.

100% 클라이언트 사이드 데이터가 브라우저 밖으로 나가지 않습니다 무료 · 회원가입 불필요
Basic SEO
Open Graph
Twitter Card
Schema.org JSON-LD

Outputs a minimal JSON-LD with name / description / url / image fields.

Generated <head> meta 
 
  
            
  
 
관련 도구
 
    Robots.txt 생성기 robots.txt 파일을 온라인으로 생성. User-agent 규칙, 허용/차단 경로, Sitemap URL 설정. 100% 클라이언트사이드.     Favicon 생성기 이모지, 텍스트, 이미지, SVG에서 완전한 파비콘 세트 생성. ICO, 멀티 사이즈 PNG, apple-touch-icon, webmanifest 출력. 100% 클라이언트사이드.     URL 파서 URL을 프로토콜, 호스트, 포트, 경로, 쿼리 파라미터, 해시로 즉시 분해. 브라우저 기본 파싱.     UUID 생성기 즉시 v4 UUID 생성 — 단건 또는 일괄 생성.     색상 변환기 HEX, RGB, HSL 형식 간 색상 변환. 실시간 색상 미리보기.     정규식 테스터 매치 하이라이트와 캡처 그룹 세부 정보로 정규식을 실시간 테스트.   
 
  
  
   
사용 방법


  1. 제목, 설명, 대표 URL — 핵심 필드 3개를 입력합니다.
  2. og:image URL을 추가해 소셜 미리보기 이미지를 정확히 노출합니다. 1200x630 PNG / JPEG가 어디서나 잘 작동합니다.
  3. Twitter 카드 유형을 선택합니다. 메인 이미지가 있는 글은 summary_large_image, 콤팩트 표시는 summary.
  4. (선택) Schema.org @type을 선택하면 최소한의 JSON-LD 블록을 함께 출력합니다.
  5. 오른쪽 미리보기 탭을 전환해 Google SERP / Facebook / Twitter(X) / Discord에서 어떻게 펼쳐지는지 확인합니다.
  6. 생성된 HTML을 복사해 페이지 <head> 안에 붙여 넣습니다.


생성되는 항목


  • 기본 SEO 메타 — title, description, canonical, author, keywords, theme-color, viewport, robots.
  • Open Graph — og:type, og:title, og:description, og:url, og:site_name, og:image(width / height / alt 포함), og:locale.
  • Twitter 카드 — twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image.
  • Schema.org JSON-LD — 최소한의 WebPage, Article, Product, Organization 블록(name / description / url / image).


이미지 크기 치트시트


플랫폼권장 크기비율
Facebook / LinkedIn / Discord1200x6301.91:1
Twitter summary_large_image1200x6002:1
Twitter summary400x4001:1
Pinterest1000x15002:3


출력은 어디에 붙여 넣을까


생성된 블록은 <head> 안, <meta charset> 다음과 서드파티 스크립트 앞 사이에 두는 것이 좋습니다. 크롤러는 순서를 신경 쓰지 않지만, 소셜 메타를 한 곳에 모아 두면 감사가 쉬워집니다.


같은 SEO 스택에서 함께 쓰면 좋은 도구: Robots.txt 생성기(크롤 규칙)와 Favicon 생성기(아이콘 세트).
  
  
 
FAQ
 
 Open Graph와 Twitter 카드는 어떻게 다른가요? 
Open Graph(og:)는 Facebook이 제안한 소셜 미리보기 프로토콜로, LinkedIn, Slack, Discord, iMessage 등 거의 모든 플랫폼이 지금은 이를 읽습니다. Twitter(X)는 자체 twitter:* 태그와 카드 유형 컨트롤을 추가했습니다. 둘 다 있으면 Twitter는 자체 태그를 우선 사용하고 누락된 필드만 Open Graph에서 가져오므로, 양쪽을 모두 작성하는 것이 일반적입니다.
 
 og:image의 권장 크기는? 
1200x630 px(1.91:1)이 Facebook, LinkedIn, Discord 공통 안전값입니다. Twitter의 summary_large_image는 2:1을 기대하며 1200x600도 무난합니다. 파일은 5 MB 이하의 PNG 또는 JPEG로 유지하세요. 대부분의 플랫폼은 og:image:width와 og:image:height를 존중하여 노출합니다.
 
 Open Graph와 Schema.org JSON-LD를 둘 다 써야 하나요? 
용도가 다릅니다. Open Graph는 소셜 플랫폼의 unfurl 미리보기를 담당하고, Schema.org JSON-LD는 Google 리치 결과와 크롤러의 의미 이해를 담당합니다. 겹치는 필드는 title / description / image 정도로 작습니다. 검색의 리치 스니펫과 SNS의 리치 프리뷰를 동시에 노리려면 양쪽을 모두 출력하는 것이 정석이며, 추가 비용은 거의 없습니다.
 
 이 도구가 이미지를 업로드하나요? 
아닙니다. 이미지 URL은 생성된 메타 블록에 문자열로 포함되고, 미리보기에서 img 태그의 src로만 참조됩니다. 서버 요청도, 업로드도 없으며 어떤 데이터도 브라우저를 벗어나지 않습니다.
 
 Open Graph에서 Canonical URL이 왜 중요한가요? 
Canonical URL은 og:url로도 출력됩니다. 지정하지 않으면 소셜 플랫폼은 요청 URL에서 추측합니다. 요청 URL은 utm 파라미터, 슬래시 유무, www vs 베어 도메인 등으로 자주 달라집니다. 잘못된 canonical은 공유 카운트를 분산시키고, 동일 글이 여러 URL로 도달할 때 중복 제거를 깨뜨립니다.