얼리 블랙 프라이데이 플래시 세일
01 HR 31 Min 55

트위터 카드 유효성 검사기: X에서 링크 미리보기 구축하기

오차이 엠마누엘

12월 26, 2023| 11 최소 읽기

X 또는 이미지, GIF 및 동영상이 포함된 트위터 게시물은 일반 트윗보다 참여도가 높습니다. 이러한 게시물에는 시각적인 매력이 있기 때문입니다. 마찬가지로 사람들은 매력적인 카드가 포함된 트위터 링크를 클릭할 가능성이 더 높습니다. 따라서 X(이전 트위터)에서 웹사이트를 홍보하려면 매력적인 카드를 만들어야 합니다. 그런 다음 트위터 카드 유효성 검사기를 사용하여 사이트의 라이브 카드를 검증하고 영향을 줍니다. 

이렇게 하면 누군가 X에서 내 웹사이트 링크를 공유할 때 사용자에게 매력적인 카드가 표시됩니다. 이미 라이브 카드가 있는 경우 이미지를 어떻게 업데이트할 수 있나요? 트위터 카드 유효성 검사에 실패하면 어떻게 해야 하나요? 대체할 수 있는 유효성 검사기가 있나요? 이 도움말 문서에서는 X에서 비즈니스를 홍보하는 데 도움이 되는 이 모든 질문에 대한 답변을 제공합니다.

갈색 배경에 X 로고가 있는 잘못된 회색 화면 이미지입니다.

트위터 카드와 X 카드 유효성 검사기란 무엇인가요?

WhatsApp에서 연락처를 공유할 때 이름과 번호는 텍스트로 표시되지 않습니다. 대신, 텍스트는 사진을 업로드한 사람 옆의 사진과 함께 상자에 표시됩니다. 이 상자는 카드, 즉 연락처 카드입니다. 마찬가지로 누군가가 트위터에서 링크를 공유할 때 카드가 생성되도록 웹사이트를 디자인할 수도 있습니다. 

트위터 카드는 X에서 링크를 공유할 때 텍스트와 이미지/동영상이 표시되는 크리에이티브 상자입니다. 그러나 위에서 설명한 WhatsApp 연락처 카드와 달리 트위터 카드는 자동으로 생성되지 않습니다. 웹사이트 링크가 X에서 카드를 생성하려면 사이트 백엔드에 메타 태그를 추가해야 합니다. 이러한 메타 태그는 카드 생성을 도와주는 웹 링크에 대한 설명 코드입니다. 

이러한 카드를 만드는 설명 코드 또는 메타 태그는 웹사이트의 백엔드에 있습니다. 하지만 카드를 디자인하고 백엔드에서 실행한 후에는 카드가 제대로 작동하는지 알 수 없습니다. 따라서 유효성 검사기가 필요합니다. 유효성 검사기는 트위터 카드의 작동 상태를 확인합니다. 이 유효성 검사기는 카드 미리 보기를 수행하여 카드 세부 정보와 성공 상태를 표시합니다.

트위터 새 이미지를 보여주는 휴대폰 화면 일부의 클로즈업 사진입니다.

트위터 카드 유형: 사용할 카드 유형 알아보기

클릭 한 번으로 지난 트윗 대량 삭제
이미지

X 카드는 공유 중인 페이지와 콘텐츠를 미리 보여줍니다. 시청자에게 공유 중인 콘텐츠에 대한 아이디어를 제공합니다. 따라서 카드의 메타 태그를 준비할 때는 최상의 효과를 내기 위해 올바른 카드를 만드는 것이 중요합니다. 미리보기와 실제 콘텐츠가 일치하지 않으면 X 플랫폼에서 신뢰도를 잃을 수 있습니다. 

트위터 카드 유형은 네 가지가 있으며, 웹사이트에 어떤 내용을 공유할지에 따라 선택할 수 있습니다. 이 섹션에서는 필요에 따라 적합한 카드를 선택할 수 있도록 네 가지 카드 유형에 대해 자세히 설명합니다.

