WordPress 블로그에 Twitter 카드를 추가하는 방법

작년 Twitter.com은 새로운 기능인 Twitter 카드를 출시했습니다. Twitter Cards API를 사용하면 블로그 나 웹 사이트에서 Twitter로 연결되는 링크를 이전보다 더 나은 모양과 정보로 공유 할 수 있습니다. 블로그에서 Twitter 카드를 구현하는 작업은 쉽고 빠르게 수행 할 수 있으며 승인을 위해 Twitter에 신청하는 것도 간단한 과정입니다. 요청이 승인되면 트위터에 게시 된 블로그 컨텐츠가보다 전문적으로 보일 것입니다. 트위터에서 블로그 링크, 블로그 포스트의 이미지 및 블로그의 비디오를 트위터에서 직접 재생할 수 있습니다. 다음은 내 트위터 계정 @ maxaxe 에서 Twitter 카드를 보는 것 중 하나입니다.

트위터 카드에는 여러 가지 유형이 있습니다. 요약, 비디오 및 사진. Twitter 카드 요약은 기사 및 텍스트 기반 콘텐츠를위한 것이고 비디오 및 사진 Twitter 카드는 YouTube 비디오와 같은 이미지 및 비디오 기반 콘텐츠를위한 것입니다. 모든 유형의 카드에 사용할 수있는 몇 가지 메타 태그가 있으며보다 구체적인 카드에 사용되는 메타 태그도 있습니다. 예, Twitter 카드에 대해 읽어보기 전에이 문서 에서 정보를 읽을 수 있습니다.

WP 블로그에 Twitter 카드를 어떻게 추가합니까?

twtitter 카드를 설치하는 방법에는 여러 가지가 있습니다. 특히 WordPress 플랫폼을 사용하는 경우 매우 쉽습니다.

1. 플러그인의 도움으로

웹 사이트에 트위터 카드를 설치하는 가장 쉬운 방법은 워드 프레스 플러그인을 사용하는 것이므로 웹 사이트에 워드 프레스를 사용하는 사람에게는 다행히도 다행입니다. 블로그의 코드를 신경 쓰지 않고 트위터 카드를 설치하는 데 도움이되는 몇 가지 플러그인이 있습니다. maxmanroe.com 블로그의 경우 Yoast 플러그인WordPress SEO를 사용하십시오. 그것을 설정하는 방법은 매우 쉽습니다, 당신은 단지 Yoast 플러그인 설정을 입력하십시오 : SEO > Social 다음 "Add Twitter meta data card"상자를 체크 한 후 저장하십시오.

Yoast 플러그인의 WordPress SEO 외에도 사용할 수있는 플러그인이 몇 가지 더 있습니다. 그러나 개인적으로 Yoast 플러그인의 WordPress SEO 및 Niall Kennedy가 만든 Twitter 카드 플러그인을 개인적으로 추천합니다. 먼저 테스트하여 Twitter 카드가 제대로 작동하는지 확인하십시오. Twitter 도구를 사용하여 사이트의 Twitter 카드 모양을 미리 볼 수 있습니다. Twitter 카드 미리보기 도구로 디스플레이를 테스트 해보십시오. 이 미리보기 도구를 사용하려면 Twitter 계정에 로그인해야합니다. 그런 다음 게시물 중 하나의 URL을 열에 입력하고 카드 미리보기를 클릭하면 Twitter 카드의 모양을 볼 수 있습니다.

WP 대시 보드에서 Twitter 카드 설정을 완료 한 후 다음 단계는 Twitter의 승인을 요청하는 것입니다. Twitter 카드가 사이트에 제대로 작동하려면 Twitter가 먼저 도메인을 승인해야합니다. 이 단계는 포르노 사이트와 불법 활동을 수행하는 사이트를 분류하기위한 노력으로 Twitter에 의해 수행됩니다. Twitter에서 제공 한 필드에 일부 데이터를 입력해야합니다. Twitter 카드 승인 신청 페이지를 참조하십시오.

2. header.php에서 코드를 편집함으로써

이 방법을 사용하려면 코드를 입력 할 때 발생할 수있는 오류를 피하기 위해 블로그의 header.php 폴더의 내용을 복사해야합니다. 블로그의 header.php를 열고 아래 코드를 복사하여 태그에 붙여 넣으십시오. 블로그-태그 전 . 다른 곳에 코드를 설치하지 않으면 블로그에 오류가 발생합니다. 다음은 코드의 예입니다.

소스 코드 : Ryan Cullen @ artesea

주의 : 블로그의 PHP 또는 코드를 이해하지 못하면 플러그인을 사용하는 첫 번째 방법을 사용해야합니다.

위의 단계가 완료 되었습니까? 아, 아직 마지막 단계는 웹 사이트의 robot.txt가 Twitter 스파이더를 차단하지 않는지 확인하는 것입니다. Twitter 카드를 테스트 할 때 위의 Twitter 카드와 같은 디스플레이가 나타나지 않으면 robots.txt에 의해 Twitter 스파이더가 차단 될 가능성이 있습니다. 이를 위해 편집하고 아래 코드를 추가해야합니다.

사용자 에이전트 : Twitterbot

허용하지 않음 :

위의 단계를 올바르게 수행하면 Twitter 카드가 제대로 작동하고 Twitter에서 더 전문적으로 보일 것입니다. 나는 단계를 반복했다.

  1. 플러그인을 사용하거나 코딩 할 것인지 결정하십시오. 위에서 설명한대로 블로그에서 설정을 수행하십시오.
  2. Twitter 미리보기 도구를 사용하여 테스트를 수행하십시오.
  3. 이 양식 을 작성하여 Twitter에 적용하십시오.

모든 것이 끝나면 결과를 기다리는 것입니다. 질문, 의견 및 기타 아이디어가 있으면 의견을 통해 보내주십시오. 이 기사가 유용하다고 생각되면 Twitter 또는 Facebook을 통해 다른 사람들과 공유하면 매우 감사합니다. 내 트위터 @ maxaxe 를 팔로우하는 것을 잊지 말고, 내가 언급 한 것을 보내면 분명히 답할 것입니다.

결과는 다음과 같습니다.

Twitter 카드를 WordPress 블로그에 추가하여 Twitter의 게시물이 더 멋지게 보이도록하는 방법 //t.co/DyVUitUj0x

-Maxmanroe.com (@maxmanroe) 2013 년 5 월 12 일

내 기사를 읽어 주셔서 감사합니다 :)

귀하의 코멘트를 남겨

Please enter your comment!
Please enter your name here