Twitter 카드 검사기: 검사기 도구를 사용하여 Twitter 카드 업데이트

게시 됨: 2022-08-10
목차
  • 트위터 카드란?
  • 트위터 카드의 종류
  • 트위터 카드 사용 방법
  • 웹사이트용 Twitter 카드 만들기
  • Twitter 카드 메타 태그
  • 트위터 카드를 사용하는 이유
  • 결론

소셜 미디어 플랫폼은 우리가 상호 작용하고 비즈니스를 수행하는 방식을 변화시켰습니다. Twitter와 같은 플랫폼은 사용자 경험 개선을 목표로 새로운 기능을 계속 추가하고 있습니다. 트위터에 있다면 사용자의 트윗을 통해 YouTube 동영상이 포함된 트윗을 보거나 기사를 읽거나 광고를 시청할 수 있습니다. 이 모든 것은 작동 중인 Twitter 카드입니다.

Twitter 카드에는 특정 청중에게 메시지를 전달하는 데 도움이 되는 이러한 비디오와 이미지가 포함된 트윗이 포함됩니다. Twitter 카드 유효성 검사기 테스트는 카드에서 사용하려는 URL을 실행합니다. 유효성 검사기 도구는 Twitter 카드가 어떻게 표시되는지 미리보기도 제공합니다.

이 문서에서는 Twitter 카드를 만드는 방법과 Twitter 카드 유효성 검사 도구를 사용하여 Twitter 카드를 업데이트하는 방법을 보여줍니다. 먼저 Twitter 카드에 대해 설명하겠습니다.

트위터 카드란?

트위터 카드는 다른 트윗과 차별화되는 풍부한 미디어입니다. 이 카드는 참여를 유도하고 웹사이트로 트래픽을 유도합니다.

일반 트윗은 140자로 제한됩니다 . Twitter 카드를 통해 이 제한을 우회하고 청중에게 더 많은 정보를 전달할 수 있습니다. 이것은 웹페이지에 몇 줄의 HTML 코드를 추가하여 가능합니다.

트위터 카드의 종류

트위터 카드에는 네 가지 유형이 있습니다.

  • 요약 카드
  • 큰 이미지가 있는 요약 카드
  • 앱 카드
  • 선수 카드

카드 유형은 트윗의 네 가지 다른 구조를 나타냅니다. 일반적인 요약 카드 에는 제목, 작은 사진 및 내용에 대한 간략한 요약이 있습니다. 이것은 작은 이미지 대신 큰 이미지를 사용하는 것을 제외하고 큰 이미지가 있는 요약 카드 에 사용되는 것과 동일한 설정입니다.

이름에서 알 수 있듯이 플레이어 카드 는 자동으로 비디오를 재생하고 트윗 하단에 사이트 링크가 있습니다. 앱 카드 는 App Store 또는 Play Store에서 앱으로 연결됩니다.

트위터 카드 사용 방법

청중에게 전달하려는 메시지 유형에 따라 4가지 유형의 Twitter 카드 중 하나를 선택하여 사용할 수 있습니다. 예를 들어 사용자가 앱을 다운로드하도록 하려면 앱 카드 를 사용해야 합니다.

요약 카드는 새 블로그 게시물이나 기사에 대한 업데이트를 제공하려는 블로거에게 가장 적합한 선택입니다 . 이 카드에는 매력적인 썸네일 이미지, 제목, 설명 및 블로그 링크가 포함됩니다.

웹사이트용 Twitter 카드 만들기

Twitter 카드를 만드는 것은 약간의 코딩(HTML)을 안다면 간단한 과정입니다. 이 코드는 HTML의 헤더 섹션에 추가됩니다. 그런 다음 사용하려는 카드 유형을 선택한 다음 URL 및 메타 태그를 추가할 수 있습니다. Twitter Validator 도구를 사용하여 이러한 메타 태그를 테스트할 수 있습니다.

메타 태그 마크업을 사용하여 사용할 카드 유형을 지정합니다. 요약 카드의 경우 메타 태그 마크업은 다음과 같습니다.

 <meta name="twitter.card" content="summary">

유효성 검사기 도구 사용

Twitter 카드 유효성 검사 도구로 코드를 테스트합니다.

아래와 같이 Card URL 헤더 아래에 있는 도구의 메타 태그가 있는 URL을 복사하여 붙여넣습니다.

다음은 단계별 프로세스입니다.

  • Twitter 유효성 검사 도구로 이동합니다 . 도구에 액세스하려면 Twitter 계정에 로그인해야 합니다.
  • Twitter 카드를 만들 페이지의 URL을 입력하세요.
  • 파란색으로 표시된 미리보기 카드 버튼을 클릭합니다 . 카드 미리보기 패널이 업데이트된 메타데이터로 채워집니다. 오류가 있으면 오류도 표시됩니다.
  • 첫 번째 클릭에서 모든 메타데이터를 읽지 않은 경우 미리보기 카드 버튼을 다시 클릭 할 수 있습니다.

카드 미리보기는 위의 모든 단계를 수행하고 오류가 없는 경우 Twitter 피드에 카드가 어떻게 표시되는지에 대한 미리보기를 표시해야 합니다.

플레이어 카드는 허용 목록에 대한 승인이 필요합니다. 승인을 요청하려면 검증 도구의 "승인 요청" 버튼 을 누르십시오.

