田村カツオ田村カツオ

こんにちわ。田村カツオです。

ワードプレスでブログの記事を書いたら多くの人に知ってもらいたいですよね。その為にTwitterでそのブログの記事についてツイートしてみるのは一定の効果があるわけですが、単にツイートにURLを貼り付けても下の画像の様に(↓)サムネイル画像が表示されないのです。

サムネイルがないつぶやき

 

こんな感じで(↓)サムネイル画像付きでツイートする為にはTwitterカードの設定をする必要があります。が、結構苦戦したりしちゃうものですよね(笑)

という事で今回はTwitterカードの設定方法についてです。しっかり抑えておきましょう!

田村カツオのメルマガ登録ボタン

メルマガ(無料)をやっています。興味のある方はどうぞ!(^^;)

【Twitterカード設定方法】サムネイル画像付きでツイートしよう!

普通に設定する方法について

Twitterカードのページを見て、英文の説明と詳しく解説してあるサイトを見ながら、metaタグ等をheadタグ内に記述する方法がスタンダードと言えばスタンダードなのでしょうが、僕はこの方法をおすすめしません。

別に出来なくはないけど面倒臭いからです(笑)

僕達の目的は「サムネイル画像付きでワードプレスブログの記事をTwitterでツイートする事」であって「面倒くさい方法を選択して達成感を味わう事」ではありません。

よって、Twitterカードを「正攻法(?)」の方法で設定したい方は別のサイトを参照する事をおすすめします!

オススメはプラグインを使う方法

Twitterカードの設定方法として僕がオススメするのはプラグイン「Twitter Cards Meta」を使用する事です。これ、本当に簡単です(笑)Twitter Cards Metaを設定するとTwitterカードを設定した事になっちゃいますので、非常に楽です。

 

まずはTwitter Cards Metaをインストールしてしまいましょう。

プラグイン追加画面で新規追加で「Twitter Cards Meta」と検索すれば出てきます。後はインストールして有効かすればOKです。ここまで20秒で出来ますね。

 

【1】Twitter Cards Metaの設定を行うには、まずワードプレスダッシュボード画面の左側のメニュー一覧から「プラグイン」→「インストール済みプラグイン」を選択し、Twitter Cards Metaの「settings」を選択します。

Twitter Cards Metaの設定1


【2】このような画面↓になりますので、一つ一つの項目を設定してきます。

①Site’s Main Twitter Account

投稿をつぶやきたいTwitterのアカウントを入力します。

 

②Use Authors’ Twitter Account

複数人でブログを運営していて投稿する人が何人かいる場合は、ここにチェックを入れると、その記事を書いた人のTwitterアカウントを使用する様に設定できる様になります。

 

③Image Selection

ツイートの中でのサムネイル画像をどこから使用するかです。

  • First image from content ・・・ ツイートの中で紹介する記事の中で一番最初に出てくる画像。
  • Featured image ・・・ ワードプレスで設定したアイキャッチ画像。
  • From a custom field ・・・ カスタムフィールドで設定した画像。

 

④Default Image URL

常にデフォルトで使用したい画像があればその画像のURLを入力します。ここを使う場合③の項目は意味がなくなります。

 

⑤Twitter Cards Type Selection

ツイートの中で表示されるサムネイル画像のタイプを選択します。

 

⑥Description For Home Page

自分のブログの説明文を入力しておきます。

 

⑦Use Default Card Type Sitewide

ここはチェックしなくて大丈夫です。ここをチェックすると全てのツイートがデフォルトで設定されたタイプのサムネイル画像表示形式で表示されてしまい、個別の設定が効かなくなってしまう、と。

 

最後に「Save Options」ボタンを押すのを忘れずに。

保存ボタン

上手く設定できたか確認してみよう。

設定が終わったら動作確認をしてみましょう。

Card validatorというTwitter公式のツールがあります。これでTwitterカードの設定(Twitter Cards Metaの設定)が上手く出来ているか確認できます。

 

Card validatorに行き、サムネイル画像付きでツイートした記事のURLを入力します。Preview cardというところを押すと確認出来ます。

サムネイル画像付きツイートのやり方

サムネイル画像付きツイートのやり方ですが、これまで説明してきた設定が出来ていれば後は簡単です。

紹介したい記事のURLをツイートの中に貼り付けてつぶやくだけです。

サムネイル画像ありのツイートのやり方

注意点としては、投稿した直後はサムネイル画像が表示されない事もあるという事ですね。

その場合は少しだけ待てばいいだけなので、心配しないで下さい。もし結構な時間が経ってもサムネイル画像がツイートに載ってこないのならば設定が正しく出来ているか確認してみてくださいね。

最後に

新しく投稿した記事をTwitterでつぶやくと、その記事への導火線が一つ増える事になります。やっておいて損はないと思います。

その上で、常に流れているTwitterのタイムライン上で、人の目に止まる様にブログの記事をサムネイル画像付きでツイートするというのはとても効果的です。プラグインを使えば簡単に設定できてしまいますので、是非やってみましょう。

======================

現在、メルマガ登録者限定で初心者がブログアフィリエイトで月収10万円以上稼ぎ、インターネット上に資産を築く為のオリジナルテキストをプレゼント中です!

自分の部屋でPC1台で楽しく稼いでみたいという人は是非ご覧になってみて下さいね(^_-)

※僕のメルマガは無料で読んで頂く事が出来ますし、必要ないと感じたらいつでもボタン1つで解除が出来ます。