오픈 그래프 및 트위터 카드 생성기

오픈 그래프(OG) 태그는 소셜 플랫폼에서 공유할 때 웹페이지가 표시되는 방식을 제어하는 ​​HTML 메타 태그입니다. 이것이 없으면 Facebook과 LinkedIn은 페이지의 임의의 텍스트와 이미지를 사용하여 공유 상태가 좋지 않게 됩니다.

이 생성기를 사용하여 OG 태그를 만든 다음 HTML의 <head> 섹션에 붙여넣습니다. 주요 태그: og:제목, og:설명, og:이미지(1200×630px이어야 함), og:url 및 og:type.

권장되는 og:image 크기는 1200×630픽셀(가로세로 비율 1.91:1)입니다. 이는 Facebook, LinkedIn 및 X/Twitter에서 작동합니다. 최소 크기는 600×315픽셀이지만 이미지가 클수록 더 눈에 띄게 표시됩니다.

Open Graph 태그는 Facebook, LinkedIn, Pinterest 및 WhatsApp에서 작동합니다. 트위터 카드는 트위터 전용 메타 태그입니다. 둘 다 미리보기 모양을 제어하는 ​​비슷한 목적으로 사용되지만 다른 태그 이름을 사용합니다(예: vs twitter:).

이 도구의 미리보기를 사용하거나 Facebook 공유 디버거(developers.facebook.com/tools/debug), Twitter 카드 검사기(cards-dev.twitter.com/validator) 또는 LinkedIn Post Inspector로 직접 테스트하세요.

OG 태그가 없으면 소셜 플랫폼은 페이지를 스크랩하고 임의의 콘텐츠(흔히 흐릿한 미리보기 이미지, 잘못된 제목 또는 잘린 설명 등)를 선택합니다. 이로 인해 콘텐츠가 공유될 때 클릭 수가 크게 줄어듭니다. 적절한 OG 태그가 있는 페이지는 소셜 미디어에서 클릭률이 2~3배 더 높습니다.

제목, 설명, 이미지 URL을 입력하면 생성기가 og: 및 twitter: 메타 태그를 출력합니다. 링크를 페이지 헤드에 붙여넣으면 Facebook, X, LinkedIn 및 Discord에서 풍부한 미리 보기가 표시됩니다.

일반적으로 og:image 태그가 없거나 이미지가 너무 작습니다. 올바른 크기의 이미지를 사용하여 전체 오픈 그래프 태그 세트를 생성하고 게시하기 전에 링크가 어떻게 표시되는지 미리 봅니다.

예. 스튜디오에서는 Facebook, X/Twitter, LinkedIn과 같은 플랫폼의 공유 카드에 대한 실시간 미리보기를 보여주므로 제목, 설명, 이미지를 세부적으로 조정할 수 있습니다.

Open Graph는 대부분의 플랫폼(Facebook, LinkedIn, WhatsApp)에서 미리보기를 제어합니다. 트위터 카드는 X의 고유한 형식입니다. 두 설정 모두 모든 주요 네트워크에 적용됩니다.