X 요약 카드와 큰 이미지가 있는 요약 카드

동일한 기능을 가진 두 가지 카드 유형이 있습니다. 이름 그대로 요약 카드는 공유하려는 웹사이트에 대한 간결한 정보를 제공합니다. 카드에는 약 70자의 제목과 약 200자의 설명이 포함됩니다. 또한 썸네일과 웹 링크도 포함되어 있습니다. 이 두 카드의 유일한 차이점은 이미지 종횡비입니다. 일반 요약 카드에는 1:1 화면 비율의 이미지가 있는 반면, 큰 이미지가 있는 카드에는 2:1이 허용됩니다. 하지만 두 카드 유형 모두 5MB 미만의 이미지여야 합니다.

트위터 앱과 플레이어 카드를 사용하여 미디어 콘텐츠 홍보하기

미디어 콘텐츠는 오디언스의 관심을 끌 수 있는 가장 효과적인 방법 중 하나입니다. 따라서 많은 트위터 사용자들이 미디어 콘텐츠를 업로드하여 활발한 트위터 팔로워의 참여를 유도하고 있습니다. 웹사이트에 미디어 링크를 공유하는 것을 선호하는 트윗도 있습니다. 플레이어 카드는 링크를 공유하면 오디오 또는 동영상 미디어를 불러와 자동으로 재생합니다. 따라서 사용자는 X 플랫폼을 떠나지 않고도 플레이어 카드를 통해 링크된 콘텐츠를 즐길 수 있습니다. 

반면에 트위터 앱 카드는 플랫폼에서 애플리케이션을 홍보하는 데 도움이 됩니다. 앱 카드는 밋밋한 텍스트 링크 대신 애플리케이션에 대한 매력적인 트위터 광고를 디자인합니다. 카드에는 앱 이미지, 평점 및 가격과 같은 기타 정보가 담겨 있습니다. 이러한 애플리케이션 광고 전략은 가시성을 높이고 더 많은 사용자를 끌어들일 수 있습니다.

데스크톱 브라우저에서 트위터 피드의 스크린샷 이미지입니다.

간단한 3단계로 트위터의 카드 유효성 검사 도구를 사용하는 방법

트위터에서 웹 링크용 카드를 생성하는 코드와 메타 태그를 준비하려면 많은 작업이 필요합니다. 하지만 X 플랫폼에서 작동하지 않으면 이 모든 작업이 물거품이 될 수 있습니다. 그렇기 때문에 트위터에서는 카드의 기능을 검증하는 데 도움이 되는 유효성 검사기를 제공합니다. 

X 카드 유효성 검사기는 트위터에 표시되는 카드의 모습을 미리 보고 수정할 수 있는 도구입니다. 또한 카드에 문제가 있는 경우 알려주어 카드가 제대로 작동하도록 수정할 수 있도록 도와줍니다. 이 도구를 사용하여 트위터 카드의 유효성을 검사하려면 다음 세 단계를 따르세요:

  1. 브라우저에서 X 카드 유효성 검사 기 페이지를 엽니다. 
  2. 검색 필드에 웹사이트 URL을 붙여넣고 파란색 강조 표시된 부분의 '카드 미리보기'를 클릭합니다. 
  3. 트위터에서 URL을 크롤링하여 카드의 기능을 확인하는 결과를 반환합니다.

메타 태그가 정확하고 제대로 작동하면 성공 메시지를 받게 됩니다. 그러나 코드에 문제가 있는 경우 시스템에서 로그 섹션에 오류 메시지를 보냅니다. 하지만 유효성 검사기는 이제 레거시 소프트웨어이므로 성공하더라도 미리보기가 표시되지 않습니다. 하지만 트윗 작성기에는 미리보기가 표시됩니다.

트위터 카드 유효성 검사기에서 사진을 업데이트하는 방법

