Twitter, Facebook, LinkedIn 등 소셜 미디어 플랫폼에서 공유될 때 웹사이트의 표시 효과를 미리봅니다. 페이지 제목, 설명, URL 및 이미지를 입력하면 카드 미리보기를 실시간으로 확인하고 Open Graph 메타 태그를 생성할 수 있으며, 모든 처리는 브라우저 로컬에서 완료됩니다.
주요 기능
Twitter, Facebook 및 LinkedIn 카드 실시간 미리보기
각 플랫폼별 문자 수 제한 경고
이미지 미리보기 및 종횡비 권장 사항
Open Graph 및 Twitter Card 메타 태그 자동 생성
생성된 메타 태그 한 번 클릭 복사
다중 플랫폼 나란히 비교 미리보기
빠른 미리보기
사용 사례
블로그 게시물 및 뉴스 기사의 소셜 미디어 공유 효과 최적화
웹사이트 배포 전 Open Graph 메타 태그 검증
다양한 소셜 플랫폼에서 페이지의 표시 효과 비교
누락되거나 잘못된 소셜 공유 미리보기 디버깅
마케팅 캠페인을 위한 소셜 카드 이미지 디자인 및 테스트
social
자주 묻는 질문
어떤 소셜 미디어 플랫폼의 미리보기를 지원하나요?
도구는 Open Graph 및 Twitter Card 메타 태그를 지원하는 Twitter(X), Facebook, LinkedIn 등의 플랫폼에서 페이지의 공유 모습을 미리봅니다. 각 플랫폼의 카드 레이아웃은 약간 다릅니다.
Open Graph 메타 태그란 무엇인가요?
Open Graph 메타 태그(og:title, og:description, og:image, og:url)는 콘텐츠가 소셜 미디어에서 공유될 때의 모습을 제어하는 HTML 메타 요소입니다. 소셜 플랫폼이 링크 미리보기에 표시하는 제목, 설명, 이미지 및 URL을 정의합니다.
Twitter Card는 Open Graph와 어떻게 다른가요?
Twitter는 자체 메타 태그(twitter:card, twitter:title 등)를 사용하지만, Twitter 태그가 누락된 경우 Open Graph 태그로 대체됩니다. 도구는 Twitter와 Open Graph 미리보기 간 전환을 허용하여 둘 다 올바르게 렌더링되는지 확인합니다.
소셜 미리보기에 가장 적합한 이미지 크기는 얼마인가요?
Facebook 및 LinkedIn의 이미지는 최소 1200x630 픽셀이 필요합니다. Twitter의 Large Image Summary Card는 1200x600 또는 800x400과 같은 2:1 종횡비를 권장합니다. 미리보기는 이미지가 올바르게 표시되는지 확인하는 데 도움이 됩니다.
미리보기에서 이미지가 표시되지 않는 이유는 무엇인가요?
일반적인 원인으로는 누락되거나 잘못된 og:image URL, 200x200 픽셀 미만의 이미지 파일, 지원되지 않는 이미지 형식 또는 소셜 플랫폼의 캐싱이 있습니다. 절대 URL을 사용하고 이미지가 최소 크기 요구 사항을 충족하는지 확인하세요.