태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

Backtype
Twitter서 문의를 해주신 분이 계셔서 라이프해커 블로그의 포스트 우측 상단에 삽입한 Backtype Widget 코드를 여기에 기록해 둡니다. Backtype Widget를 블로그에 삽입하게 되면 사용자가 리트윗을 쉽게 할 수 있게 되며 포스트와 관련된 모든 소셜 대화(Social media Reactions)를 한 곳에서 보여줄 수 있는 좋은 점이 있죠. 필요하신 분들 참조로 하시기 바랍니다.


<div style="float:right; margin-left: 10px; ">
<script type="text/javascript">
    tweetcount_url = 'http://kr.geek2live.org[# #_article_rep_link_##]';   (# #사이에 공백 없애야 함)
    tweetcount_short_url = false;
    tweetcount_short_url = window.location.href;
    tweetcount_src = 'RT @geek2live';    (개인 twitter 아이디로 변경 필요)
    tweetcount_via = false;
    tweetcount_links = true;
    tweetcount_size = 'large';
    tweetcount_background = 'FFFFFF';
    tweetcount_border = 'CCCCCC';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
</div>


지난 번 소개했던 서울비 블로그의 코드에서 조금 변경을 했는데요, 추가가 된 부분은 아래 부분입니다.
tweetcount_short_url = false;
tweetcount_short_url = window.location.href;

위의 코드를 사용하게 되면 Backtype Widget 이 제공하는 Default Url 줄이기 서비스를 쓰는 것이 아니라 절대 링크를 Twitter에 가져다 붙이게 됩니다. 이 것이 검색엔진 최적화(SEO) 측면에서는 좀 더 낳다고 생각되어 이렇게 변경했습니다. 원인은 티스토리에 rel="canonical" 속성을 추가하는 것이 불가능하기때문이며 중복 콘텐츠를 막기 위해서 입니다.

코드를 변경하기전에 발생한 일인데 Twitter로부터 Backtype가 생성한 Long Url을 타고 와서 제 disqus댓글시스템에 댓글을 남겨주는 경우가 있었습니다. 그 경우에는 절대 링크가 아닌 완전히 다른 별도의 형식의 링크에 댓글이 저장되며 다른 독자분들은 그 댓글을 볼 수 없게 됩니다. 절대링크를 사용하면 Twitter의 140자 제한에는 불리하겠지만 기타 측면에서는 코드를 위와 같이 변경하는 것이 SEO에는 더 유리할 것이라 생각됩니다. 독자분들의 생각은 어떠하신지요?

블로그 SEO에 좀 더 유리한 Backtype Widget 코드 - 라이프해커
  1. Commented by 어라 at 2009.08.25 17:11

    좋은글 감사합니다. 그런데 저 소스를 어디에 붙여 넣어야 할까요? ^^;;

    • Commented by 라이프해커 at 2009.08.25 17:49 신고

      ##_article_rep_desc_##의 바로 윗쪽에 삽입하면 되구요, 전 구글 광고가 있어서 광고 코드 앞에 넣었습니다.실지 소스코드를 읽어보셔도 알 수 있습니다. http://kr.geek2live.org/84

    • Commented by 어라 at 2009.08.26 08:35

      귀찮게 해드리는건 아닌지 모르겠습니다만...;;
      소스는 잘 붙였는데 retweet 클릭하면 트위터로 이동하자나요 그때 입력 박스 내용을 보면 제 블로그 주소는 잘 나오는데 포스팅 번호가 나타나지 않습니다. 왜 그럴까요?

  2. Commented by 라이프해커 at 2009.08.26 09:25 신고

    Twitter로 직접 답변 드렸습니다 :)

    http://twitter.com/geek2live/status/3547061000
    http://twitter.com/geek2live/status/3546823994

  3. Commented by 카이 at 2010.03.17 01:32

    트위터의 트윗란에 글자를 좀 더 넣을 수는 없을까요? 60글자나 남아있는데 글자가 길다고 .... <- 이렇게 나오네요. 좀 더 많은 글자를 넣고 싶은데 글자수 제한을 좀 더 늘일 수는 없나요?

  4. Commented by 카이 at 2010.03.19 20:26

    위에 글자수 제한 이야기했던 사람인데요... 제가 적용한건 티스토리는 아니고 제로보드게시판인데요.... tweetcount_url부분을 아래와 같이 바꾸니까 제로보드게시판으로도 되는 것 같더라구요... 근데 제목이 길면 게시판제목 전부다 나오지 않고 뒷부분에 .... 이렇게 나오더라구요... 그리고 리트윗수 집계도 안 되더군요... 제가 이런건 잘 모르고 그냥 태그밖에 모르거든요..그래서 혹시 이게 될까해서 아래와 같이 적용했는데 되긴 되는데 위와 같은 현상이 일어나더군요.
    혹시 제로보드도 만질줄 아시면 제로보드용으로도 만들어주시면 안될까요?

    tweetcount_url = 'document.location.href';

  5. Commented by 라이프해커 at 2010.03.21 17:57 신고

    댓글을 지금 봤네요... 제가 제로보드 게시판에 대해서는 전혀 아는 것이 없습니다. 아래의 코드가 적용될지 모르겠는데 한번 테스트해보식기 바랍니다.

    <script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>

    이 코드는 일반적으로 적용될 수 있는 코드라고 하며, 아래의 페이지을 참조바랍니다.

    http://www.backtype.com/widgets/tweetcount

    제가 위에서 소개한 코드는 블로그에 적용할 수 있는 코드로 게시판 같은 곳에는 적용이되지 않을 수 있다고 생각합니다.