트위터 카드의 목표는 호감을 불러일으키는 것이며, 여기서 카드 이미지가 중요한 역할을 합니다. 그러나 때로는 카드에 잘못된 이미지가 있을 수 있습니다. 또는 이미지가 오래되어 업데이트하고 싶을 때도 있습니다. 따라서 트위터 카드 유효성 검사기에서 사진을 업데이트하는 방법이 궁금할 수 있습니다. 유효성 검사기에서 이미지를 업데이트하려면 웹사이트 백엔드에서 이미지 링크를 업데이트해야 합니다. 이 섹션에서는 이를 수행하는 데 도움이 되는 자세한 가이드를 제공합니다. 

사이트 백엔드에서 유효성 검사기에서 이미지를 업데이트하려면 다음 두 단계를 따르세요:

  1. Open the website’s code and find the meta tag for the image. It should appear as ‘<meta name=” Twitter: image” content=” photo link”/>.’
  2. 해당 코드 블록에서 현재 '사진 링크'를 제거하고 새 이미지 링크로 바꿉니다.

이 작업을 수행하면 카드를 미리 볼 때 유효성 검사기에서 카드 이미지가 업데이트됩니다. 그러나 워드프레스에서 웹사이트를 구축하는 경우에는 이 프로세스가 작동하지 않습니다. 이 플랫폼의 프로세스는 더 광범위하지만 이 섹션에서는 효과적으로 요약합니다. 

Yoast를 사용하여 워드프레스에서 이미지를 업데이트하는 4단계는 다음과 같습니다:

  1. 페이지 대시보드의 사이드 메뉴에서 Yoast SEO를 탭합니다. 
  2. 트위터 미리보기 탭으로 이동하여 메타 태그를 찾습니다. 
  3. '트위터 이미지' 옵션에서 '이미지 선택'을 클릭합니다. 
  4. 마지막으로 새 이미지를 업로드하고 저장하여 변경 사항을 적용합니다.

이 프로세스가 끝나면 카드를 미리 볼 때 새 이미지가 유효성 검사기에 나타납니다.

메타 태그의 '인증 실패'가 강조 표시된 데스크톱의 코드 블록을 클로즈업한 사진입니다.

트위터 카드 유효성 검사기가 작동하지 않는 이유: 3가지 일반적인 이유

X 카드 유효성 검사기는 레거시 소프트웨어이지만 데스크톱 브라우저에서는 여전히 잘 작동합니다. 따라서 기능에 문제가 있는 경우 코드 또는 카드에 문제가 있는 것이 틀림없습니다. 사용자 경험에 따라 트위터 카드 유효성 검사기가 작동하지 않는 몇 가지 일반적인 이유가 있습니다. 이 섹션에서는 이러한 이유와 해결 방법에 대해 간략하게 설명합니다.

X 카드가 플랫폼의 요구 사항에 미치지 못함

X에는 여러 가지 카드 유형이 있으며, 트위터에는 각 카드 유형, 특히 이미지에 대한 특정 요구 사항이 있습니다. X 인증자가 카드를 승인하려면 카드 유형에 대한 모든 요구 사항을 충족해야 합니다. 아래 표에는 X에서 각 카드 유형에 대한 중요한 요구 사항이 요약되어 있습니다.

카드 유형요구 사항 
요약 카드- 이미지는 5MB 이하여야 합니다.
- 이미지 형식은 WEBP, GIF, PNG 또는 JPG여야 합니다.
- 1:1 이미지의 경우 최소 144×144픽셀이어야 합니다. 
큰 이미지가 포함된 요약 카드- 이미지 크기는 5MB를 초과하지 않아야 합니다.
- SVG 이미지는 사용하지 마세요. 허용되는 형식은 GIF, PNG, WEBP 및 JPG입니다.
- 2:1 이미지의 경우 최소 300 x 157픽셀을 사용해야 합니다. 
앱 카드- 앱이 Play 또는 App Store에 있어야 하며 지역이 지정되어 있어야 합니다.
- X 카드 유효성 검사기로 앱의 유효성을 검사해야 합니다.
- 스토어에 있는 앱의 이미지는 1MB를 초과하지 않아야 합니다. 
플레이어 카드- 허용되는 동영상 형식은 H264, MP4 및 MOV입니다.
- 링크된 페이지는 iFrame에 맞아야 합니다.
- 메타 태그에는 플레이어의 너비와 높이가 포함되어야 합니다.

