트위터 카드 생성기
트위터 공유 카드 메타 태그 생성·미리보기
Twitter Card란?
Twitter Card는 트위터(X)에서 URL을 공유할 때 제목·설명·이미지가 포함된 풍부한 미리보기 카드를 표시하는 메타 태그 표준입니다. twitter:card, twitter:title, twitter:description, twitter:image 4가지가 핵심이며, 이를 설정하지 않으면 Twitter는 Open Graph 태그를 폴백으로 사용합니다.
자주 묻는 질문
Twitter Card란 무엇인가요?
Twitter Card는 트위터(X)에서 링크를 공유할 때 제목, 설명, 이미지를 풍부하게 표시하는 메타 태그 표준입니다. twitter:card 태그를 head에 추가하면 트위터가 페이지를 크롤링해 미리보기 카드를 생성합니다.
summary와 summary_large_image의 차이는?
summary는 좌측에 작은 정방형 썸네일 이미지(120×120px 이상)를 표시합니다. summary_large_image는 카드 상단에 가로로 넓은 큰 이미지(1200×630px 권장)를 표시해 시각적 임팩트가 더 강합니다. 이미지를 강조하려면 summary_large_image를 권장합니다.
twitter:site와 twitter:creator의 차이는?
twitter:site는 콘텐츠를 게시하는 웹사이트의 Twitter 계정(@handle)이고, twitter:creator는 콘텐츠를 작성한 개별 저자의 Twitter 계정입니다. 예를 들어 뉴스 미디어라면 site에 회사 계정, creator에 기자 계정을 넣습니다.
이미지 권장 크기는?
summary_large_image 타입은 1200×630px(비율 1.91:1)을 권장합니다. summary 타입은 120×120px 이상의 정방형 이미지를 사용합니다. 지원 형식은 JPEG, PNG, WEBP, GIF이며 5MB 미만이어야 합니다.
Twitter Card Validator는 어떻게 사용하나요?
Twitter(X) Card Validator(cards-dev.twitter.com/validator)에 URL을 입력하면 카드가 어떻게 표시되는지 미리 확인할 수 있습니다. 태그 수정 후 즉시 검증하려면 이 도구를 사용하세요.
OG 태그와 Twitter Card를 둘 다 설정해야 하나요?
Twitter는 twitter:card가 없으면 og:title, og:description, og:image를 폴백으로 사용합니다. 따라서 OG 태그만으로도 트위터 공유가 작동하지만, twitter:card를 별도로 추가하면 더 정확한 제어가 가능합니다.
app 카드는 어디에 사용하나요?
app 카드는 모바일 앱 다운로드를 유도할 때 사용합니다. 앱 아이콘, 이름, 설명과 함께 앱스토어/플레이스토어 링크를 카드 안에 포함시킬 수 있습니다. twitter:app:id:iphone, twitter:app:id:googleplay 등의 추가 메타 태그가 필요합니다.
카드가 표시 안 될 때 해결 방법은?
1) twitter:card 태그 존재 여부 확인, 2) 이미지 URL이 HTTPS이며 접근 가능한지 확인, 3) 이미지 크기가 5MB 미만인지 확인, 4) Twitter Card Validator로 검증, 5) 로봇 차단(robots.txt, noindex)이 없는지 확인하세요.