Twitter Card는 누군가 링크를 게시할 때 X가 보여 주는 리치 미리보기입니다. twitter:card, twitter:title, twitter:description, twitter:image 같은 메타 태그가 미리보기 렌더링 방식을 알려 줍니다.

summary와 summary_large_image의 차이는?

summary_large_image는 제목 위에 넓은 이미지를 표시합니다 - 블로그·런치에 적합. summary는 텍스트 옆 작은 정사각 썸네일 - 컴팩트 공유에 적합. 이미지에 맞는 유형을 고르세요.

Open Graph 태그도 필요한가요?

Facebook, LinkedIn, Slack, 많은 메신저에는 예. X는 Open Graph로 대체할 수 있지만 전용 twitter:* 태그가 명시적 제어를 줍니다. 이 도구와 Open Graph 태그 생성기로 둘 다 생성하세요.

Twitter Card 이미지 크기는?

절대 https URL을 사용하세요. summary_large_image에는 약 1200 x 628 픽셀이 잘 맞습니다. summary에는 정사각(최소 144 x 144, 더 크면 좋음)이 안전합니다.

twitter:site에는 무엇을 넣나요?

X의 브랜드 또는 사이트 @핸들. @brand, brand, 프로필 URL을 입력해도 생성기가 @handle로 정규화합니다.

HTML은 어디에 붙여 넣나요?

공개 HTML 문서(또는 프레임워크 메타데이터 API)의 head 안에 태그를 넣습니다. 공유하는 URL에서 X 크롤러가 읽을 수 있어야 합니다.

입력 내용이 기기를 떠나나요?

아니요. Twitter Card 생성기는 브라우저에서만 실행됩니다. 제목, 핸들, 이미지 URL은 서버에 업로드·저장되지 않습니다.

SEO 도구

Twitter Card 생성기

브라우저에서 X용 Twitter Card 메타 태그를 만듭니다.

카드 종류

넓은 히어로 이미지의 경우 summary_large_image. 작은 정사각형 미리보기 이미지가 포함된 컴팩트 카드 요약입니다.

제목

0자

설명

0자

이미지 URL

절대 https URL를 사용하십시오. summary_large_image에는 1200 x 628 px가 적합합니다.

사이트(@handle)

X의 브랜드 핸들입니다. @name, 이름 또는 x.com / twitter.com URL을 허용합니다.

작성자(@handle)

선택 과목. 콘텐츠 작성자 핸들.

HTML 태그

태그를 생성하려면 제목, 설명, 이미지 또는 핸들을 입력하세요.

X / 트위터 미리보기

공유 이미지를 미리 보려면 이미지를 추가하세요 URL

카드 제목

링크가 공유되면 여기에 설명이 표시됩니다.

example.com

Twitter Card 생성기 정보

브라우저에서 X용 Twitter Card 메타 태그를 만듭니다. summary 또는 summary_large_image를 선택하고, 제목·설명·이미지 URL·선택적 @site / @creator 핸들을 입력한 뒤, 실시간 HTML을 페이지 head에 복사하세요. 미리보기로 컴팩트 또는 대형 이미지 카드가 배포 전 어떻게 보이는지 확인합니다. Facebook·LinkedIn 미리보기도 필요하면 Open Graph 태그 생성기와 함께 사용하세요. 업로드 없음.

Twitter Card 생성기 사용 방법

카드 유형 선택: 넓은 히어로는 summary_large_image, 작은 썸네일은 summary.
링크 공유 시 표시될 제목과 설명을 입력합니다.
절대 https 이미지 URL을 붙여 넣습니다(대형 카드는 1200 x 628 권장).
twitter:site(브랜드 핸들)와 선택적 twitter:creator를 추가합니다.
HTML을 복사해 페이지 head 안에 붙여 넣습니다.

Twitter Card 생성기 예시

대형 이미지 블로그 글

summary_large_image, 글 제목, 두 줄 설명, 1200 x 628 이미지로 twitter:card, twitter:title, twitter:description, twitter:image가 기사 템플릿에 바로 쓸 수 있습니다.

브랜드 핸들이 있는 제품 페이지

site에 @yourbrand를 넣으면 X가 카드를 해당 계정에 연결합니다. 타임라인에서 잘리지 않도록 제목은 ~70자 이내를 권장합니다.

컴팩트 summary 카드

제목 옆에 작은 공유가 필요하면 summary와 정사각 썸네일을 사용하세요 - 문서·지원 링크에 유용합니다.

X 프로필 URL에서 핸들

Site에 https://x.com/toolsminify를 붙여 넣으면 생성기가 twitter:site에 @toolsminify로 정규화합니다.

일반적인 사용 사례

블로그·랜딩 페이지용 twitter:card 태그 배포
배포 전 summary vs summary_large_image 미리보기
twitter:site·twitter:creator 핸들 올바르게 설정
따옴표·앰퍼샌드가 있는 제목을 유효한 HTML로 이스케이프
X 전용 제어를 위해 Open Graph 태그 보완

Twitter Card 생성기에 대한 자주 묻는 질문

Twitter Card란?: Twitter Card는 누군가 링크를 게시할 때 X가 보여 주는 리치 미리보기입니다. twitter:card, twitter:title, twitter:description, twitter:image 같은 메타 태그가 미리보기 렌더링 방식을 알려 줍니다.
summary와 summary_large_image의 차이는?: summary_large_image는 제목 위에 넓은 이미지를 표시합니다 - 블로그·런치에 적합. summary는 텍스트 옆 작은 정사각 썸네일 - 컴팩트 공유에 적합. 이미지에 맞는 유형을 고르세요.
Open Graph 태그도 필요한가요?: Facebook, LinkedIn, Slack, 많은 메신저에는 예. X는 Open Graph로 대체할 수 있지만 전용 twitter:* 태그가 명시적 제어를 줍니다. 이 도구와 Open Graph 태그 생성기로 둘 다 생성하세요.
Twitter Card 이미지 크기는?: 절대 https URL을 사용하세요. summary_large_image에는 약 1200 x 628 픽셀이 잘 맞습니다. summary에는 정사각(최소 144 x 144, 더 크면 좋음)이 안전합니다.
twitter:site에는 무엇을 넣나요?: X의 브랜드 또는 사이트 @핸들. @brand, brand, 프로필 URL을 입력해도 생성기가 @handle로 정규화합니다.
HTML은 어디에 붙여 넣나요?: 공개 HTML 문서(또는 프레임워크 메타데이터 API)의 head 안에 태그를 넣습니다. 공유하는 URL에서 X 크롤러가 읽을 수 있어야 합니다.
입력 내용이 기기를 떠나나요?: 아니요. Twitter Card 생성기는 브라우저에서만 실행됩니다. 제목, 핸들, 이미지 URL은 서버에 업로드·저장되지 않습니다.

Open Graph 태그 생성기

제목, 설명, URL, 이미지로 Open Graph 및 Twitter Card 메타 태그를 생성. 실시간 HTML과 소셜 미리보기가 있는 무료 OG 태그 생성기.

Meta Description Checker & SERP Preview

무료 SERP 길이 checker와 meta description preview. 실시간 문자 수와 Google snippet preview - 또는 초안 생성. 150-160자 한도에 맞춤.

UTM 캠페인 URL 빌더

GA4용 무료 UTM 캠페인 URL 빌더. utm_source, utm_medium, utm_campaign 추가, tagged link 파싱, 소문자 값(GA4 대소문자 구분). 업로드 없음.