robots.txt 차단으로 인해 트위터 크롤러가 웹 페이지에 액세스할 수 없음

X 유효성 검사기가 어떻게 작동하는지 기억하시나요? 메타 태그의 정확성과 기능을 보장하기 위해 코드를 통해 웹 페이지를 크롤링합니다. 하지만 많은 웹 디자이너는 웹사이트를 보호하기 위해 robots.txt 파일을 작성하고 구현합니다. 이 파일은 웹 크롤러와 로봇이 방문할 수 있는 페이지를 표시하여 웹 크롤러와 로봇을 지시합니다. 

robot.txt 파일이 트위터의 크롤러가 웹사이트의 중요한 페이지에 액세스하지 못하도록 차단하면 유효성 검사가 작동하지 않습니다. 이 시점에서는 robots.txt 보호 기능을 X 카드 유효성 검사와 맞바꾸는 것을 고려할 수 있습니다.

소셜 미디어 앱이 있는 소셜 탭이 표시된 휴대폰을 들고 있는 손 사진입니다.

트위터 카드 검증기 대안: 추가 검증을 위한 2가지 옵션

X 카드 유효성 검사 도구는 현재 레거시 소프트웨어로, 여전히 작동하지만 완전히 신뢰할 수 있는 것은 아닙니다. 따라서 코드와 메타 태그에 문제가 없어 보이는 경우에도 카드 유효성 검사에 오류가 발생할 수 있습니다. 이 경우 트위터 카드 유효성 검사기 대안을 사용하여 X 카드의 유효성을 검사하는 것이 가장 좋습니다. 이렇게 하면 오류가 코드가 아닌 레거시 시스템에서 발생하는지 확인할 수 있습니다. 

유효성 검사의 민감도를 고려할 때 대체할 수 있는 유효성 검사기는 몇 가지에 불과합니다. 이 섹션에서는 카드를 검증하고 X에서 사용할 수 있는 신뢰할 수 있는 두 가지 옵션에 대해 간략하게 설명합니다:

  1. 형식적으로: 는 사용자 친화적인 무료 유효성 검사기로 즉각적인 결과를 제공합니다. 이 유효성 검사기는 페이지에 웹사이트의 URL을 삽입하면 카드의 즉시 미리보기를 제공합니다. 또한 카드에 문제가 있는 경우 이에 대한 정보를 확인할 수 있습니다. 다음 세 단계에 따라 카드 유효성 검사에 Typefully을 사용할 수 있습니다:
    • 데스크톱 브라우저에서 Typefully을 엽니다. 
    • '트윗 작성하기' 섹션에 웹 링크를 붙여넣습니다. 
    • '트위터카드 미리보기'를 탭하여 카드를 확인합니다.
  2. Tweetpik 는 또 다른 훌륭한 대체 유효성 검사기입니다. 누구나 이 도구를 사용하여 최상의 결과를 위해 카드를 검증하고 수정할 수 있습니다. 이 도구를 사용하면 미리보기 외에도 메타 코드를 사용자 지정하여 카드 모양을 개선할 수 있습니다. 이 플랫폼은 무료로 즉각적이고 안정적인 서비스를 제공합니다. 트윗픽을 사용하여 카드의 유효성을 검사하는 두 단계는 다음과 같습니다:
    • 브라우저에서 트윗픽을 열고 상자에 웹 링크를 붙여넣습니다. 
    • '미리 보기 확인'을 클릭하여 카드를 확인합니다.
