Twitter 카드에 대한 완전한 가이드

게시 됨: 2016-01-20

Twitter 카드는 웹사이트로 트래픽을 유도하기 위해 트윗에 풍부한 사진, 비디오 및 기타 대화형 미디어를 첨부할 수 있는 프로토콜입니다. Twitter는 다양한 카드를 제공합니다. 또한 Twitter 카드를 HTML 몇 줄과 함께 웹페이지에 통합할 수 있습니다. 트윗으로 귀하의 콘텐츠에 링크하는 사용자는 모든 팔로워가 볼 수 있는 트윗에 추가된 카드를 받게 됩니다.

Twitter 카드는 참여도를 높이고 클릭률 및 전환율을 높이는 데 도움이 되므로 SEO 전략의 훌륭한 파트너입니다 . 따라서 Twitter 카드는 소셜 미디어에서 콘텐츠 홍보를 개선하고 브랜딩 및 지역 SEO를 개발할 수 있습니다.

다양한 유형의 Twitter 카드 이해하기

Twitter 카드에는 5가지 유형이 있습니다.

요약 카드
큰 이미지가 있는 요약 카드
선수 카드
앱 카드
리드 생성 카드

요약 카드

요약 카드는 블로그 게시물, 뉴스, 제품 페이지 또는 기타 비즈니스 뉴스에 사용할 수 있습니다. 이러한 카드는 제목, 설명 및 썸네일 이미지를 표시하여 콘텐츠 미리보기를 제공하는 것을 목표로 합니다.
요구 사항:

제목: 70자
설명: 200자
이미지: 최소 120×120픽셀, 1MB 이하

웹사이트에 추가하려면 웹페이지 HTML에 이 코드를 붙여넣어야 합니다.

큰 이미지가 있는 요약 카드

이 카드는 이미지 크기를 제외하고는 이전 카드와 거의 동일하게 작동합니다. 이를 통해 전체 너비로 더욱 매력적인 이미지를 제공하여 웹사이트에서 시청자를 더 잘 끌 수 있습니다.
요구 사항:

제목: 70자
설명: 200자
이미지: 최소 280 x 150픽셀, 1MB 이하

다음 HTML 코드를 추가하여 이 유형의 Twitter 카드를 설정하십시오.

<메타 이름=”twitter:card” 콘텐츠=”summary_large_image”>
<메타 이름=”twitter:site” content=”@yourwebsite”>
<메타 이름=”twittercreator” content=”@yourtwitterhandle”>
<meta name="twitter:title" content="내 제목">
<메타 이름=”twitter:description” content=”설명”>
<메타 이름=”twitter:image” 콘텐츠=” https://where-your-image-is-hosted/name.jpg ">

앱 카드

앱 카드는 Twitter에서 모바일 앱을 홍보하고 설치를 늘리는 데 사용할 수 있습니다. 이 카드는 이름, 설명, 아이콘, 등급 및 가격을 강조 표시합니다. Twitter는 앱 ID를 사용하여 이러한 정보 중 일부를 가져올 수 있습니다.
요구 사항:

제목: 앱 ID에서 정렬됨
설명: 200자
이미지: 앱 ID에서 정렬된 앱 로고 - 이미지는 최소 800 x 320픽셀이어야 하며 JPG, JPEG, PNG 또는 GIF 형식일 수 있습니다. 1MB 미만의 이미지가 선호됩니다.

앱 스토어에서 앱을 사용할 수 없는 경우 Twitter는 해당 정보를 가져올 수 없습니다. 앱이 미국 스토어에 없는 경우 twitter:app:country 메타 태그에 앱의 출처를 표시하세요. 또한 링크가 App Store 또는 Google Play로 직접 연결되는 경우 Twitter는 자동으로 앱 카드를 생성합니다.

다음은 입력해야 하는 코드입니다.

