<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;
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 코드 - 라이프해커
'Tips & Tricks' 카테고리의 다른 글
| 지메일(Gmail Remote Command)로 내 컴퓨터를 원격 제어하기 (1) | 2009/10/11 |
|---|---|
| bit.ly보다 더 짧은 URL을 생성해주는 도구 j.mp와 새로운 팁 몇가지 (0) | 2009/10/01 |
| Gmail Labs - 읽은 편지와 관련된 라벨 숨기기 (Hide read labels) (0) | 2009/09/26 |
| 키워드 메타 태그의 사용이 구글 검색엔진 최적화에 도움이 되는가? (0) | 2009/09/22 |
| Follow하는 모든 Twitter계정을 내 RSS리더기로 한꺼번에 구독하는 방법 (0) | 2009/09/06 |
| 블로그 SEO에 좀 더 유리한 Backtype Widget 코드 (8) | 2009/08/25 |
| gReactions -소셜 댓글을 구글 리더로 끌어오는 Firefox부가기능 (0) | 2009/08/24 |
| 지메일에서 Task List 이메일하기 - Gmail Tips #19 (0) | 2009/08/22 |
| 지메일 닌자 4단계 - 구글의 공식 Gmail Tips #4 (2) | 2009/08/20 |
| 지메일 닌자 4단계 - 구글의 공식 Gmail Tips #3 (0) | 2009/08/20 |
| 지메일 닌자 4단계 - 구글의 공식 Gmail Tips #2 (0) | 2009/08/20 |
Trackbas address :: http://kr.geek2live.org/trackback/259
-
Tracked from 서울비 블로그
at 2009/08/28 14:32
삭제
Subject: 티스토리 블로그에 Retweet 버튼 달기 예시
@Dapy님이 알려주신 정보. 찰이님의 글도 참고하면 좋음. Backtype에서 제공하는 플러그인인데, 특징은 다음과 같습니다. 1) 자신의 글을 누가 트위터에서 인용하는지 알 수 있음. 2) 간편하게 블로그 글을 트위터로 전송하는 기능(Retweet Button). 살짝 헤매서, 티스토리 사용자를 위한 예제 공유합니다. 가장 간단하게 붙이는 코드 <div style="float:right; margin-left: 10px; "> <script ty.....
좋은글 감사합니다. 그런데 저 소스를 어디에 붙여 넣어야 할까요? ^^;;
##_article_rep_desc_##의 바로 윗쪽에 삽입하면 되구요, 전 구글 광고가 있어서 광고 코드 앞에 넣었습니다.실지 소스코드를 읽어보셔도 알 수 있습니다. http://kr.geek2live.org/84
귀찮게 해드리는건 아닌지 모르겠습니다만...;;
소스는 잘 붙였는데 retweet 클릭하면 트위터로 이동하자나요 그때 입력 박스 내용을 보면 제 블로그 주소는 잘 나오는데 포스팅 번호가 나타나지 않습니다. 왜 그럴까요?
Twitter로 직접 답변 드렸습니다
http://twitter.com/geek2live/status/3547061000
http://twitter.com/geek2live/status/3546823994
트위터의 트윗란에 글자를 좀 더 넣을 수는 없을까요? 60글자나 남아있는데 글자가 길다고 .... <- 이렇게 나오네요. 좀 더 많은 글자를 넣고 싶은데 글자수 제한을 좀 더 늘일 수는 없나요?
왜서 그런 문제가 생길가요? 아무리 생각해봐도 궁금합니다.적어서 140자는 칠 수가 있을 텐데요..
위에 글자수 제한 이야기했던 사람인데요... 제가 적용한건 티스토리는 아니고 제로보드게시판인데요.... tweetcount_url부분을 아래와 같이 바꾸니까 제로보드게시판으로도 되는 것 같더라구요... 근데 제목이 길면 게시판제목 전부다 나오지 않고 뒷부분에 .... 이렇게 나오더라구요... 그리고 리트윗수 집계도 안 되더군요... 제가 이런건 잘 모르고 그냥 태그밖에 모르거든요..그래서 혹시 이게 될까해서 아래와 같이 적용했는데 되긴 되는데 위와 같은 현상이 일어나더군요.
혹시 제로보드도 만질줄 아시면 제로보드용으로도 만들어주시면 안될까요?
tweetcount_url = 'document.location.href';
댓글을 지금 봤네요... 제가 제로보드 게시판에 대해서는 전혀 아는 것이 없습니다. 아래의 코드가 적용될지 모르겠는데 한번 테스트해보식기 바랍니다.
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
이 코드는 일반적으로 적용될 수 있는 코드라고 하며, 아래의 페이지을 참조바랍니다.
http://www.backtype.com/widgets/tweetcount
제가 위에서 소개한 코드는 블로그에 적용할 수 있는 코드로 게시판 같은 곳에는 적용이되지 않을 수 있다고 생각합니다.