Question 1

og:image에 어떤 이미지 크기를 사용해야 하나요?

Accepted Answer

권장 최소 크기는 가로세로 비율 1.91:1의 1200×630 픽셀입니다. 이보다 작은 이미지는 Facebook과 LinkedIn에서 잘립니다. 8 MB 미만의 PNG 또는 JPEG를 사용하세요. 플랫폼이 썸네일을 위해 이미지를 약간 자를 수 있으므로 중요한 텍스트는 가장자리에 너무 가깝게 배치하지 마세요.

Question 2

og:type과 Twitter 카드 유형의 차이는 무엇인가요?

Accepted Answer

og:type은 페이지 콘텐츠의 종류를 설명합니다 — 일반 페이지는 'website', 블로그 게시물은 'article', 비디오 콘텐츠는 'video.other'. Twitter Cards는 별도 시스템입니다: summary는 작은 썸네일, summary_large_image는 전체 너비 이미지, player는 비디오를 임베드합니다. <meta name="twitter:card">로 독립적으로 설정합니다.

Question 3

동적 OG 이미지를 자동으로 생성할 수 있나요?

Accepted Answer

네. Vercel의 @vercel/og(ImageResponse API 사용)나 Cloudinary의 URL 기반 변환을 사용하면 텍스트와 템플릿에서 즉석으로 이미지를 생성할 수 있습니다. Next.js에서는 Edge 런타임을 사용해 요청 시 React를 PNG 이미지로 렌더링하는 opengraph-image.tsx 라우트를 만들 수 있습니다.

Question 4

og:url이 왜 중요하고 canonical과 어떻게 일치시켜야 하나요?

Accepted Answer

og:url은 소셜 플랫폼에 어떤 URL과 공유 카드를 연결할지 알려줘서, 여러 URL에서 같은 페이지에 접근할 때(예: 후행 슬래시 있음/없음, UTM 파라미터) 카드 중복 집계를 방지합니다. 페이지의 권위 있는 주소를 나타내기 위해 <link rel="canonical"> URL과 정확히 일치해야 합니다.

Question 5

OG 이미지를 변경했는데 왜 업데이트되지 않나요?

Accepted Answer

소셜 플랫폼은 OG 메타데이터를 공격적으로 캐시합니다. Facebook은 최대 7일, Twitter/X는 더 짧은 기간 동안 캐시합니다. 강제로 새로고침하려면: Facebook 공유 디버거(developers.facebook.com/tools/debug) 또는 Twitter Card 검증 도구를 사용해 캐시를 스크랩하고 업데이트하세요. 이미지 URL을 변경하면(예: 캐시 무효화 쿼리 문자열 추가) 플랫폼이 즉시 재조회하도록 강제할 수 있습니다.

OG 미리보기

Facebook / LinkedIn

Twitter

자주 묻는 질문

Comments & Feedback