이 도구에 대해
X(이전 Twitter)는 링크를 공유했을 때 표시되는 미리보기 카드를 만들기 위해 twitter:card, twitter:title, twitter:description, twitter:image, twitter:site라는 자체 meta 태그 세트를 읽습니다. 이는 Open Graph와는 별개의 표준으로, 레이아웃은 두 가지입니다. summary_large_image는 상단에 넓은 이미지를 표시하고 그 아래 작은 텍스트 블록을 두며, summary는 제목과 설명 옆에 작고 정사각형인 썸네일을 유지합니다. 블로그 글이나 기사에는 큰 이미지 레이아웃을, 텍스트가 시각 요소보다 중요한 유틸리티 페이지에는 summary를 사용하세요.
X는 찾을 수 없는 twitter: 속성이 있으면 대응하는 og: 태그로 대체합니다 — og:title, og:description, og:image가 빈 부분을 채웁니다 — 그래서 Open Graph 태그만 있는 페이지도 카드는 표시되지만, X 전용 세부 제어는 되지 않습니다. 완전히 커버하려면 함께 제공되는 Open Graph 생성기로 Open Graph 태그를 생성하고 이 페이지의 twitter: 태그와 함께 사용하세요. 두 가지를 합치면 X, Facebook, LinkedIn, Slack, Discord와 대부분의 채팅 앱을 포함해 대다수 플랫폼이 풍부한 링크 미리보기를 위해 의존하는 두 가지 표준을 모두 다루게 됩니다.
자주 묻는 질문
summary와 summary_large_image의 차이는 무엇인가요?
summary는 텍스트 옆에 작은 정사각형 썸네일을 표시하고, summary_large_image는 텍스트 위에 전체 너비 배너 이미지를 표시합니다 — 블로그 게시물이나 제품 같은 시각적 콘텐츠에는 큰 버전을 사용하세요.
Twitter Card 태그를 추가해도 Open Graph 태그가 여전히 필요한가요?
네 — X/Twitter는 생략된 twitter: 필드에 대해 Open Graph 태그로 대체되므로, 둘 다 유지하면 플랫폼 전반에서 가장 안정적인 결과를 얻습니다.