한줄공지
  • 환영합니다!
메뉴
로그인회원가입

Open Graph 미리보기

URL을 입력하면 SNS에서 공유될 때 어떻게 보이는지 미리 확인할 수 있습니다

페이지의 메타 태그를 분석하고 있습니다...

플랫폼별 미리보기
감지된 메타 태그
태그 값 상태
OG 태그 코드

Open Graph 프로토콜이란?

Open Graph(OG) 프로토콜은 Facebook이 만든 메타데이터 표준으로, 웹페이지가 소셜 미디어에서 공유될 때 제목, 설명, 이미지 등을 어떻게 표시할지 정의합니다. og:title, og:description, og:image, og:url 태그를 설정하면 Facebook, Twitter, KakaoTalk, LinkedIn 등에서 링크가 더 매력적으로 표시됩니다. 이 도구를 사용하면 OG 태그가 올바르게 설정되었는지 확인하고, 각 플랫폼에서 어떻게 보이는지 미리볼 수 있습니다.

권장 OG 태그

  • og:title: 페이지의 제목입니다. 65자 이내로 작성하는 것이 좋습니다.
  • og:description: 페이지의 간단한 설명입니다. 155자 이내를 권장합니다.
  • og:image: 공유 시 표시될 대표 이미지입니다. 1200×630px 크기를 권장합니다.
  • og:url: 페이지의 정규(canonical) URL입니다.
  • og:type: 콘텐츠 유형입니다. 일반적으로 website 또는 article을 사용합니다.

자주 묻는 질문

OG 태그 자체는 검색 엔진 순위에 직접적인 영향을 주지 않습니다. 하지만 소셜 미디어에서 공유될 때 매력적인 미리보기가 표시되면 클릭률(CTR)이 높아지고, 이는 간접적으로 트래픽과 SEO에 긍정적인 영향을 줄 수 있습니다.

Twitter는 자체 Twitter 카드 태그(twitter:title, twitter:description 등)가 없으면 OG 태그를 대신 사용합니다. 따라서 OG 태그만 설정해도 대부분의 경우 충분합니다. 다만 Twitter에서 다른 내용을 표시하고 싶다면 별도의 Twitter 카드 태그를 추가할 수 있습니다.

Facebook은 1200×630px, Twitter는 1200×628px를 권장합니다. 최소 600×315px 이상이어야 큰 이미지로 표시됩니다. 파일 크기는 5MB 이하, JPG 또는 PNG 형식을 사용하세요. 가로세로 비율은 1.91:1이 가장 이상적입니다.