the IT Hustle
도구실전 매뉴얼소개

OG 이미지 미리보기

Google, Twitter, Facebook, LinkedIn, Slack에서 페이지가 어떻게 보이는지 미리봅니다. 메타 태그 생성.

Google Search
example.com
Page Title
A description of the page content will appear here.
Twitter / X
No image
Page Title
A description of the page content will appear here.
example.com
Facebook / Meta
No image
example.com
Page Title
A description of the page content will appear here.
LinkedIn
No image
Page Title
example.com
Slack
example.com
Page Title
A description of the page content will appear here.
생성된 메타 태그
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary" />

Preview is approximate. Actual rendering may vary by platform and screen size.

Open Graph 태그 미리보는 방법

The IT Hustle의 무료 OG Preview 도구로 발행 전에 소셜 미디어에서 페이지가 어떻게 보이는지 확인하세요.

  1. 1
    페이지 정보 입력페이지의 제목, 설명, URL, 이미지 URL을 입력하세요.
  2. 2
    플랫폼별 미리보기 확인Google, Twitter/X, Facebook, LinkedIn, Slack에서 페이지가 어떻게 보이는지 한 번에 확인하세요.
  3. 3
    글자 수 제한 확인60자를 초과하는 제목과 160자를 초과하는 설명은 경고와 함께 표시됩니다.
  4. 4
    메타 태그 복사Copy Meta Tags를 클릭해 페이지 head 섹션에 붙여넣을 HTML 마크업을 가져오세요.

자주 묻는 질문

Open Graph(OG) 태그는 소셜 미디어에서 공유될 때 페이지가 어떻게 보이는지 제어하는 HTML 메타 태그입니다. 플랫폼이 미리보기 카드에 표시하는 제목, 설명, 이미지, URL을 정의합니다.

대부분의 플랫폼에 권장되는 크기는 1200x630픽셀입니다. Twitter는 큰 요약 카드용으로 1200x675도 지원합니다. 이미지는 5MB 이하로 유지하고 PNG나 JPEG 형식을 사용하세요.

Twitter는 OG 태그 외에 자체 twitter:card 태그를 사용합니다. Facebook, LinkedIn, Slack 등 다른 대부분의 플랫폼은 OG 태그를 직접 읽습니다. 복사 기능은 OG와 Twitter 태그를 모두 생성합니다.

관련 도구

메타 태그 생성기SEO 체커플레이스홀더 이미지 생성기