OG Tag Generator

Generate Open Graph and Twitter tags

제목

권장: 60자 이내

설명

페이지 URL

이미지 URL

권장: 1200×630px

이미지 대체 텍스트

사이트 이름

OG 유형

언어

Twitter 카드

Twitter @핸들

생성된 태그

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

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

이 도구 소개

Open Graph 태그는 Facebook, LinkedIn, WhatsApp 등 소셜 미디어에서 페이지가 공유될 때의 표시 방식을 제어합니다. 이 태그가 없으면 플랫폼이 잘못된 이미지나 제목을 선택할 수 있습니다.

Twitter Card 태그는 Twitter/X에서 동일한 역할을 합니다. summary_large_image 카드 유형은 기사와 블로그 포스트에 이상적입니다. 이미지는 모든 플랫폼에서 최상의 결과를 위해 최소 1200×630픽셀이어야 합니다.

사용 방법

제목, 설명, URL 등 기본 정보를 입력하세요.
소셜 미리보기용 이미지 URL과 대체 텍스트를 입력하세요.
OG 유형, 언어, Twitter 카드 설정을 선택하세요.
생성된 태그를 복사해 HTML의 <head> 섹션에 붙여넣으세요.

활용 사례

웹 개발자는 새 페이지가 소셜 미디어에서 올바르게 표시되는지 확인합니다. 마케터는 공유 시 매력적인 미리보기를 보장합니다. 블로거는 글이 공유될 때 올바른 이미지와 설명이 표시되도록 설정합니다. SEO 담당자는 소셜 메타데이터를 최적화합니다.

자주 묻는 질문

OG 태그와 Twitter Card 태그의 차이는? — OG 태그는 Facebook, LinkedIn, WhatsApp 등 대부분의 소셜 플랫폼에서 사용됩니다. Twitter Card 태그는 Twitter/X에서 사용하지만, Twitter는 Twitter Card 태그가 없을 때 OG 태그를 폴백으로 사용합니다.
이미지 크기 권장 사항은? — 1200×630px가 권장됩니다. 이미지가 너무 작으면 플랫폼이 이미지 표시를 건너뛸 수 있습니다. 파일 크기는 8MB 미만이어야 합니다.
og:type에 어떤 값을 사용해야 하나요? — 일반 페이지에는 "website", 뉴스/블로그 글에는 "article"을 사용하세요. 기타 값으로 video, music, book, profile이 있습니다.