Open Graph 생성기
소셜 공유 OG 태그 생성·미리보기
오픈 그래프(Open Graph)란?
Open Graph(OG)는 Facebook이 2010년에 만든 웹 프로토콜로, 웹페이지가 소셜 미디어에서 공유될 때 제목·설명·이미지를 제어하는 메타 태그 표준입니다. og:title, og:description, og:image, og:url 4가지가 핵심이며, 이를 설정하지 않으면 소셜 공유 시 임의 콘텐츠가 표시됩니다.
자주 묻는 질문
오픈 그래프는 누가 만들었나요?
Facebook이 2010년 f8 개발자 컨퍼런스에서 공개했습니다. 웹페이지를 소셜 그래프의 객체로 취급하기 위한 프로토콜입니다. 현재 Facebook, LinkedIn, KakaoTalk, Slack, Discord 등 대부분의 플랫폼이 지원합니다.
OG 이미지 권장 크기는?
1200×630px(가로세로 비율 1.91:1)이 표준입니다. Facebook, LinkedIn, KakaoTalk 공유 미리보기에 최적화되어 있습니다. 최소 600×315px 이상을 사용하고, 용량은 8MB 이내로 유지하세요.
og:type에는 어떤 값이 있나요?
website(일반 웹페이지), article(뉴스·블로그), product(상품 페이지), book(도서), music.song(음악), video.movie(영상) 등이 있습니다. 일반적인 페이지는 website를 사용합니다. article 타입은 published_time, author 등 추가 속성을 지원합니다.
og:locale의 의미는?
og:locale은 콘텐츠의 언어와 지역을 나타냅니다. 형식은 language_TERRITORY(예: ko_KR, en_US, zh_CN)입니다. 다국어 사이트에서는 og:locale:alternate로 대체 언어를 추가할 수 있습니다.
OG 태그와 검색 결과는 다른가요?
OG 태그는 주로 소셜 미디어 공유 미리보기에 사용됩니다. Google 검색 결과 스니펫은 title과 meta description을 우선 사용하고, OG 태그는 참고용으로만 활용합니다. 두 가지를 모두 최적화하세요.
OG 캐시는 어떻게 갱신하나요?
Facebook은 OG 태그를 캐시하므로 수정 후 즉시 반영되지 않습니다. Facebook Sharing Debugger(developers.facebook.com/tools/debug)에서 URL을 입력하고 "Scrape Again"을 클릭하면 캐시가 갱신됩니다.
Twitter Card와 OG 태그의 관계는?
Twitter는 twitter:card 태그가 없을 때 og:title, og:description, og:image를 폴백으로 사용합니다. 따라서 OG 태그만 있어도 Twitter 공유가 작동하지만, twitter:card를 별도로 추가하면 더 정확한 제어가 가능합니다.
LinkedIn과 KakaoTalk도 OG 태그를 지원하나요?
네. LinkedIn, KakaoTalk, Slack, Discord, WhatsApp 등 대부분의 메신저와 소셜 플랫폼이 OG 태그를 지원합니다. og:title, og:description, og:image 세 가지만 제대로 설정해도 대부분의 플랫폼에서 미리보기가 표시됩니다.