(最終更新日:2019.07.17)

 

WordPress|Twitterカードの設定、効果、確認方法を徹底解説


悩み

「Twitterカードとは?設定、効果、確認方法について教えて欲しい。」
ここでは、そんな悩みを解決します。

本記事の内容

①Twitterカードの設定方法
②Twitterカードをブログに貼る方法
③Twitterカードが上手く表示されない場合の確認方法

Twitterカードというのは聞いたことがあるけど、その設定、効果、確認方法についてはよく分からない。

ブログを書いてる方で、こういった悩みを持ってる方も多いのではないかと思います。

実際、Googleの検索サジェストを見ると、それらに関する用語が出てきます。

私も初めて設定した時は、上手く結果が反映されず、少し考えましたが、設定を再度見直すと無事に表示されるようになりました。

本記事では、そのTwitterカードの設定、効果、確認方法について、詳しく解説します。

スポンサーリンク

Twitterカードを設定する前に知るべきこと

Twitterカードとは?

Twitterカードとは、ツイートの中にURLがある場合に、その記事のアイキャッチ画像や記事の内容を表示する機能のことです。

説明するより、実物を見た方が分かりやすいと思いますので、下の画面をご覧下さい。

Twitterで実際に私が投稿したツイートです。

自分のコメントの下に、アイキャッチ画像と記事の内容が表示されています。

これが、Twitterカードのことです。

Twitterカードをブログに貼る方法

簡単に貼ることが出来ますので、本記事にて紹介します。

まず、Twitterのツイート画面を開きます。

ツイートの右上をクリックして、「ツイートをサイトに埋め込む」をクリックします。

「このツイートをサイトに埋め込む」と表示されますので、コードをコピーして自分のブログのhtmlに貼り付ければ、ブログの中にTwitterカードを表示することが出来ます。

私自身、Twitterカードをブログの中に貼るのはこれが初めてですが、簡単に貼ることができて、非常に便利だなと感じています。

また、これは自分のツイートだけではなく、他の人のツイートも貼ることができるので、紹介したいツイートがあったときにも活用できます。

レイアウトも非常に奇麗なので、知っておくと便利な機能の一つだと思います。

Twitterカードの効果

Twitterカードを設定することにより、記事の内容を魅力的に見せることができます。

URLだけの表示では、味気ないツイートになりますが、アイキャッチ画像とその記事の内容が表示されることにより、そのリンク先をクリックして見てみたくなります。

実際私もTwitterで色々な方のツイートを見ていますが、やはりアイキャッチ画像とその記事の内容が表示されている方のツイートの方が、クリックして見ています。

有名なブロガー程、Twitterカードを上手く活用しているように感じます。

Twitterカードを設定することにより、自分が書いた記事の内容を少しでも多くの方に見てもらえると思いますので、使ってみることを勧めします。

スポンサーリンク

Twitterカードの設定と確認方法

Twitterカードの設定

Twitterカードの設定は、ブログ側とTwitter側の設定が必要です。

理由は、ブログ側とTwitter側を連携させるためです。

私のブログでは、WordPressを使用していますので、本記事ではWordPressの設定を紹介します。

WordPressの設定

WordPressでは、All in One SEO Packというプラグインを活用します。

All in One SEO Packを使うことで、Twitterカードの設定が簡単に出来ます。

metaタグを使用して、htmlに手入力する方法もありますが、All in One SEO Packで設定した方が簡単なので、初めて設定する方にお勧めです。

プラグインを導入されていない方は、WordPressのプラグインからAll in One SEO Packをダウンロードして下さい。

ダウンロードが完了したら、ALL in One SEOの機能管理画面を開きます。

左から2番目のソーシャルメディアの右下のボタンがDeactiveになるようにクリックします。

次に、ソーシャルメディアを開き、画像設定を行います。

「OG:Imageソースを選択」では、「Featured Image」を選択します。

私の場合、「OG:Imageソースを選択」で「Default Image」を選択していて、Twitterカードのアイキャッチ画像が上手く表示されませんでした。

その後、色々調べて「Featured Image」に変えて、Twitterカードの更新ボタンを押したら、すぐにアイキャッチ画像が表示されました。

次に、Twitter設定を行います。

デフォルトTwitterカードでは「要約」と「要約の大きい画像」の2種類が選択できます。

簡単に言えば、アイキャッチ画像のサイズが小さいか大きいかの違いです。

私が本記事に載せているTwitterカードは、サイズが大きい「要約の大きい画像」を選択しています。

意見は分かれるところだとは思いますが、「要約の大きい画像」を選択した方がアイキャッチ画像のインパクトがありますので、「要約の大きい画像」を選択した方が良いと思います。

Twitterサイトには、自分のTwitterID(@含め)を入力します。

