どうも、ひろつぐです。
「WordPressの記事リンクをTwitterでつぶやくときに、
画像付きのTwitterカードが表示されるようにしたい!
でも設定が難しそう..どうすれば..?」
というような質問をいただきました。
そこで、Twitterカードを表示させる
超簡単な設定のやり方を解説していきます!
Twitterカードとは?その効果やメリット
ちなみにTwitterカードとはどんなものか?
こういうやつです。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/twittercard01-920x1024.png)
![](https://hirotsugu36.com/wp-content/uploads/2017/01/twittercard02-1012x1024.png)
今回ご紹介する設定をしておくだけで、
Twitterでブログのリンクをツイートしたときに
上のように、記事概要とアイキャッチ画像を
自動的に表示してくれるようになります。
結果、Twitterで記事URLをつぶやいたときの
アクセス数を圧倒的に増やすことができます。
Twitterカードの設定をしてない状態と比較すると
よくわかります。
設定をしてない状態で
ブログのリンクをつぶやくと..
![](https://hirotsugu36.com/wp-content/uploads/2017/01/cardnone.png)
こんな感じ。
しょぼい。。
スマホでTwitterのタイムラインを眺めてて
Twitterカードありとなしのつぶやきがあったとき、
どっちをクリックして読みたくなるか。
断然「Twitterカードあり」の方ですよね。
簡単に設定できるし、
一度やっておけば終わりなので、
WordPressでブログ運営してる場合は
これは設定しておきたいところです!
ちなみに、僕はTwitterでリンクをつぶやくと
少なくとも数百アクセスは一瞬で呼べます。
多いときは数千アクセスくることも。
ボソッとたったひとつぶやきするだけで、
好きなページに、人を数百人・数千人集められる。
これってかなり良いですよね。
たかがTwitter。されどTwitterです。
Twitterの力、なかなか侮れませんよ。
Twitterで人を集める方法は
そのノウハウを超具体的にまとめた
「Twitterマーケティングの書
– Twitter集客完全攻略ガイド」
というマニュアルを、
メルマガ読者さん限定でプレゼントしてます。
興味があれば、記事下から
メルマガに登録してみてください。(無料です)
それではTwitterカードの設定法を解説していきます!
超簡単!Twitterカード設定の3ステップ
- 「All in One SEO Pack」プラグインをインストールする
- All in One SEO Packのソーシャルメディア設定をする
- Twitter Developersに承認を申請する
動画でも解説しているので
文字だけだとわかりにくかったら
動画も見ながらやってみてください。
パッと見、難しそうに見えるかもしれませんが、
これから解説する手順通りにやれば
めちゃめちゃ簡単に設置できます。
難しく考えずに手順通りやってみてください。
ステップ1:「All in One SEO Pack」プラグインをインストールする
まずは「All in One SEO Pack」というプラグインを
インストールして有効化していきます。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/plugintuika.png)
WordPressのメニューより、
「プラグイン>新規追加」をクリック。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/AllinOneSEOPackserch.png)
右側にあるプラグインの検索窓に
All in One SEO Packと入力。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/AllinOneSEOPack.png)
All in One SEO Packのところに
「インストール」というボタンがあるので
そちらをクリックするとインストールが開始される。
少し待つとインストールが完了して
「有効化」というボタンに変わるので
そのボタンをクリックして有効化する。
ステップ2:All in One SEO Packのソーシャルメディア設定をする
All in One SEO Packの設定をします。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/kinoukanri.png)
WordPressのメニューより、
「All in One SEO Pack>機能管理」をクリック。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/socialactive.png)
ソーシャルメディアの「Activate」のボタンを押して
ソーシャルメディア設定を有効化します。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/social.png)
するとWordPressのメニューの、
「All in One SEO Pack>ソーシャルメディア」
という項目がでてくるので、クリック。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/eyecatch.png)
画像設定の「OG:Image ソースを選択」を
「アイキャッチ画像」に変更しておく。
この設定をしておくことで
記事のアイキャッチ画像にいれた画像が
Twitterカードに表示される画像になります。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/twittersetting.png)
デフォルトTwitterカード:
Twitterカードに表示される画像の大きさが設定できます。
僕はこれを「要約の大きい画像」に設定してます。
Twitterサイト:
自分のTwitterアカウントのIDをいれておきます。
「@hirotsugu36」を含めて入力しましょう。(例:@hirotsugu36com)
Twitter投稿者の表示:
Twitterの投稿者の表示/非表示の切り替えができます。
特に表示しなくてもいいと思ったので
僕はチェックを外しています。お好みで。
Twitterドメイン:
自分のTwitterアカウントのドメインを入力します
(例:赤字の部分がTwitterドメインです
→https://twitter.com/hirotsugu36com)
※TwitterサイトとTwitterドメインは
特に入力せずに空欄のままでも大丈夫です。
一応いれておけば問題ないでしょう。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/kousin.png)
すべての設定が済んだら
「設定を更新」をクリック。
ここまででAll in One SEO Packでの
設定はおしまいです。
超簡単!
ステップ3:Twitter Developersに承認を申請します
最後にTwitter Developersというサイトで
Twitterカード設定の承認を申請します。
と言っても、この作業も一瞬で終わります。
WordPressのブログURLを
「Card Validator」というTwitterのサイトに
入力するだけ。それだけです。
まずは「Card Validator」にアクセスします。
Twitterのログイン画面が表示されるので
自分のTwitterのユーザー名とパスワードを入力して
ログインしてください。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/cardvalidator.png)
するとこのような画面になるので、
自分のブログURLを入力して
Preview cardのボタンをクリックしてください。
![](https://hirotsugu36.com/wp-content/uploads/2017/01/cardvalidatorinfo.png)
右側にプレビューが表示されて、
その下の「Log」という部分に
INFO: Page fetched successfullyINFO: 20 metatags were foundINFO: twitter:card = summary_large_image tag foundINFO: Card loaded successfully
という感じで表示されれば成功!
![](https://hirotsugu36.com/wp-content/uploads/2017/01/cardvalidatorsuc.png)
これでTwitter Developersへの
承認申請の作業が完了です。
反映までに少し時間がかかる!
以上でTwitterカードの設定のための作業は
一通りすべて完了しましたが、
反映までには少し時間がかかります。
僕の場合、数時間で反映されましたが
数日かかる場合もあるようです。
とりあえずCard validatorでの
プレビュー表示とLogの画面が成功していれば
設定は正しく完了しているので、
あとは設定が反映されるまで気長に待ちましょう。
特にアイキャッチが表示が反映されるのに
時間がかかる場合が多いですが、
時間が経てばちゃんとアイキャッチも表示されるようになります。
「まだかなまだかなー」と
そわそわしてる暇があったら、
ブログを1記事でも多く書きましょうー!
設定が反映されると、
あとは自分のブログ記事のURLを
Twitterでツイートするだけで、
Twitterカードが自動的に表示されます。
そうそう、冒頭でも書きましたが
Twitterで人を集める方法は
そのノウハウを超具体的にまとめた
「Twitterマーケティングの書
– Twitter集客完全攻略ガイド」
というマニュアルをプレゼントしてます。
興味があれば、
メルマガに無料登録してみてください。