Twitter Validator 도구로 테스트한 후 URL을 트윗하면 트윗 아래에 카드가 나타나는지 확인할 수 있습니다. Validator 도구는 Twitter에서 계속 사용하기 전에 Twitter 카드의 유효성을 검사하기만 하면 됩니다.

Twitter 카드 메타 태그

우리는 Twitter 카드 생성 프로세스의 요구 사항 중 하나로 메타 태그에 대해 논의했습니다. HTML 코드를 사용하거나 작성한 적이 없다면 메타 태그는 생소한 용어입니다.

그러나 이것은 구현하기 쉬운 것이므로 HTML 페이지의 헤더 섹션에 있는 메타 태그를 배치할 정확한 위치만 알면 됩니다. 이것이 여전히 너무 기술적이고 어렵게 들린다면 이 섹션 이후에 코드를 작성하지 않고 Twitter 카드 메타 태그를 만드는 쉬운 방법을 보여드리겠습니다.

메타 태그는 웹 페이지에 있는 내용을 설명하는 데 사용됩니다. Twitter 카드 메타 태그의 경우 검색 엔진에 카드에 있는 내용을 알려줍니다. 태그는 사용 중인 카드 유형뿐만 아니라 웹사이트의 Twitter 사용자 이름을 설명합니다. Twitter 사용자 ID에 대한 메타 태그도 있습니다.

다음은 구현할 준비가 된 완전한 샘플입니다.

위의 Twitter 카드 메타 태그에서 코드의 첫 번째 줄(숫자 1)은 생성되는 Twitter 카드의 유형을 지정합니다. 이 경우에는 간단한 요약 카드입니다. 두 번째 줄은 기사 작성자의 신원을 지정합니다. 세 번째 줄에는 웹사이트 Twitter ID 또는 사용자 이름이 있습니다.

코드를 작성하지 않고 메타 태그 추가하기

Twitter 카드를 구현하기 위해 코더일 필요는 없습니다. carrd.co 및 WordPress와 같은 SaaS 제품을 통해 코드를 작성하지 않고도 Twitter 카드를 생성할 수 있습니다. 이러한 플랫폼에는 코드를 건드리거나 작성하지 않고도 메타데이터를 추가할 수 있는 플러그인이 있습니다.

Twitter는 WordPress에서 Twitter 카드를 만드는 데 사용할 수 있는 세 가지 플러그인을 권장합니다.

  • 제트팩
  • JM 트위터 카드
  • Yoast의 WordPress SEO

코드를 작성하지 않고 메타 태그를 추가하는 방법을 보여주는 예제로 Jetpack을 사용합니다.

Jetpack 플러그인을 설치한 후 '소셜' 섹션 으로 이동합니다. 여기에서 Twitter 핸들을 확인하고 Twitter 카드를 켤 수 있습니다. Jetpack은 콘텐츠를 자동으로 스캔하여 가장 좋은 카드 유형(요약, 큰 이미지가 포함된 요약, 앱 또는 플레이어)을 결정합니다.

다른 두 플러그인은 몇 가지 차이점을 제외하고는 거의 유사한 프로세스를 채택합니다. 플러그인으로 Twitter 카드를 만든 후 카드를 표시할 웹사이트 또는 블로그의 URL을 가져와 Twitter Card Validator Tool 을 통해 실행합니다.

Twitter 카드의 권장 이미지 크기

Twitter 요약 카드의 기본 이미지 크기는 120 x 120픽셀 이상이고 1MB 미만 입니다. 큰 이미지가 포함된 요약 카드의 경우 가장 작은 사진 크기는 280 x 150픽셀 이며 1MB 미만입니다.

앱 카드는 800 x 320픽셀 이어야 합니다. 플레이어 카드의 레벨은 3.0이고 초당 30프레임을 재생하며 크기는 640 x 480픽셀입니다.

트위터 카드를 사용하는 이유

Twitter 카드는 140자의 일반적인 트윗보다 더 많은 정보를 전달할 수 있는 추가 이점이 있습니다. 카드를 통해 이미지, 비디오 및 더 많은 리치 미디어 를 사용하여 트윗을 매력적으로 만들 뿐만 아니라 사용자를 웹사이트나 앱으로 안내할 수 있는 링크를 전달할 수 있습니다.

Twitter 카드는 플랫폼에서 참여를 유도하는 데 유용한 도구입니다.

Twitter 카드는 또한 Twitter 잠재고객이 Twitter를 떠나지 않고도 뉴스레터에 가입할 수 있도록 하는 데 유용합니다. 또한 Twitter 카드를 공유하거나 리트윗하는 사람은 팔로워가 액세스할 수 있는 미디어가 풍부한 동일한 콘텐츠를 재생산합니다.

또한 Twitter 카드를 사용하면 눈에 띄는 제목을 사용자 지정하여 앱이나 사이트로 유도하려는 잠재고객 유형을 유인할 수 있습니다. 설명은 최대 200자, 일반 트윗의 경우 140자 이상을 쓸 수 있습니다.

결론

Twitter 카드 유효성 검사기 도구 는 Twitter 카드 생성에 중요한 도구입니다. 도구 테스트는 URL을 실행하여 메타 태그를 확인하고 Twitter 피드에서 Twitter 카드가 어떻게 보이는지 미리보기를 제공합니다. Twitter 카드를 만들고 Twitter Card Validator 도구를 사용하는 것은 완전히 무료입니다.