기본 콘텐츠로 건너뛰기

개인 프로젝트 '사진 매거진 앱 - Viewzin'의 트위터 카드



Viewzin 웹페이지를 만든 후 사용 해보면서 느낀 불편 사항이 트위터 공유였습니다. 트위터는 페이스북이나 구글 플러스와는 달리 140자라는 제한 사항이 있는 심플한 시스템이라 링크를 공유해도 기본적으로는 해당 사이트의 사진을 미리보기 할 수가 없습니다.

Viewzin처럼 사진 사이트의 경우 이런 제한 사항은 트윗의 주목도가 떨어지는 문제를 만들게 된다라는 생각이었습니다. 트위터를 오랜만에 사용해보아서 관련 사항들을 검색해보니 예전에 뉴스에서 본 기억이 있는 'Twitter Cards'라는 시스템이 트위터에 도입이 되어 있었습니다.

'Twitter Cards'는 140자라는 제한 사항이 있는 트위터가 페이스북이나 구글 플러스와 경쟁하기 위해 도입된 시스템으로 트위터에 올라온 트윗들 중 등록된 사이트 링크가 있는 트윗은 위에 있는 사진처럼 등록된 사이트 특성에 맞는 카드 형태로 사이트 콘텐츠를 미리보기 해주는 기능입니다.

사이트 등록을 하기 위해서는 먼저 사이트 html 메타 태그에 'Twitter Cards'관련 태그가 추가 되어 있어야 합니다. 제가 등록한 'Photo Card'에 필요한 태그는,

<meta name="twitter:card" content="...">
<meta name="twitter:title" content="...">
<meta name="twitter:image" content="...">
<meta name="twitter:domain" content="...">

정도입니다. 다른 카드나 좀더 자세한 태그 정보는 트위터 개발자 사이트에 나와있으니 참고하시면 될 듯 합니다.

메타 태그를 추가하였다면 개발자 사이트에서 등록을 진행하면 되는데 등록 절차에서 특별한 점은 등록에 필요한 트위터 계정이 2개라는 것입니다. 하나는 어드민 계정이고 하나는 해당 사이트 계정입니다. 어드민 계정은 등록을 진행하고 있는 개발자 계정을 입력하시면 되고 사이트 계정은 이 포스팅 처음의 이미지를 보시면 사진 위에 Viewzin이라는 텍스트가 있는데 이 텍스트를 클릭하면 이동하는 계정입니다. 하나의 계정으로도 등록이 되는지는 모르겠으나 분리하는 것이 좋을 듯 했습니다.

등록 신청 후에는 트위터의 등록 결과 메일을 기다리면 됩니다. 2~3일 정도면 회신이 온다고 알고 있었는데 저의 경우는 일주일정도 후에 등록이 되었다라는 회신을 받았습니다.

간단한 태그 작업과 등록 작업으로 관련 트윗이 훨씬 보기가 좋아진 느낌입니다. 트위터를 운영하는 사이트에서는 등록을 한번쯤 검토할 만한 효용성은 충분한 것 같습니다.


===


사진 포트폴리오 - City, City People (http://photo.just4fun.kr/)

사진 매거진 앱 - Viewzin (http://viewzin.just4fun.kr/)



댓글

이 블로그의 인기 게시물

플랜트로닉스 백비트 고 3 : 아쉬운 블루투스 연결 안정성

블루투스 이어폰을 새로 구입하려고 이것저것 알아보다가 기존에 사용하던 플랜트로닉스의 ‘백비트 고 2’에 만족을 하였기에 그 후속작인 ‘백비트 고 3’를 구입하였습니다. 구입 후 일주일정도 사용한 지금 기대보다는 만족도가 떨어지는 제품이라는 것이 제 결론인데 그 이유를 적어보겠습니다.

PHP에서 보안 문제를 해결하는 법

한빛미디어 홈페이지에 'PHP에서 보안 문제를 해결하는 법' 이라는 기사가 있습니다. PHP로 개발시 주의해야하는 3가지 보안 문제와 이를 막는 방법에 대한 외국 기사를 번역한 기사인데 관련 사항을 잘모르시는 분들에게 도움이 될 것 같아 기사에 소개된 내용들에 제 생각을 추가하여 정리해보겠습니다.


Android Studio 3.0에서 메소드 파라미터 힌트 기능 끄기

Android Studio를 3.0으로 업데이트하고 살펴보고 있었는데 에디터가 뭔가 지저분해(?) 보였습니다. 소스를 자세히 보니 아래와 같이 이전 버전에서는 없었던 텍스트가 보였습니다.