WebTools

Useful Tools & Utilities to make life easier.

Twitter Card Generator

트위터 공유용 카드 메타 데이터를 생성합니다.

트위터 카드 생성기란?

내 사이트 링크를 트위터(현재 X)에 올렸을 때 밋밋한 주소 대신 큰 이미지가 있는 카드 형태로 예쁘게 보이도록 해 주는 메타태그를 만드는 도구입니다. 제목, 계정 아이디, 대표 이미지 주소, 설명 문구만 넣으면 twitter:card 계열 태그가 바로 생성됩니다. 여기서 만드는 카드는 이미지가 큼직하게 들어가는 summary_large_image 형식입니다.

같은 링크라도 카드 태그가 있느냐 없느냐에 따라 타임라인에서 눈에 띄는 정도가 크게 달라집니다. 제목과 요약, 썸네일이 함께 뜨면 클릭을 부르는 힘이 세집니다. 이 생성기는 그 카드에 필요한 네다섯 개의 태그를 규격에 맞게 정리해 줍니다.

사용 방법

  1. 카드에 표시할 제목을 입력합니다.
  2. 사이트를 대표하는 트위터 계정 아이디(@ 뒤 이름)를 넣습니다.
  3. 카드에 크게 뜰 이미지 주소를 전체 경로로 적습니다.
  4. 한 줄 설명 문구를 넣고 생성 버튼을 누릅니다.
  5. 나온 태그를 복사해 페이지 <head> 안에 붙여 넣습니다.

만들어지는 태그 구성

태그역할
twitter:card카드 종류 지정(여기서는 큰 이미지형)
twitter:site사이트를 대표하는 계정 아이디
twitter:title카드에 뜨는 제목
twitter:description제목 아래 한 줄 요약
twitter:image카드에 크게 표시되는 대표 이미지

자주 묻는 질문

이미지 크기는 얼마가 좋나요?

큰 이미지형 카드는 가로가 긴 직사각형 이미지가 잘 어울립니다. 대략 2:1 비율(예: 가로 1200, 세로 630 정도)로 만들면 잘리지 않고 깔끔하게 표시됩니다. 이미지가 너무 작거나 세로로 길면 카드에서 어색하게 잘릴 수 있습니다.

카드가 바로 안 보이는데 왜 그런가요?

트위터는 링크를 한 번 읽어 카드 정보를 저장해 두기 때문에, 태그를 새로 넣거나 고친 직후에는 예전 정보가 잠시 남아 있을 수 있습니다. 이미지 주소가 전체 경로(https://...)로 되어 있는지, 공개된 주소인지도 확인해 보세요. 로그인해야 보이는 이미지는 카드에 뜨지 않습니다.

다른 플랫폼 미리보기도 같이 만들 수 있나요?

이 도구는 트위터 카드에 집중해 태그를 간단히 뽑아 줍니다. 페이스북·카카오톡·링크드인 등 여러 플랫폼용 태그를 한꺼번에 만들고 싶다면 SEO 메타태그 생성기를 이용하면 됩니다.

안내: 카드 태그는 페이지 헤더에 넣어야 하며, 이미지는 외부에서 접근 가능한 공개 주소여야 합니다. · 마지막 검토: 2026년 7월 11일.