티스토리를 떠납니다

가입형 블로그이면서도 높은 자유도를 자랑하고, 용량 무제한이라는 파격적인 서비스

하지만 네이버 블로그보다 약한 커뮤니티 기능과 네이버에 검색이 잘 안된다는 이유로 많은 사람들이 이탈..

거기다 몇년간 업데이트도 없이 사실상 내쳐진 신세로 소수의 매니악한 사람들이 쓰는 서비스라는 인식..

그리고 카카오의 다음 인수 뒤로 다시 뭔가 해보겠다고 했지만..
현실은 여러 플러그인과 서비스의 종료와 폐지

그래도 컨텐츠를 중요하게 여긴다니까 (사실 크게 기대는 안했지만) 믿고 남아있었는데 결국 글쓰기에 동기를 부여하는 ‘밀어주기’ 플러그인마저 종료

이제 진짜 깨달음..

카카오는 티스토리 컨텐츠 생산에 대해 뜻이 없다는 걸..
유지는 하겠지만, 딱히 키우거나 하진 않을거라는 걸..

그리고 블로그 이전을 결심..

안녕 나의 20대를 함께한 서비스

since 2007. 11. 18

(곧 기트허브+지킬 또는 워드프레스로 이전합니다)

티스토리 블로그에 트위터카드 적용하기

어제, 트위터에게서 메일을 받았습니다.

미리 신청해두었던 트위터 카드 신청이 승인되었다는 메일이였습니다+_+ 이제 트위터에 누군가 제 글을 공유한 것을 twitter.com이나 공식앱에서 보면 제목과 저의 아이디를 달고 표시됩니다. 이미 뉴욕타임즈와 같은 해외 유명 신문에는 대부분 적용된 기능이죠.

트위터 카드?

트위터 카드는 트위터 내에서 링크를 공유할 때 그 링크에 대한 자세한 설명을 보여주도록 하는 도구입니다. 크진 않지만, 어떤 사람이 어떻게 공유할 지 모르는 트위터에서 출처와 컨텐츠를 만든 사람을 부각시켜준다는 점에서 괜찮은 것 같습니다.

트위터카드는 3가지 순서만 따라서 하시면 됩니다.

  1. 문서를 읽고 원하는 카드형식을 고릅니다.
  2. 원하는 카드형식에 맞춰 메타태그를 적용하고 테스트도구로 확인합니다.
  3. 트위터카드 적용 신청서를 작성하고 제출합니다.

적용하기가 어려운 것은 아니지만, 3번에서 신청서를 제출하고 나서 걸리는 시간이 꽤 됩니다. 저 같은 경우는 1월 7일에 신청했으니, 20일이 넘게 결렸네요ㅠㅠ

아래 티스토리를 기준으로 적용방법을 적어놓았습니다.

매우 쉬운 트위터카드 적용

적용방법은 엄청 쉽습니다. 페이스북의 오픈그래프처럼 <head></head>에 메타태그 몇 줄만 넣어주면 끝이죠.

위에서 ‘@아이디’부분만 맞게 바꿔주시면 됩니다. 소스를 적용 하셨다면 잘 나오는지 테스트 해보시기 바랍니다.

트위터카드 형식은 요약글, 사진, 플레이어로 나뉩니다. 블로그에는 요약글이 어울리죠. 요약글로 트위터 카드형식을 선택한다면, 필수로 적어야 할 정보는 URL, 제목, 설명이고 추가적으로 이미지도 사용 가능합니다.

저 같은 경우 URL은 따로 적지 않았습니다. 이상하게 URL부분에는 치환자를 쓰면 안먹히더군요;; 그래서 그냥 현재 URL로 인식하도록 놔두었습니다. 그리고 설명부분과 이미지는 글마다 다르게 하고 싶었지만, 어쩔 수 없이 설명에는 블로그 설명을, 그리고 이미지에는 블로그 프로필이미지밖에 쓸 수 없었습니다. 워드프레스라면 둘 다 글마다 다르게 하는 것이 가능했겠지만 말이죠ㅠ 대표이미지가 티스토리 치환자로 나와주었으면 하는 아쉬움이 있네요.

신청서 접수 그리고 기다림…

테스트에서 잘 나왔다고 끝!이 아닙니다. 이제 신청서를 작성해야 합니다.

  • Contact information: 신청이 접수된 후 연락이 올 정보이니 정확하게 적습니다.
  • Website URL: 트위터카드를 적용한 사이트를 적습니다.
  • Website description: 저는 간단하게 personal blog라고 적었습니다.
  • Twitter Username associated with that domain: 본인의 계정을 적어주시면 됩니다.
  • Example Summary Card URL: 위에서 트위터카드를 테스트했던 주소를 적어주시면 됩니다.

다 작성하셨으면 아래 Submit을 눌러 신청서를 보냅니다. 그리고… 기다립니다;;;

신청이 완료되면?

신청서가 처리되면 신청이 접수되었는지, 아니면 거절되었는지 신청서에 적었던 메일주소로 결과를 보내줍니다.
신청이 승인되면 트위터에서 이전에 올렸던 글을 확인해봅니다:)