X 로고가 그려진 기울어진 화이트 큐브의 3D 이미지입니다.

X 링크에 카드 유효성 검사기를 사용해야 하나요?

코드를 작성하고, X 카드에 대한 메타 태그를 만든 후 유효성 검사를 하지 않는 것은 자동차를 구입하고 운전하지 않는 것과 같습니다. 트위터의 카드 유효성 검사기는 플랫폼이 링크를 인식하고 이미 준비된 카드를 생성하도록 합니다. 

성공적인 유효성 검사가 이루어지지 않으면 카드를 준비한 수고가 헛수고가 될 수 있습니다. 메타 태그에 문제가 있는 경우 특히 그렇습니다. 이러한 문제를 식별하고 수정하는 것은 유효성 검사 중에만 가능합니다. 또한 유효성 검사기는 무료이므로 주저하지 말고 사용하세요! 그래도 문제가 해결되지 않으면 트위터 카드 유효성 검사기에 대한 다른 대안을 사용해 보세요. 

비즈니스 마케팅을 위해 플랫폼을 사용하는 트위터 사용자라면 이러한 카드의 중요성과 기능을 부정할 수 없습니다. 마찬가지로 불필요한 트윗이 없는 풍부하고 응집력 있는 프로필을 유지하는 것이 얼마나 중요한지 잘 알고 있습니다. 

많은 사람들이 트윗지우개를 사용하여 트위터 타임라인을 관리하고 정리합니다. 이 도구는 트윗 삭제, 대량 삭제, 아카이브로 내보내기를 자동화하는 데 도움이 됩니다. TweetEraser를 사용하면 내 타임라인이 잠재 팔로워에게 항상 매력적으로 보일 것입니다. 또한 이 도구는 무료 버전으로 저렴하며 광고를 홍보하지 않습니다. 지금 바로 트위터 타임라인 필터링 및 정리를 시작하세요!

클릭 한 번으로 지난 트윗 대량 삭제
트위터로 로그인
single-side-img
트위터레이저 아이콘
X 계정을 간소화하세요. 트윗과 마음에 들어요를 쉽게 삭제할 수 있습니다! 지금 가입하기

트위터 섀도밴: 보이지 않는 차단을 확인하고 수정하는 방법은 무엇인가요?

트윗(현재 게시물)의 참여도가 갑자기 크게 감소한 것을 발견하셨나요? 정기적으로 글을 올리고 있고 콘텐츠도 변경하지 않았습니다. 아무도 내 게시물을 볼 수 없는 피드, 즉 허공에 트윗을 올리는 것 같은 느낌이 듭니다. 계정에 트위터 섀도밴이 설정되어 있을 수 있습니다. 하지만 잠깐만요... 자세히 보기

트위터 로고: 트위터에서 X로의 진화

X는 2006년 출시 이후 엄청난 변화를 겪었습니다. 이러한 변화는 시간이 지남에 따라 회사의 여러 측면에 걸쳐 이루어졌습니다. 예를 들어, 가장 눈에 띄는 특징 중 하나인 로고는 사이트가 처음 공개된 이후 여러 차례 변형되었습니다. 2022년 인수와 최종적인 브랜드 변경으로 인해 회사는 ... 자세히 보기

누가 내 트위터를 스토킹하는지 확인하세요: 어떻게 가능한가요?

가끔은 누군가가 내 활동을 옆에서 지켜보고 있는 것은 아닌지 의심이 들 때가 있습니다. 트위터에서 이런 기분이 든다면 누가 내 트위터를 스토킹하는지 확인하고 싶을 것입니다. 스토커와 관련된 경험이 있는 사람이라면 누군가가 항상 내 어깨 너머로 나를 지켜보고 있다고 생각하는 잔소리꾼의 심정을 잘 알고 있을 것입니다. 자세히 알아보기

모든 기사 보기
클릭 한 번으로 지난 트윗 대량 삭제
트위터로 로그인
과거 이미지 삭제 삭제-점선-이미지