Twitter 카드 검증 및 미리보기

Twitter/X에서 공유될 때 웹사이트가 어떻게 보이는지 미리봅니다. summary 및 summary_large_image 카드 유형을 테스트하세요.

0/70
0/200
미리보기
이미지 없음
example.com
페이지 제목
페이지 설명이 여기에 표시됩니다...
생성된 Meta 태그
<meta name="twitter:card" content="summary_large_image" />

실시간 미리보기

실시간 미리보기 업데이트로 Twitter/X에서 공유될 때 콘텐츠가 어떻게 보이는지 정확하게 확인하세요.

2가지 카드 유형

Summary(작은 썸네일)와 Summary Large Image(전체 너비 이미지) 두 가지 카드 유형을 미리봅니다.

복사-붙여넣기 태그

페이지의 head 섹션에 바로 붙여넣을 수 있는 meta 태그 HTML 코드를 얻을 수 있습니다.

Twitter 카드 검증 도구 사용법

  1. 1.카드 유형을 선택하세요: Summary(작은 이미지) 또는 Summary Large Image(전체 너비).
  2. 2.페이지의 제목, 설명, 이미지 URL을 입력하세요.
  3. 3.선택적으로 @사용자명과 페이지 URL을 추가하여 완전한 태그를 얻으세요.
  4. 4.Meta 태그 복사를 클릭하고 생성된 HTML을 페이지의 <head> 섹션에 붙여넣으세요.

자주 묻는 질문

Twitter 카드란 무엇인가요?

Twitter 카드는 웹페이지에 추가하는 meta 태그로, Twitter/X에서 콘텐츠가 공유될 때 표시 방법을 제어합니다. 사이트 링크가 포함된 트윗에 리치 미디어(이미지, 제목, 설명)를 첨부할 수 있습니다.

summary와 summary_large_image의 차이점은?

"summary" 카드는 제목과 설명 옆에 작은 정사각형 썸네일(120x120~144x144px)을 표시합니다. "summary_large_image" 카드는 텍스트 위에 전체 너비 이미지(최소 300x157px, 권장 1200x628px)를 표시합니다.

Twitter 카드에 어떤 크기의 이미지를 사용해야 하나요?

summary_large_image 카드에는 최소 1200x628px(2:1 비율) 이미지를 사용하세요. summary 카드에는 최소 144x144px(1:1 비율). 최대 파일 크기는 5MB. 지원 형식은 JPG, PNG, WEBP, GIF입니다.

이것은 실제 Twitter 카드 검증 도구인가요?

이 도구는 구성한 meta 태그를 기반으로 로컬 미리보기를 제공합니다. 공식 검증을 위해서는 cards-dev.twitter.com의 Twitter Card Validator에서 실제 URL을 테스트할 수 있습니다.