<메타 이름=”twitter:card” 콘텐츠=”앱”>
<메타 이름=”twitter:site” content=”@yourwebsite”>
<메타 이름=”twitter:description” content=”설명”>
<meta name=”twitter:app:country” content=”귀하의 국가는 미국과 같습니다.”>
<meta name=”twitter:app:name:iphone” content=”당신의 아이폰 앱 이름”>
<메타 이름=”twitter:app:id:iphone” content=”당신의 아이폰 앱 ID”>
<meta name=”twitter:app:url:iphone” content=”당신의 아이폰 앱 URL”>
<메타 이름=”twitter:app:name:ipad” content=”ipad 앱 이름”>
<메타 이름=”twitter:app:id:ipad” content=”ipad 앱 ID”>
<메타 이름=”twitter:app:url:ipad” content=”ipad 앱 URL”>
<meta name=”twitter:app:name:googleplay” content=”귀하의 googleplay 앱 이름”>
<meta name=”twitter:app:id:googleplay” content=”귀하의 googleplay 추가 ID”

선수 카드

플레이어 카드는 트윗 내에서 비디오 또는 오디오 플레이어와 같은 스트리밍 미디어를 홍보하기 위해 만들어졌습니다. 예를 들어 Vines 또는 팟캐스트를 푸시하는 데 적합합니다.
요구 사항:

설명: 200자
이미지: iframe 또는 인라인 플레이어를 지원하지 않는 플랫폼에서 플레이어 대신 표시됩니다. 귀하의 치수와 동일
플레이어; 1MB 이하
비디오: H.264, 기준 프로파일, 레벨 3.0, 30fps에서 최대 640 x 480 픽셀.
오디오: AAC, 낮은 복잡성 프로필

리드 생성 카드

리드 생성 카드는 잠재 고객과 연결하는 데 유용합니다. 따라서 잠재 고객에 대한 정보를 수집할 수 있습니다. 사람들은 양식을 작성하거나 Twitter 계정을 떠나지 않고도 비즈니스에 대한 관심을 표현할 수 있습니다. 일반적으로 이름, 트위터 주소 및 이메일 주소는 이미 입력되어 있으므로 작성할 필요가 없습니다.
요구 사항:

제목: 50자
클릭 유도문안: 20자
제출 후 메시지(선택 사항): 100자
이미지: 가로 세로 비율이 4:1이고 3MB 이하인 최소 800 x 200 픽셀

리드 생성 카드를 멋지게 설정하려면 Twitter 광고 계정에 로그인해야 합니다(카드가 무료인 경우에도 가능).

트위터에 로그인
설정 아이콘을 클릭하고 드롭다운 메뉴에서 Twitter 광고를 선택합니다.
상단 탐색 메뉴에서 광고 소재 탭을 클릭하고 카드를 선택합니다.
첫 번째 리드 생성 카드 만들기를 클릭합니다.
설정이 완료되면 트윗 탭을 클릭한 다음 오른쪽 상단 모서리에 있는 파란색 트윗 작성 버튼을 클릭합니다.
트윗을 작성하고 준비가 되면 이 트윗에 카드 첨부를 클릭하세요.
첨부할 카드를 선택한 다음 트윗을 보냅니다.

이러한 Twitter 카드를 CMS에 통합하는 방법은 무엇입니까?

웹사이트가 WordPress에서 작동하는 경우 해당 Twitter 카드를 시스템에 통합하여 시간을 절약할 수 있습니다. WordPress에 중점을 둔 경우 설치할 수 있는 세 가지 플러그인이 있습니다.

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

Twitter는 Twitter 카드로 CMS를 설정하는 데 유용한 가이드를 제공하므로 반드시 살펴봐야 합니다.

설정이 완료되면 Twitter에서 제대로 작동하는지 확인해야 합니다. Twitter Card Validator에 연결하면 모든 것이 정상적으로 보이는지 확인할 수 있습니다. 우리는 지난 기사의 예를 들었습니다.

Twitter 카드 실적을 확인하는 방법은 무엇입니까?

더 나아가 트위터 카드의 행동을 살펴보는 것이 좋습니다. 우리는 최근 귀하의 Twitter 카드(및 Open Graphs) 실적을 쉽게 확인할 수 있는 새로운 기능을 개발했습니다. Twitter 카드 배포 및 속성을 분석하고 통찰력을 얻고 URL 세부 정보에 액세스할 수 있습니다. 이것은 소셜 공유 범위, 클릭률 및 전환을 향상시키기 때문에 SEO 전략의 훌륭한 파트너입니다.

무료 평가판 시작