트위터 카드 유효성 검사기

아르넬 바냐라트남

2024년 10월 24일 11분 읽기

지난 트윗 일괄 삭제하기 지금 가입하기

메시징 앱이나 소셜 미디어 플랫폼에서 링크를 공유하면 카드가 생성되는 것을 볼 수 있습니다. 이를 통해 URL의 반대편에 무엇이 있는지 한눈에 파악할 수 있습니다. 트위터(현재 X)에서는 트윗에 링크를 포함할 때 카드도 표시합니다. 내 웹사이트로 다시 링크하는 경우 URL이 매력적인 카드를 생성하는지 확인해야 합니다. 이 도움말 문서에서 자세히 설명하는 트위터 카드 유효성 검사기를 사용하면 이 작업을 수행할 수 있습니다. 이 도구를 사용하여 링크를 강화하는 데 필요한 모든 정보를 여기에서 알아보세요.

사용자가 링크를 붙여넣었을 때 트위터 카드가 어떻게 보이는지 트윗삭제의 스크린샷입니다.

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

트위터 카드는 URL의 미리보기로, 다음 내용이 포함되어 있습니다:

웹페이지의 제목
웹페이지의 내용에 대한 간략한 설명
이미지 또는 동영상

웹사이트를 운영하는 경우 트윗에 내 링크가 포함될 때마다 트위터 카드가 생성되도록 할 수 있습니다. 트위터 카드는 URL을 보는 사람들에게 무엇을 기대할 수 있는지에 대한 아이디어를 제공하는 스냅샷이라고 생각하면 됩니다. 사람들의 관심을 끌고 링크에 대한 트래픽을 유도할 수 있는 기회를 제공합니다. 웹사이트의 URL이 카드를 생성하도록 하려면 백엔드에 메타 태그를 포함해야 합니다. 메타 태그는 링크에 있는 웹페이지를 설명하는 코드라고 생각하면 됩니다.

트위터 카드가 제대로 작동하는지 확인하는 유일한 방법은 트위터 카드의 유효성을 검사하는 것입니다. 유효성 검사기는 링크를 통해 표시할 카드를 확인합니다. 코드에 오류가 없으면 유효성 검사기에 성공 메시지가 표시됩니다. 그렇지 않으면 코드에 문제가 있음을 나타내는 오류가 표시됩니다. 이렇게 하면 백엔드에서 변경한 사항의 유효성을 검사할 수 있습니다.

X 카드 검증기는 어떻게 사용하나요?

X에는 트윗에서 링크가 어떻게 보이는지 확인할 수 있는 트위터 카드 유효성 검사 도구가 있습니다. 소셜 미디어 플랫폼이 URL의 이미지를 잘라내는지 여부를 확인할 수 있습니다. 아래는 링크에 대해 X 카드 유효성 검사기를 사용하는 방법을 설명하는 가이드입니다:

데스크톱 브라우저에서 다음 트위터 카드 유효성 검사기 링크를 엽니다.
카드 URL 텍스트 상자에 링크를 복사하여 붙여넣습니다.
카드 미리 보기 버튼을 클릭합니다.

이제 플랫폼에서 URL을 크롤링하여 메타 태그를 검색합니다. 메타 태그에 문제가 없는 경우 "카드 정보가 성공적으로 로드되었습니다."라는 메시지가 표시됩니다. 그렇지 않으면 로그 섹션에 오류 메시지가 표시됩니다.

그러나 이 도구는 레거시 소프트웨어이므로 더 이상 미리 보기를 표시하지 않습니다. 또한 카드를 렌더링할 수 없다는 오류 메시지가 표시될 수 있으며, 이는 부정확할 수 있습니다.

정확한 결과를 얻으려면 트윗 또는 글 작성기와 함께 사용해야 합니다. 다음 섹션에서 이 기능을 사용하는 방법을 알아보세요.

X의 카드 유효성 검사기를 사용하여 공유한 링크가 미리보기를 생성하는지 확인하는 트윗삭제의 스크린샷입니다.

링크가 트위터 카드를 생성하는지 확인하는 방법은 무엇인가요?

