티스토리 블로그 마케팅 트위터 SNS의 활용 : 트위터 카드(twitter cards) 태그 사용하기
블로그 방문자 수를 늘리기 위해 페이스북, 트위터, 인스타그램, 카카오스토리 등 다양한 SNS를 사용할 수 있습니다.
이 포스팅에서는 트위터 카드에 대해 알아봅시다.
트위터 카드란?
트위터에 글을 쓸 때에 140자라는 제약이 있습니다.
이런 트위터 제약을 극복하고 글 아래에 추가적인 이미지나, 블로그, 웹페이지의 요약 등을 미리보기처럼 보여주는 기능을 말합니다.
트위터 카드 기능
웹페이지 요약, 썸네일 미리보기, 웹 다운로드 바로가기, 동영상 플레이어 바로보기 등의 기능이 있습니다.
Summary Card: Title, description, thumbnail, and Twitter account attribution.
Summary Card with Large Image: Similar to a Summary Card, but with a prominently featured image.
App Card: A Card to detail a mobile app with direct download.
Player Card: A Card to provide video/audio/media.
자세한 내용은 트위터 개발자 바로가기
티스토리 블로그에 트위터 카드(twitter card) 적용하기
2017년 4월 포스팅 재작성 --
티스토리 블로그에 트위터메타태그는 아래와 같이 HTML 헤더부분에 복사 붙여주세요.
2017년 4월 포스팅 재작성 --
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@트위터ID">
<meta name="twitter:title" content="티스토리 블로그 마케팅 트위터 SNS의 활용 : 트위터 카드(twitter cards) 태그 사용하기">
<meta property="og:description" content="일상생활에서 필요한 소소한 정보를 기록합니다.">
<meta property="og:image" content="https://tistory1.daumcdn.net/tistory/1760699/attach/a1ab51120ea141f6a31b0e6e1fbcd8f5">
참고자료 - https://dev.twitter.com/cards/getting-started
트위터카드 적용 잘 되는지 확인 사이트 - https://cards-dev.twitter.com/validator
1) HTML부분에서 <head>...</head> 사이에 트위터 카드 메태 태그를 달아주면 됩니다.
"@아이디" 부분에 자신의 트위 아이디를 적어주시면 됩니다.
아래 메타태그는 적용안됩니다.
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@아이디">
<meta name="twitter:title" content="티스토리 블로그 마케팅 트위터 SNS의 활용 : 트위터 카드(twitter cards) 태그 사용하기">
<meta name="twitter:description" content="일상생활에서 필요한 소소한 정보를 기록합니다.">
<meta name="twitter:image" content="https://tistory1.daumcdn.net/tistory/1760699/attach/a1ab51120ea141f6a31b0e6e1fbcd8f5">
단, 스킨(skin)이 문제인지, description 부분에서 일상생활에서 필요한 소소한 정보를 기록합니다. 부분이 먹히지 않아 내용 요약은 나오지 않을 수 있습니다.
2) HTML에 트위터 카드 태그를 삽입하신 후, 트위터 미리보기로 확인에서 자신의 블로그 및 웹페이지를 적으시면 됩니다.
*인터넷에서 트위터 카드를 적용하는 법을 보면, 트위터 카드 사용승인 신청을 하여야 한다고 나와있는데,
승인신청 주소가 바뀌었는지, 아니면 승인절차가 없어졌는지 찾을 수가 없네요.
트위터 개발자 도구에서도 찾을 수가 없네요.(영어가 짧아서 그런지도..)
승인신청 없이도 자동으로 되는 건지 의문이 들면서, 24시간을 기다려보아야겠습니다.
좋은하루되세요^^