IT便利帳

コンピュータやタブレット端末の便利な使い方やこれは知らなかったといったことを紹介します。

「All in one SEO pack」でTwitterカードを簡単に設定する方法

      2017/11/10  あとで読む   はてブする

WordPress

WordPress(ワードプレス)のプラグイン「All in one SEO pack」はとても便利で、Twitterカードの設定にも対応しています。

以前もFaceBookのOGP設定について書きました▼

最近はスマホでTwitterを見た時に、URLのリンク先が自動的に画像で表示されるようになりました。その関係で以前よりもTwitterカードの設定が重要になっています。

今回は「All in one SEO pack」でTwitterカードを簡単に設定する方法をご紹介します。

スポンサーリンク

Twitterカードを設定している時としていない時の違い

Twitterカードを設定している時と設定していない時の違いは以下のように表示されます。

概要+写真(小)/ Summary

Twitterカードの設定・Summary

「Summary」という設定をしていると、上の画像のように左に写真と概要が横に並んで表示されます。画像が小さいのが特徴です。

 

概要+写真(大)/ Summary Large Image

TWITTERカード設定・Summary Large Image

「Summary Large Image」という設定をすると、写真が上に、その下に概要が表示されます。この写真が大きく表示されるので、僕はこの設定に最近変更しました。

クリックするかしないかの違いは、写真で判断されるところがありますからね。

その他「Photo」というのがあります。これは概要がない特大写真だけになります。

 

Twitterカード未設定か設定が途中までの場合

Twitterカード未設定の時のtwitterの画面

Twitterカードを設定していないと、全く表示されないか、途中までしか設定されていない場合は、上のように写真が表示されません。

僕も以前、Twitterカードの設定を途中で挫折したことがあり、このように画像無しでしばらく表示されていました。

これだと、クリックして記事を読んでもらえる確率が減るので、ぜひ設定しておきましょう。

 

スポンサーリンク

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

WordPressプラグイン「All in one SEO Pack」

まずはWordPressのプラグイン「All in one SEO Pack」をインストールしましょう。

左から[プラグイン]→[新規追加]→「All in one SEO Pack」を検索し、インストールしましょう。似たようなプラグインがあるので注意。

 

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

更新と投稿の間に「All in One SEO」と表示されています。それをクリック。

 

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

「All in One SEO」の詳細が出てくるので、その中から「Feature Manager」をクリックします。

その中にある「Social Meta」を「Activate」にします。(「Deactivate」になったらOK。)

 

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

次に「Social Meta」をクリックします。

 

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

一番下に「Twitter Settings」というのがあるのでそれを設定します。

まず、「Default Twitter Card」を上で紹介した「Summary Large Image」を選択します。

写真が大きい方が目立つので「Summary Large Image」がおすすめです。(もちろんお好みで設定してください。)

 

WPプラグイン「All in one SEO Pack」でTwitterカードを設定する手順

  • Twitter Site:Twitterのユーザー名を入力。僕の場合は「@itbenricho」と入力しました(任意)
  • Show Twitter Author:チェックを入れると、Twitterのユーザー名で識別
  • Twitter Domain:TwitterのURL「http://twitter.com/〇〇〇」の○○○、僕の場合は「itbenricho」と入力(任意)

Twitter SiteとTwitter Domainは任意です。入力しなくても特に問題ありません。

 

Twitterカードの確認・申請

「Twitterカードの申請ページ(Card validator)」

最後に「Twitterカードの申請ページ(Card validator)」に行き、Twitterアカウントでログインします。Usernameは@以下の文字。僕の場合は”itbenricho”。

サイトのURLを入力し、「Preview card」をクリックします。

 

TWITTERカードが設定できているのか確認する画面

「Card Preview」に大きな画像の下に概要が書かれていて、その下の「LOG」に以下のように表示されていればOKです。

  • info: twitter card=summary large image tag found
  • info: card loaded successfully

「Successfully」となっているので、これで設定は終了。写真(画像)は時間が経てば表示されるようになります。表示されるまで結構時間がかかりました。

 

未登録の場合

未登録の場合は「Request approval」ボタンが表示されるのでクリックし、「Administrative contact」に入力しましょう。

  • Name: 名前(twitterハンドルネーム)
  • Email:サイト用のEメール
  • Twitter Username:@以降のID(僕の場合はitbenricho)
  • Website Twitter Username:@以降のID(僕の場合はitbenricho)

以上を入力し「Recuest Approval」をクリックしましょう。もう一度、「Twitterカードの申請ページ(Card validator)」で設定できているか確認してみてください。

表示されない場合は、同じ環境ではないので再現が難しいのですが、Twitterの[設定とプライバシー]→[プライバシーとセキュリティ]の「ツイートする画像・動画を不適切な内容を含むものとして設定する」にチェックされていると、画像が表示されない場合があるので、もし表示されないという方は確認してみてください。

追記

この記事を読んでtwitterカードを設定された方からの話によると、普通のURLだと問題なく表示されるが、短縮URLの場合は表示されなかったようです。情報ありがとうございます。

 

最後に

WordPressのプラグイン「All in one SEO pack」でTwitterカードを簡単に設定する方法をご紹介しました。

Twitterカードは自分で登録すると難しくて途中で断念することが多いので、「All in one SEO pack」で設定すると簡単です。

画像が大きく表示される方がより注目されやすいので、ぜひ設定しておきましょう。最近はスマホで見る方が多いので必須です。

スポンサーリンク

 - WordPress, WPプラグイン

「いいね!」で
最新情報をお届け!

Twitter でIT便利帳を

  関連記事

WordPress
WPプラグイン「Akismet」の設定方法、APIキーの取得

新しいサイトを立ち上げるたびに必要なのがWordPressのプラグイン「Akis …

WPプラグイン「VA Social Buzz」を表示した様子
バイラルメディア風のSNSボタンはWPプラグイン「VA Social Buzz」で簡単設定

バイラルメディア風のSNSボタンというのがあります。上の写真がそれで、個別記事の …

WordPress「アップロードしたファイルをwp-content/uploads…に移動できませんでした」というメッセージ
WordPressで画像ファイルがアップロードエラーする場合の2つの解決法

最近Wordpressの「メディアを追加」で画像を選択するとエラーが出ることがあ …

WorePress
[WordPress]記事中のmoreタグにAdsenseを追加できるプラグインAdMore

当ブログはWordPressで作成しています。Google Adsenseを表示 …

WorePress
WordPressプラグイン「AddQuicktag」で良く使うタグを簡単挿入しよう

WordPressの投稿画面で「B」を押すと、<b>タグでは無く&l …

ブログ
独自ドメインを取得してWordPressでブログを始める手順6つ

独自ドメインを取得してWordPressでブログを始めるための流れをご紹介します …

Wordpressプラグイン
FacebookのOGPの設定はAll in one SEO Packが簡単!

今までOGPの設定をするとき、WordPressプラグイン「Open Graph …

WorePress
[WordPress]過去記事を最上位に固定表示する方法

過去にアップした記事をもう一度注目させたい時に、過去記事を一番上に固定する方法が …

失敗し泣き崩れる様子
[WordPress]functions.phpの編集時に、サイト画面を真っ白にしてしまった場合の直し方

WordPressでfunctions.phpを編集時に、画面を真っ白にしたこと …

Google XML Sitemaps 4の調子が悪いので3にダウングレードしました

Google XML Sitemaps 4以上(現在4.0.4)は、サイトマップ …