링크 미리 보기를 보려면 플랫폼의 글 작성기(이전의 트윗 작성기)를 사용해야 합니다. 모든 디바이스에서 URL을 확인하는 방법은 다음과 같습니다:

웹용 X

데스크톱 브라우저에서 웹용 X용 링크(www.twitter.com/home)로 이동합니다. X 계정에 로그인하지 않은 경우 로그인 자격 증명을 입력해야 합니다.
게시물 작성 상자(이전의 트윗 작성 상자)가 피드 상단에 표시됩니다. 빠른 탐색 메뉴에서 글쓰기 버튼을 클릭하여 작성 상자에 액세스할 수도 있습니다.
작성 후 작성 상자에 링크를 붙여넣습니다.

Android 및 iOS용 X

스마트폰에서 공식 X 앱을 엽니다.
글 작성하기(이전의 트윗 작성하기) 버튼은 오른쪽 하단에 있습니다. 상단에 더하기 기호가 있는 퀼 모양입니다.
이 글 작성기에 URL을 붙여넣습니다.

모든 메타 태그를 올바르게 사용하면 URL 미리보기가 표시됩니다. 이는 플랫폼에서 링크의 글꼴 색상이 파란색으로 변경된 후에 표시됩니다. 미리 보기가 표시되도록 글을 게시할 필요는 없습니다.

한 사람이 X 앱을 사용하여 링크가 트위터 카드를 생성하는지 확인합니다.

트위터 카드 유효성 검사기에서 사진을 업데이트하려면 어떻게 해야 하나요?

X 카드 유효성 검사기에 이미지를 게시한 후 사진에 문제가 있음을 알게 됩니다. 예를 들어 자르기로 인해 필수 정보가 제거되거나 사진이 로드되지 않습니다. 해결 방법은 웹사이트의 메타 태그 구현에 따라 다릅니다. HTML 코드를 변경하는 경우 트위터 카드 유효성 검사기에서 사진을 업데이트하는 방법은 다음과 같습니다:

Go to your website’s HTML code and locate the image meta tag. It will be in the following format: <meta name=” twitter:image” content=” photo link”/>.
'사진 링크', 즉 업데이트된 이미지 URL로 바꿉니다.

Shopify 및 WordPress와 같은 웹사이트 빌더를 사용하는 경우에는 프로세스가 다릅니다.

Shopify에서 트위터 카드 이미지 업데이트

다음 지침에 따라 Shopify에서 트위터 카드 이미지를 업데이트합니다:

Shopify에서 웹사이트의 관리자 페이지를 엽니다.
이 웹사이트 구축 플랫폼은 왼쪽에 빠른 탐색 메뉴가 있습니다. 판매 채널 섹션에서 온라인 스토어를 선택합니다.
온라인 스토어의 드롭다운 메뉴에서 환경설정을 선택합니다.
소셜 공유 이미지 섹션에서 편집을 클릭합니다.
이미지 변경을 선택하고 디바이스에서 사진을 선택합니다.
변경 사항을 영구적으로 적용하려면 저장을 선택합니다.

X의 유효성 검사 도구를 사용하여 오류가 있는지 확인합니다. 로그에 성공 메시지가 표시되면 링크를 플랫폼의 글 작성기에 붙여넣습니다. 미리 보기에 새 이미지가 표시됩니다.

Yoast SEO 및 올인원 SEO로 워드프레스에서 트위터 카드 이미지 변경하기

워드프레스에서 링크 미리 보기를 변경하려면 Yoast SEO 또는 올인원(AIO) SEO와 같은 플러그인이 필요합니다. X 카드 유효성 검사기에서 이미지를 업데이트하는 방법은 다음과 같습니다:

Yoast SEO

대시보드의 사이드바에서 Yoast SEO 플러그인을 선택합니다.
모든 메타 태그를 보려면 트위터 미리보기 탭을 선택합니다.
트위터 이미지 아래에서 이미지 선택 버튼을 클릭합니다.
사진을 업로드하고 변경 사항을 저장합니다.

AIOSEO

