Open Graph 미리보기

누군가 내 페이지를 공유했을 때 어떻게 보일지 게시하기 전에 확인하세요.

저희 서버에서 가져옴

웹 페이지를 읽으려면 저희 서버가 대신 페이지와 공유 이미지를 가져와야 해요. 이 데이터와 확인한 주소는 보관하지 않아요. 데이터 처리 방식 안내

봉인됨

페이지 주소를 입력하면 인기 앱 다섯 곳에서 보일 링크 미리보기를 확인할 수 있어요.

Open Graph 태그가 뭔가요?

og:title, og:description, og:image처럼 페이지의 head에 들어가는 메타 태그예요. 소셜 네트워크와 메신저 앱은 이 태그를 읽어 링크를 공유할 때 보여 줄 카드를 만들어요.

이 도구는 왜 서버가 필요한가요?

브라우저는 한 웹사이트가 다른 웹사이트의 페이지를 읽지 못하게 막아요. 그래서 저희 서버가 대신 페이지와 공유 이미지를 가져온 뒤 미리보기에 필요한 정보만 돌려보내요. 아무것도 보관하지 않아요.

공유 이미지는 어떤 크기여야 하나요?

1200 × 630픽셀(1.91:1 비율)을 쓰세요. 더 작은 이미지는 작은 미리보기로 표시되고, 200 × 200 미만이면 무시되는 경우가 많아요. 일부 앱은 이미지를 잘라 내므로 중요한 글자는 가장자리에서 떨어뜨려 두세요.

이 미리보기가 각 앱에서 보이는 모습과 똑같나요?

각 앱의 일반적인 레이아웃에 가깝게 재현한 거예요. 앱은 디자인을 수시로 바꾸고 페이지의 이전 버전을 캐시해 둘 수도 있어서, 실제 카드는 조금 다를 수 있어요.

태그를 수정했는데 이전 미리보기가 계속 나와요. 왜 그런가요?

소셜 네트워크는 링크마다 사본을 한동안 보관해요. 대부분 Facebook의 공유 디버거나 LinkedIn의 Post Inspector처럼 이를 새로 고치는 도구를 제공해요.

X(Twitter)용 태그가 따로 필요한가요?

대부분 필요 없어요. X는 Open Graph의 제목, 설명, 이미지를 읽어요. 작은 정사각형 대신 큰 이미지를 원하면 twitter:card에 summary_large_image 값을 추가하세요.