🔗 오픈그래프 태그 생성기
og:title·og:image 등 SNS 공유 미리보기 태그를 만들고 트위터 카드 태그도 함께 생성합니다.
사용 방법
- 공유될 제목·설명·페이지 URL·대표 이미지 URL을 입력합니다.
- 콘텐츠 유형(웹사이트/글)과 사이트 이름을 선택합니다.
- 생성된 코드를 복사해 <head>에 붙여넣습니다.
- 카카오톡·페이스북 디버거로 미리보기를 확인합니다.
이럴 때 유용해요
- 블로그·쇼핑몰 링크를 카톡에 보냈을 때 썸네일이 안 나올 때
- 이벤트 페이지의 공유 이미지를 예쁘게 지정하고 싶을 때
- 트위터(X)·페이스북·라인 등 여러 SNS 미리보기를 한 번에 챙길 때
알아두면 좋은 팁
- og:image는 절대경로(https://…)여야 하며 1200×630px, 1.91:1 비율이 가장 안정적으로 표시됩니다.
- 태그를 수정해도 카카오톡은 캐시 때문에 바로 반영되지 않습니다. 카카오 개발자센터의 '카카오톡 공유 디버거'에서 캐시 초기화 후 확인하세요.
자주 묻는 질문
카톡에 링크를 보내면 썸네일이 안 나오는 이유는?
대부분 og:image 태그가 없거나 이미지 주소가 상대경로이기 때문입니다. https://로 시작하는 절대경로 이미지를 지정하고, 카카오 공유 디버거에서 캐시를 초기화하면 해결됩니다.
og:image 이미지 크기는 얼마가 좋나요?
1200×630px(1.91:1)이 페이스북·카카오톡 권장 규격입니다. 최소 200×200px 이상이어야 하며, 5MB를 넘으면 일부 플랫폼이 무시할 수 있습니다.
트위터 카드 태그는 왜 따로 필요한가요?
트위터(X)는 twitter:card 태그를 우선 참조합니다. 없으면 og 태그로 대체되지만, summary_large_image 카드로 큰 이미지를 노출하려면 트위터 전용 태그를 함께 넣는 것이 확실합니다.
태그를 고쳤는데 미리보기가 그대로예요.
SNS 플랫폼이 이전 결과를 캐시하고 있어서입니다. 페이스북 공유 디버거, 카카오톡 공유 디버거에서 해당 URL을 다시 긁어오게(스크랩 초기화) 하면 새 태그가 반영됩니다.
