← 모두의 툴

twitter:card 안 넣어도 트위터 카드가 뜨는 이유

가이드 · 2026.08.21 최종 확인

분명 `twitter:card` 메타태그를 넣은 적이 없는데, X(구 트위터)에 링크를 붙여넣으면 제목·설명·이미지가 포함된 카드가 뜨는 걸 본 적이 있을 겁니다. 우연이 아닙니다. X는 twitter: 전용 태그가 없으면 Open Graph(og:) 태그를 자동으로 대신 읽어 카드를 만드는 폴백(fallback) 구조를 갖고 있습니다. 다만 이 폴백에는 눈에 잘 안 띄는 한계가 있고, 그 한계를 모르면 "카드는 뜨는데 왜 항상 작게만 뜨지"라는 질문에 답을 못 찾게 됩니다.

1. 폴백의 실체: og:title/description/image를 그대로 가져다 쓴다

X가 링크를 공유 카드로 렌더링할 때 확인하는 메타태그 우선순위는 대략 이렇습니다. 먼저 `twitter:title`, `twitter:description`, `twitter:image`가 있는지 찾고, 없으면 같은 역할을 하는 `og:title`, `og:description`, `og:image`를 대신 사용합니다. Open Graph는 원래 페이스북이 제안한 표준이지만 사실상 웹 전체의 공유 메타데이터 관례로 자리잡았기 때문에, 대부분의 사이트는 SEO 기본기로 OG 태그부터 넣습니다. 그 결과 twitter: 태그를 따로 신경 쓰지 않은 페이지도 "어쨌든 카드는 뜨는" 경험을 하게 되는 것입니다.

2. 그런데 왜 카드가 작게, 혹은 어색하게 뜨는가

폴백이 채우지 못하는 값이 하나 있습니다. 바로 `twitter:card`라는 카드 "타입" 자체입니다. 이 값은 Open Graph 쪽에 대응하는 태그가 없어서 폴백될 수가 없습니다. `twitter:card`가 없으면 X는 기본값인 `summary`(작은 정방형 썸네일)로 렌더링하며, 이미지를 가로로 넓게 강조하는 `summary_large_image`는 명시적으로 지정해야만 나옵니다. 즉 OG 태그만 있는 페이지는 카드 자체는 뜨지만 "썸네일이 작게 잘려서 나온다"는 흔한 불만으로 이어집니다. 이미지 강조가 중요한 블로그·제품 페이지일수록 `twitter:card` 하나만 추가해도 체감 노출 효과가 확 달라지는 이유가 여기 있습니다.

예시: OG 태그만 있는 페이지(`og:title`, `og:description`, `og:image`) → X 공유 시 summary 카드로 렌더링, 이미지는 좌측에 작은 정방형(120×120px 수준)으로 표시. 여기에 `<meta name="twitter:card" content="summary_large_image">` 한 줄만 추가하면 → 같은 이미지가 카드 상단에 가로로 넓게(1200×630px 권장) 표시됩니다.

3. 실제로 모두의 툴 트위터 카드 생성기는 무엇을 만드는가

실제 코드를 확인해보면 트위터 카드 생성기는 `twitter:card`, `twitter:title`, `twitter:description`, `twitter:image`, `twitter:image:alt`, `twitter:site`, `twitter:creator`, 그리고 app 타입 선택 시 `twitter:app:id:iphone`/`twitter:app:id:googleplay`까지, twitter: 네임스페이스 태그만 생성합니다. og: 태그는 이 도구에서 함께 만들어주지 않습니다 — 즉 이 도구 하나만으로는 "OG는 없고 twitter만 있는" 페이지가 됩니다. 대신 도구의 SEO 안내와 FAQ에 "twitter:card가 없으면 og:title 등을 폴백으로 사용한다"는 관계를 명시적으로 설명해, twitter 태그를 이미 넣었다면 OG 태그도 별도로 챙겨야 함을 알려주는 구조입니다. OG 태그 자체를 생성하려면 별도로 오픈그래프 생성기를 함께 사용해야 합니다.

4. 실전 체크리스트: 뭘 먼저 넣어야 하나

5. 폴백을 과신하면 안 되는 지점

폴백은 X가 "친절하게" 최소한의 카드를 보여주기 위한 안전장치일 뿐, 모든 상황에서 동일하게 작동한다고 보장되지는 않습니다. og:image URL이 HTTPS가 아니거나, robots.txt/noindex로 크롤러 접근이 막혀 있거나, 이미지 용량이 너무 크면 폴백이든 명시적 twitter 태그든 상관없이 카드 자체가 표시되지 않습니다. 카드가 안 뜬다면 태그 누락보다 이런 접근성 문제부터 의심하는 편이 진단이 빠릅니다. 메타태그가 실제로 올바르게 박혀 있는지는 메타태그 분석기로, OG 값이 어떻게 렌더링되는지는 오픈그래프 미리보기로 확인할 수 있습니다.

자주 묻는 질문

Q. OG 태그만 있으면 twitter: 태그는 아예 안 넣어도 되나요?

최소한의 카드 표시는 가능하지만 완전히 동등하지는 않습니다. `twitter:card` 타입은 OG에 대응 태그가 없어 폴백되지 않고 기본값 summary(작은 이미지)로만 뜹니다. 이미지를 강조하고 싶다면 `twitter:card` 하나는 추가하는 것을 권장합니다.

Q. twitter:site, twitter:creator도 og: 태그로 대체되나요?

아니요. Open Graph 표준에는 계정(핸들)을 나타내는 대응 태그가 없어서 폴백이 불가능합니다. X 계정을 카드에 노출하고 싶다면 반드시 twitter:site·twitter:creator를 직접 추가해야 합니다.

Q. 모두의 툴 트위터 카드 생성기가 OG 태그도 같이 만들어주나요?

아닙니다. 실제 코드를 확인한 결과 이 도구는 twitter: 네임스페이스 태그만 생성하며 og: 태그는 생성하지 않습니다. OG 태그가 필요하면 오픈그래프 생성기를 별도로 사용해야 합니다.

Q. 카드에 태그를 다 넣었는데도 안 뜬다면?

이미지 URL이 HTTPS인지, 5MB 미만인지, robots.txt나 noindex로 크롤러가 차단되지 않았는지부터 확인하세요. 태그 문법 자체가 정확해도 이런 접근성 문제로 카드가 아예 표시되지 않는 경우가 많습니다.