왼쪽 패널에서 AIOSEO를 엽니다.
올인원 SEO 섹션에서 소셜 네트워크 탭을 선택합니다.
트위터 탭으로 이동하여 트위터 카드 사용 옆에 있는 슬라이더를 클릭합니다.
기본 글 이미지 소스에서 사용자 정의 이미지를 선택합니다.
기본 트위터 이미지 게시에서 사진 링크를 추가합니다. 디바이스에서 이미지를 업로드할 수도 있습니다.
변경 사항 저장을 선택합니다.

위의 가이드는 모든 페이지에 동일한 이미지의 트위터 카드를 표시합니다.

특정 웹사이트를 변경하려면 대시보드의 페이지 탭으로 이동합니다. 예를 들어 블로그마다 이미지가 다를 수 있습니다. 이 경우 모든 글에 동일한 사진을 사용하고 싶지 않을 수 있습니다. 이렇게 하면 됩니다:

워드프레스 관리자 페이지에 로그인합니다.
별도의 탭에서 X 카드 이미지를 변경하려는 페이지로 이동합니다.
웹사이트 상단의 워드프레스 메뉴에서 페이지 편집을 클릭합니다.
아래로 스크롤하여 AIOSEO 설정 섹션을 찾습니다.
소셜 탭을 선택하고 트위터를 엽니다.
이미지 소스 섹션으로 이동하여 드롭다운 메뉴에서 사용자 정의 이미지를 선택합니다.
트위터 이미지 옆에 내 사진 링크를 붙여넣습니다. 그렇지 않으면 이미지 업로드 또는 선택 버튼을 클릭하고 다른 사진을 선택합니다.

웹사이트의 트위터 카드 이미지를 변경하기 위해 워드프레스에서 SEO 플러그인을 다운로드하는 사람.

트위터 카드 유효성 검사기가 작동하지 않는 이유는 무엇인가요?

X 카드 유효성 검사 도구를 사용할 때 문제가 발생하고 있나요? 다음은 트위터 카드 유효성 검사기가 작동하지 않는 문제에 대한 다양한 해결 방법입니다:

레거시 X 카드 유효성 검사 도구를 사용하지 않았습니다.

레거시 도구가 더 이상 미리 보기를 표시하지 않지만 그렇다고 해서 사용하지 말아야 한다는 의미는 아닙니다. 이 유효성 검사기의 목적은 웹사이트의 메타 태그를 확인하는 것입니다. 로그에 성공이 표시된 경우에만 글 작성기를 사용하여 미리 보기를 확인해야 합니다.

X 카드가 플랫폼의 요구 사항을 충족하지 않음

트위터에서는 URL 카드에 이미지를 사용할 때 몇 가지 요구 사항이 있습니다. 업로드하거나 선택한 파일이 이러한 사양을 충족하는지 확인하세요:

요약 카드

파일 형식은 GIF, JPG, PNG 또는 WEBP입니다. SVG를 사용하는 경우 이미지가 미리 보기에 표시되지 않습니다. 또한 플랫폼은 GIF의 경우 첫 번째 프레임에 표시되는 것만 사용합니다.
1:1 종횡비 이미지의 최소 크기는 144 x 144픽셀입니다. 4096 x 4096 픽셀을 초과해서는 안 됩니다.
5MB를 초과하는 이미지 파일은 업로드하지 마세요.

큰 이미지가 포함된 요약 카드

X 카드에 지원되는 파일 형식은 GIF, JPG, PNG 및 WEBP입니다. SVG 파일은 X 카드에서 작동하지 않습니다.
2:1 화면 비율 이미지는 300 x 157픽셀 이상 4096 x 4096픽셀 미만이어야 합니다.
파일 크기는 5MB를 넘지 않습니다.

선수 카드

동영상 파일 형식은 MP4, H264 또는 MOV입니다.
플레이어 카드의 메타 태그에는 동영상 플레이어의 높이와 너비가 포함됩니다.
링크하는 페이지는 아이프레임에 맞아야 합니다. 이렇게 하면 동영상이 모든 디바이스에서 전체 디스플레이 영역 너비를 차지합니다.

앱 카드

