Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Meta 플랫폼용 Open Graph 파싱 결과를 다시 스크랩하고 확인합니다.
OGP 태그 생성기 (og:title, og:image 등 자동 출력)
URL, 제목, 설명, 이미지 URL을 입력하면 Open Graph와 Twitter Card 메타 태그를 한 번에 생성합니다.
복사해서 바로 사용
미리보기 내장
이미지와 캐시 가이드
사용 방법
- 도구를 열고 canonical URL, 제목, 이미지 URL을 입력합니다.
- 필요하면 설명, 사이트명, Twitter 설정을 추가합니다.
- 생성된 meta 태그를 복사해 페이지 head에 붙여넣습니다.
- 미리보기와 안내를 확인한 뒤 이미지 비율이나 캐시 전략을 조정합니다.
OGP란 무엇인가요?
Open Graph Protocol(OGP)은 소셜 플랫폼과 채팅 앱이 링크 미리보기를 그릴 때 쓰는 메타데이터입니다.
og:title, og:description, og:image 등의 태그를 설정하면 공유 URL이 어떻게 보일지에 영향을 줄 수 있습니다.
OGP와 Twitter Card 태그를 함께 쓰면 플랫폼별 미리보기 동작을 더 일관되게 맞출 수 있습니다.
이미지 크기 가이드 (더 안정적인 미리보기용)
Meta 플랫폼 가이드 (참고)
- 최소 참고 크기: 200×200.
- 안정적인 사례: 1200×630 이상, 최소 600×315.
- 목표 비율은 약 1.91:1.
- 이미지 파일 크기는 8MB 이하가 일반적인 가이드입니다.
X 카드 가이드 (참고)
- summary_large_image는 보통 약 2:1 비율을 목표로 합니다.
- 참고 범위: 최소 300×157, 최대 4096×4096.
- 파일 크기는 5MB 미만이 일반적인 가이드입니다.
- 지원되는 경우 JPG/PNG/WEBP/GIF를 사용하세요.
변경이 반영되지 않을 때 (캐시와 재스크랩)
- 소셜 크롤러는 가져온 메타데이터를 캐시할 수 있습니다. 각 플랫폼의 디버거/인스펙터에서 다시 스크랩을 요청하세요.
- 이미지 교체가 반영되지 않으면 이미지 URL을 바꾸는 것이 도움이 됩니다 (파일명 변경 또는 쿼리 문자열 추가).
- 일부 경우에는 og:image:width와 og:image:height를 설정하면 렌더링 안정성이 좋아질 수 있습니다.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/LinkedIn의 URL 미리보기 데이터를 새로 읽고 확인합니다.
X Card Validator
https://cards-dev.twitter.com/validatorX 카드 메타데이터를 검증하고 가능하면 카드 재가져오기를 요청합니다.
FAQ
Twitter Card 태그도 생성할 수 있나요?
예. twitter:card와 관련 태그도 함께 출력할 수 있습니다. 최소 세트 모드도 제공합니다.
이미지 크기는 어느 정도가 좋나요?
플랫폼별 가이드를 참고하세요. Meta 중심 미리보기는 약 1.91:1(예: 1200×630), X summary_large_image는 약 2:1(예: 1200×600)을 많이 사용합니다.
변경 내용이 왜 반영되지 않나요?
대부분은 캐시 문제입니다. 플랫폼 도구로 재스크랩을 요청하고, 이미지를 교체했다면 URL도 바꾸는 것을 검토하세요.