텍스트큐브용 페이스북 덧글 달기

요즘 트위터는 재미없어서 잘 안쓰고, 페이스북을 즐겨 사용하고 있는데요.
텍스트큐브용 페이스북 덧글 플러그인이 있어서 설치를 했습니다.
http://nanbean.net/tt/entry/텍스트큐브-FacebookComment-플러그인

근데.. 사용하다 보니 엉뚱한 본문을 긁어가는 경우를 보게 되어
페이스북의 공유를 위해 페이지를 스크랩하는 원리가 궁금해졌습니다.

아래 내용의 출처는 다음과 같습니다.

본문

  • [meta name=”Description” content=”본문요약” /]을 찾는다.
  • 최소 120자 이상의 글을 가지고 있는 첫번째 [p]를 찾는다.

미리보기 이미지

  • [meta property=”og:image” content=”이미지 주소”]를 찾는다.
  • 첫번째 [img]의 그림을 찾는다.
  • CSS의 background-image 속성은 사용하지 않는다.

그외의 메타테그

  • [meta property=”og:title” content=”내용의 제목”/]
  • [meta property=”og:site_name” content=”사이트 이름”/]
  • [meta property=”og:url” content=”주소”/]
  • [meta property=”og:type” content=”blog”/]

페이스북에서 확인

아래의 개발자용 Debugger를 사용하면 문제점을 확인할 수 있다.
https://developers.facebook.com/tools/debug

텍스트큐브 사용시 SEO

검색엔진에 최적화된 사이트는 아무래도 검색엔진에 노출이 많이됩니다.
따라서 Meta Tag를 잘 사용하면 마케팅에 유리할듯합니다.
http://zinibox.tistory.com/301
http://terminalcube.blogspot.com/2009/07/사이트-체적화와-메타태그-seo-and-meta-tag.html

텍스트큐브에서 주의점

위에서 얘기한 Meta Tag가 없다면 페이스북은 [p], [img] 등을 찾아서 본문을 스크랩합니다.
따라서 사용하고 있는 블로그 스킨에 Meta Tag가 없다면 엉뚱한 플러그인 또는 위젯의 글과 그림을 스크랩할 수도 있게됩니다.
아무래도 가장 좋은 방법은 Meta Tag를 제대로 넣는 방법인듯합니다.

수정한 텍스트큐브용 플러그인

위의 내용들을 참고하여 플러그인을 수정한 이후는 어느정도 정상적으로 작동하는듯합니다.
변경점은 아래와 같습니다.

  • Description Meta Tag 추가
  • 블로그 URL을 내 블로그 설정에 맞게 수정

다운로드 : 1032972451.zip

사용자 삽입 이미지
메타태그 하나 넣으면 될것을 한참을 돌아왔네.. 아 눈물난다..

CC BY-NC-ND 2.0 KR

이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용할 수 있습니다. 크리에이티브 커먼즈 라이선스

저작권과 관련된 파일요청 및 작업요청을 받지 않습니다.

댓글 남기기