WordPressブログにTwitterカードを追加する方法

昨年、Twitter.comは新機能のTwitter Cardsをリリースしました。 Twitter Cards APIを使用することにより、ブログやWebサイトからTwitterへのリンクを、以前の方法よりも見栄えがよく、情報量の多いもので共有できます。ブログへのTwitterカードの実装は簡単かつ迅速に行うことができ、承認を得るためにTwitterに申請することも短いプロセスです。リクエストが承認されると、Twitterに投稿されたブログのコンテンツはよりプロフェッショナルなものになり、ツイートにはブログへのリンク、ブログ投稿の画像、およびブログのビデオをTwitterで直接再生できます。以下は、私のTwitterアカウント@ maxaxeでのTwitterカードのビューの1つです。

さえずりカード

つまり、いくつかのタイプのTwitterカードがあります。概要、ビデオ、写真。Twitterカードの要約は記事とテキストベースのコンテンツ用であり、動画と写真のTwitterカードは、画像とビデオベースのコンテンツ(YouTube動画など)用です。すべてのタイプのカードに使用できるメタタグがいくつかあり、さらに特定のカードに使用できるメタタグもあります。そうそう、あなたがTwitterカードについて読む必要がある前に、その情報はこのドキュメントで読むことができる。

WPブログにTwitterカードを追加するにはどうすればよいですか?

twtitterカードをインストールするにはいくつかの方法があります。特にWordPressプラットフォームを使用している場合は、非常に簡単です。

1.プラグインの助けを借りて

WordPressをWebサイトにインストールする最も簡単な方法はWordPressプラグインを使用することです。ブログのコードを気にすることなくTwitterカードをインストールするのに役立つプラグインがいくつかあります。 maxmanroe.comブログの場合は、YoastプラグインによるWordPress SEOを使用します。非常に簡単ですどのようにそれを設定するには、あなただけのYoinsのプラグインの設定に行く:SEO > 社会は、その後、ボックス「Twitterのメタデータカードを追加する」[保存]をご確認ください。

YoastプラグインによるWordPress SEOに加えて、使用できるプラグインがいくつかあります。しかし私は個人的に、YoastプラグインによるWordPress SEOとNiall Kennedyが作成したTwitter Cardsプラグインをお勧めします。最初のテストで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カードのような表示が表示されなかった場合は、robot.txtによってTwitterスパイダーがブロックされた可能性があります。そのためには、それを編集して以下のコードを追加する必要があります。

ユーザーエージェント:Twitterbot

許可しない:

上記の手順を正しく実行すれば、ブログのTwitterカードはきちんと機能し、Twitterではよりプロフェッショナルに見えます。手順を繰り返しました:

  1. プラグインを使用するか、コーディングするかを決定します。上記の説明に従って、ブログの設定を行います。
  2. Twitterプレビューツールを使用してテストを実行します。
  3. 塗りつぶしこのフォームアウトのTwitterに適用するが。

それがすべて終わったら、結果を待っているだけです。質問、入力、その他のアイデアがある場合は、コメントで送信してください。この記事が役に立ったと思われる場合は、TwitterやFacebookで他のユーザーと共有していただければ幸いです。私のTwitter @ maxaxeをフォローすることを忘れないでください。

結果は次のようになります。

WordPressブログにTwitterカードを追加して、Twitterへの投稿をより見栄えよくする方法//t.co/DyVUitUj0x

-Maxmanroe.com(@maxmanroe)2013年5月12日

私の記事を読んでくれてありがとう:)

関連記事