Open Graph 태그 만들기
기본 정보
이미지 설정
추가 설정
소셜 미디어를 위한 완벽한 Open Graph 태그 생성
Facebook, LinkedIn, WhatsApp, Slack 등에서 공유할 때 웹사이트 페이지를 멋지게 보이게 하세요
Open Graph(OG) 태그는 소셜 미디어 플랫폼에서 공유될 때 웹 페이지의 표시를 제어하는 메타 태그입니다. 적절한 OG 태그 없이는 소셜 네트워크가 어떤 제목, 설명, 이미지를 표시할지 추측합니다 — 대개 좋지 않은 결과로. 우리의 생성기는 몇 초 만에 완벽한 OG 태그를 만드는 데 도움을 줍니다.
Open Graph 태그란?
Open Graph는 Facebook이 만든 프로토콜로 웹 페이지가 소셜 그래프에서 풍부한 객체가 될 수 있게 합니다. Facebook, LinkedIn, WhatsApp 또는 Slack에서 URL을 공유하면 OG 태그가 이 플랫폼들에게 정확히 어떤 제목, 설명, 이미지 및 기타 정보를 표시할지 알려줍니다.
주요 기능
실시간 미리보기
게시 전 소셜 미디어에서 공유될 때 페이지가 어떻게 보일지 정확히 확인하세요.
다양한 콘텐츠 유형
웹사이트, 기사, 제품, 비디오, 음악, 프로필 콘텐츠 유형 지원.
이미지 최적화
선명하고 전문적인 소셜 미리보기를 위해 정확한 이미지 크기를 설정하세요.
원클릭 복사
생성된 태그를 즉시 복사하여 HTML head 섹션에 붙여넣으세요.
100% 클라이언트 사이드
모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다.
표준 준수
생성된 태그는 공식 Open Graph 프로토콜 사양을 따릅니다.
모범 사례
- 모든 플랫폼에서 최적의 표시를 위해 og:title을 60자 이하로 유지하세요.
- 최고의 참여를 위해 og:description을 100-200자 사이로 작성하세요.
- Facebook과 LinkedIn에서 최고 품질을 위해 1200x630 픽셀 이미지를 사용하세요.
- 공유 시 기본 URL이 사용되도록 항상 og:url을 포함하세요.
- 구현 후 Facebook Sharing Debugger로 OG 태그를 테스트하세요.
- 페이지 콘텐츠나 이미지를 변경할 때마다 OG 태그를 업데이트하세요.
자주 묻는 질문
Open Graph 태그는 어디에 넣나요?
OG 태그를 HTML 페이지의 <head> 섹션에 넣으세요. property와 content 속성이 있는 <meta> 태그여야 합니다.
이상적인 OG 이미지 크기는?
권장 크기는 1200x630 픽셀입니다. Facebook은 최소 200x200 픽셀이 필요하며, 600x315 픽셀 미만의 이미지는 작은 썸네일로 표시됩니다.
OG 태그가 SEO에 영향을 미치나요?
OG 태그는 검색 순위에 직접 영향을 미치지 않지만, 소셜 미디어에서의 클릭률을 크게 향상시켜 간접적으로 SEO를 강화할 수 있습니다.
OG 태그를 어떻게 테스트하나요?
Facebook Sharing Debugger(developers.facebook.com/tools/debug/)를 사용하여 테스트하세요. LinkedIn에도 Post Inspector 도구가 있습니다.