레거시 X 카드 유효성 검사 도구를 사용하여 앱의 링크를 검증합니다.
App Store 또는 Play 스토어에 있는 사진이 1MB 미만입니다.
앱은 Play 스토어 또는 앱 스토어에서 사용할 수 있습니다. 앱을 사용할 수 없는 경우 크롤러가 앱에 대한 정보를 가져올 수 없습니다. 또한 스토어의 기본 지역은 미국입니다. 앱이 다른 국가에 있는 경우 지역을 지정합니다.

Robots.txt가 트위터 또는 X의 크롤러를 차단하고 있을 수 있습니다.

Robots.txt는 크롤러가 방문할 수 있는 페이지를 제어하는 파일입니다. 이 파일에서 크롤러를 허용하지 않으면 카드 유효성 검사 도구가 작동하지 않습니다. 이 파일을 확인하여 트위터의 크롤러를 허용 목록에 추가하세요.

트위터 카드 유효성 검사기 대안: 신뢰할 수 있는 타사 도구

앞서 강조한 바와 같이, X 카드 유효성 검사 도구의 오류를 항상 신뢰할 수는 없습니다. 더 나은 해결책은 타사 도구로 링크를 확인하는 것입니다. 여러 테스터를 사용하면 URL에 항상 미리보기 카드가 표시되는지 확인할 수 있습니다. 다음은 두 가지 트위터 카드 유효성 검사기 대안입니다.

형식적으로

Typefully에는 X용 간단한 카드 유효성 검사 도구가 있습니다. 이 기능을 사용하여 링크의 미리보기를 확인할 수 있습니다. 이 도구를 사용하는 방법은 다음과 같습니다:

Typefully의 트위터 카드 유효성 검사기 도구를 방문하세요.
여기에 트윗 쓰기 섹션에 링크를 붙여넣습니다.
미리보기트위터카드 섹션에서 내 링크가 트윗에 어떻게 표시되는지 확인할 수 있습니다.

트윗픽

또 다른 훌륭한 대안은 Tweetpik의 트위터 카드 검증기입니다. 모든 도구 중에서 이 도구는 비교적 사용하기 쉽습니다.

URL 상자에 링크를 붙여넣고 미리보기 확인 버튼을 선택합니다.
하단에 미리보기가 표시됩니다.

신뢰할 수 있는 타사 트위터 카드 인증 도구를 찾기 위해 Google 검색을 사용하는 사람.

X 카드 유효성 검사기로 링크에 미리보기가 있는지 확인하기

X 카드 유효성 검사 도구의 목적은 링크의 미리보기가 소셜 미디어 플랫폼에서 작동하는지 확인하는 것입니다. URL만 게시하면 사용자가 열지 않을 수 있습니다. 왜 그럴까요? 링크가 어디로 연결될지 모르기 때문입니다. 미리보기 카드가 표시되도록 하면 사용자가 공유한 링크를 신뢰할 수 있습니다. 또한 트윗이 매력적으로 보이도록 하는데, 이는 사람들이 수백 개의 게시물을 정기적으로 살펴볼 때 필수적인 요소입니다.

트윗을 통해 링크를 공유할 때는 주의를 기울여야 합니다. URL을 확인하지 않고 실수로 스팸을 퍼뜨리면 온라인 평판이 손상될 수 있습니다. 또한 플랫폼에서 스팸 링크가 확산되는 것을 방지하기 위해 내 프로필의 도달 범위를 제한합니다. 프로필에 의심스러운 웹사이트로 연결되는 트윗이 여러 개 있는 경우 즉시 삭제해야 합니다. 안타깝게도 X에서는 한 번에 하나의 게시물만 삭제할 수 있기 때문에 이 작업이 쉽지 않습니다. 트윗삭제는 언제든지 게시물을 찾아 삭제할 수 있기 때문에 이런 문제가 발생하지 않습니다. 이 도구에는 나이에 관계없이 프로필에서 특정 게시물을 찾을 수 있는 사용자 지정 필터가 있습니다. 이 도구와 트위터 카드 유효성 검사기는 평판을 보호하는 데 도움이 될 수 있습니다. 지금 바로 트윗삭제 기능을 사용해 보고 모든 기능이 내 프로필을 어떻게 변화시키는지 알아보세요!