덧) 어쩐지 한국 최초(?)인것 같은 느낌인데요…
덧2) 그런데 왜 트위터 한국지사 블로그는 적용을 안했을까요-_-;;
덧3) 처음에 저는 메타태그 소스만 넣고 왜 안되지…하고 멍하게 있다가 @nalbam님의 도움으로 신청했습니다.
덧4) 날밤님도 http://spic.kr로 트위터카드 신청서를 접수하셨으니 금방 적용 되겠죠!

we heart it – 핀터레스트보다 예쁘고 감성적인 서비스

제가 자주 사용하는 서비스 중에 We heart it이라는 서비스가 있습니다.
이 서비스는 이미지 북마크 서비스로 웹서핑 중 따로 저장하고싶은 이미지를 저장할 수 있는 서비스입니다.

이미지 북마크 서비스는 이전에도 있었다

we♥it 이전에도 이미지 북마크서비스는 이전부터 유명한 서비스들이 꽤 있습니다. FFFFOUND!imgfave와 같은 곳들이죠. 하지만 저런 곳들의 단점은 무엇일까요? 메인에 이상해괴한 사진들이 은근히 많다는 겁니다.(물론 제 개인적인 생각입니다) 그리고 이쁘다고는 말 못할 UI를 가지고 있습니다.

그럼 핀터레스트는?

혹시 떠오르실지 모르겠지만, 요즘 대세라는 핀터레스트UI도 예쁘고 메인에 이상해괴한 사진도 적은 편입니다.
하지만, 저는 핀터레스트를 싫어합니다. 싫어하는 이유는 (지극히 개인적인데,) 마케팅툴로 너무 알려졌다는 겁니다.
핀터레스트 마케팅은 곧 온라인쇼핑몰의 매출이라는 생각이 많아서인지, 상품들이 많이 올라옵니다.(그렇다고 상품들이 예쁜것만 올라오는것도 아닙니다!) 그래서 장삿속이 보이는듯한 핀터레스트를 멀리하게 되어버렸죠.
(한국의 경우도 핀터레스트로 마케팅 어쩌구저쩌구 떠드는 사람들이 많죠…)

이름부터 호감형인 we♥it

제가 we♥it을 좋아하게 된 것은 서비스명이 첫 이유였습니다. 서비스명부터 엄청 사랑스럽지 않나요?+_+
전 이 서비스명을 제가 따로 운영하는 Ludens ♥ OperaLudens ♥ Infographics의 이름을 지을때 벤치마킹(?)했을 정도로 좋아합니다.

화려하진 않지만 깔끔하다

좋아한 이유 중 두번째는 깔끔한 UI였습니다. 아시는대로 핀터레스트가 더 화려한 UI를 가지고 있습니다.
하지만 한편으로 화려한 UI가 정신이 없기도 해서, 이미지를 감상한다기보다는 여러 이미지를 스캔하는 느낌이 들죠.
하지만 we♥it은 덜 화려하기때문에 이미지에 더 집중이 잘됩니다.

예쁘고 감성적인 컨텐츠

마지막으로 가장 중요한 이유는 컨텐츠입니다. 제가 이미지북마크 서비스를 둘러보면서 we♥it에 다른곳보다 이쁜 사진이 많다고 생각합니다. 전체적인 이미지 수는 적을 수 있지만, 대부분 예쁜사진들이 올라오는 이곳을 좋아합니다. 그동안 150여개의 이미지를 북마크한 저도 이미 있는 이미지에 지지않을만한 이쁘고 퀄리티있는 사진을 공유하려고 노력하고 있습니다.

초간편한 서비스 사용방법

다른 사이트들처럼 회원가입 후에 서비스를 이용할 수 있습니다. 페이스북이나 트위터로 가입할 수 있으며, 그냥 가입도 가능합니다. 그냥 가입시 아이디, 이름, 이메일, 비밀번호 입력만 하면 가입 완료입니다.

서비스는 북마클릿을 통해 사용할 수 있습니다. 미리 북마클릿을 등록해 두면, 웹서핑 중 마음에 드는 이미지를 보았을때 북마클릿을 눌러 heart만 찍어주시면 됩니다. 크롬의 경우는 확장기능이 있어 더 쉽게 사용할 수 있습니다.
(IE에서 버튼이 작동하지 않는다고 하는데, 제가 IE9으로 해봤을때에는 문제 없이 잘 작동하였습니다.)

또한 계정설정에서는 트위터와 페이스북 연동을 설정할 수 있습니다. 연동후에는 Heart를 찍으면 바로 날려주기도 합니다. (특히 페이스북은 타임라인도 지원됩니다+_+)

예쁘니까 일단 쓰세요

직관적이고 예쁜 인터페이스 때문인지, 여성유저가 엄청 많습니다. 도대체 남자유저는 어디에있나(…) 싶을정도입니다. 그러니까 일단 쓰면 됩니다.
그리고 핀터레스트의 복잡한 무한스크롤 UI에 질리셨다면, 한번 사용해보시길 권합니다. 예쁘니까 일단 써보세요.

덧) 네, 개인적인 의견이 엄청나게 많이 들어간 서비스 소개글 맞구요…
덧2) 개인적으로 핀터레스트를 많이 싫어해서 계정조차 없습니다…
덧3) 어쩌다보니 핀터레스트를 디스하는 글이 되어버렸네요;;