Twitterドメインには、自分のTwitterのURL(https://twitter.com/〇〇)を入力します。〇〇の箇所に@を除けた自分のTwitterIDを入力します。

最後に「設定を更新」をクリックします。

これで、WordPressの設定が完了です。

Twitterの設定

Twitterでは、「Card validator」を使用します。

Card URLに、投稿記事のURLを入力して、「Preview card」をクリックします。

これで、Twitter側に、Twitterカードの利用申請を行ったことになります。

申請を行うと、画面右側にCard Previewが表示され、下側にLogが表示されます。

すぐにはアイキャッチ画像が表示されないと思いますが、処理には少し時間が掛かるので、今は表示されてなくても大丈夫です。

下側のLOGを確認します。

INFO:  Card loaded successfully

4行目に成功したLOGが表示されていれば、処理は成功しています。

後は時間が経てばアイキャッチ画像が表示されると思いますので、待ちましょう。

ただ、数時間経っても表示されない場合は、どこか設定が間違っている可能性がありますので、WordPressの設定・Twitterの申請URL等を再度見直した方がいいと思います。

Twitterカードの確認

Twitterカードの確認を行います。

Twitterのツイートの中に、「Card validator」で申請したurlを入れます。

この時点では、Twitterカードが表示されるかどうかは分かりませんが、Card validatorで申請をして処理されていれば、ツイートをクリックすると表示されます。

アイキャッチ画像に関しては、Card validatorに上手く表示されなければ、Twitterのツイート画面でも、上手く表示されないと思います。

私自身、実際そうでした。

Card validatorに表示されていないときに、Twitterの画面を何回更新しても表示されませんでしたが、Card validatorに表示された後すぐにTwitterの画面を更新したら、上手く表示されました。

自分が書いた記事をTwitterカードにして早くツイートしたい気持ちも分かりますが、Card validatorにアイキャッチ画像が表示されてから、ツイートすることをお勧めします。

スポンサーリンク

Twitterカードが上手く表示されない場合の確認

設定の再確認

検索サジェストを見ると、Twitterカードが上手く表示されないと検索されている方がいます。

本記事では、WordPressとTwitterの設定を行いましたので、もしTwitterカードが上手く表示されていない場合は、どちらかの設定が間違っていると思います。

人間である以上、ヒューマンエラーはつきものなので、最初から見直してみることをお勧めします。

それでも、上手く表示されない場合は、Card validatorの処理時間の問題だと思いますので、一定時間(1時間程)待ってみましょう。

後は、実際の自分の投稿記事からツイートしてみてみる等、試してみましょう。

ポイント

1.WordPressとTwitterの設定を見直すこと

2.一定時間(1時間程)待ってみること

3.再度ツイートしてみること

最後に

最近では、SNSからのアクセスも大事になってきています。

世界には何十億というwebサイトがありますので、検索されてくるより、SNSで拡散した方が、アクセスを集めやすいためです。

一人でも多くのアクセスを集めるための方法として、Twitterカードは非常に有効な手段だと思います。

是非、Twitterカードを最大限活用してみて下さい。



関連記事

  1. ブログ運営

    【AdSense】問い合わせ先、問い合わせ方法をサービスごとに徹底解説

    悩み「アドセンスに問い合わせしたい。アドセンスの担当者に連絡を取…

  2. ブログ運営

    グーグルアドセンスの審査は簡単?厳しい?落ちたときの対策

    悩み「グーグルアドセンスの審査を受けたけど、落ちた・・・何回やっ…

  3. ブログ運営

    広告収入|0からお金を稼ぐ必要性

    悩み「少しでも収入源を増やしたい。月にあと数万円欲しい。お金を増…

  4. ブログ運営

    【SEO検索順位チェックツール】Rank Trackerの有料版の購入方法

    本記事の対象者は、次のうちいずれか一つでも当てはまる方が対象です。…

  5. ブログ運営

    【AdSense】収益の仕組みと理想的なサイト運営の始め方

    悩み「アドセンスの収益の仕組みを知りたい。また、理想的なサイト運…

  6. ブログ運営

    Binance(バイナンス)の登録方法、二段階認証の設定方法を徹底解説

    本記事の対象者・Binance(バイナンス)の登録方法について知り…

  1. ブログ運営

    グーグルアドセンスの審査手順|2019年更新【まとめ】
  2. ブログ運営

    【SEOツール】Fetch as Googleとは?使い方やエラーについて徹底解…
  3. ブログ運営

    【仮想通貨取引所】初心者におすすめ!Liquid by Quoine(リキッドバ…
  4. ブログ運営

    グーグルアドセンスの審査|ドメイン所有権で不承認【対策まとめ】
  5. ブログ運営

    【AdSense】問い合わせ先、問い合わせ方法をサービスごとに徹底解説
PAGE TOP