【SWELL】TWitterカードで画像付きツイート!OGP設定

  • URLをコピーしました!

(スポンサーリンク)

困っている男性

TWitterブログの記事を投稿した時はアイキャッチ画像が表示されるんだけど、サイトアドレスを貼り付けた時はトップページのイメージ画像が表示されないんだけどなぜ?

私なんかTWitterでブログ記事を投稿してもアイキャッチ画像さえも出てくれないわ!

ともとも

【SWELL】ならSEO SIMPLE PACKというプラグインのOGP設定をきちんと設定すればTWitterの投稿にサイトアドレスを貼り付けるだけでトップページのイメージ画像が表示されますよ!

もちろん記事の投稿でもアイキャッチ画像の表示が出来ますよ!

こんな悩み
  • 【TWitterカード】ってなに?
  • TWitterでブログ記事を投稿してもアイキャッチ画像が表示されない
  • TWitterにサイトアドレスを貼り付けてもトップページのイメージ画像が表示されない
  • 設定は出来たのに表示されない
この記事で分かること
  • 【TWitterカード】とは何か
  • TWitterでブログ記事のアイキャッチ画像を表示させる方法
  • TWitterでトップページのイメージ画像を表示させる方法
  • Twitterカードの確認方法
  • 設定は出来たのに表示されない時の対処法

(スポンサーリンク)

目次

TWitterカードとは?

ブロガーさんの中にはブログを効率的に拡散させるためにTWitterを活用している方が多く

TWitterの投稿時に、ただ記事のアドレスを表示させるのでは無く

イメージ画像と共に表示させてくれるのが【TWitterカード】です!

この【TWitterカード】を活用することで、ブログ記事を見栄え良く

分かりやすく表示させて、記事を見てもらう確率を上げるわけです。

こんな感じ

どうせならイメージ画像付きで、キレイに表示させたいですよね!

それでは【TWitterカード】の設定方法を解説していきます。

TWitterカードの設定方法【OGP設定】

この記事は有料テーマ【SWELL】での設定方法を解説しています!

【SWELL】ならSEO SIMPLE PACKというプラグインのOGP設定で設定できます。

プラグインを整えていない方はこちらを参考にして下さい

アイキャッチ画像を表示させる【OGP設定】

TWitterにブログ記事を貼り付けた時にアイキャッチ画像を表示させる方法です。

STEP
ダッシュボードから
SEO PACK
OGP設定をクリック
STEP
①TWitterをクリック
②はいを選択
③TWitterアカウントの@以降を入力
④largeを選択
⑤設定を保存するをクリック
STEP
完了

トップページのイメージ画像を表示させる【OGP設定】

TWitterにサイトアドレスを貼り付けた時にイメージ画像を表示させる設定です。

STEP
STEP
ダッシュボードから
SEO PACK
OGP設定をクリック
STEP
画像を選択から画像をアップロード
設定を保存するをクリック
STEP
完了

サイトイメージ画像はサイトのトップページを切り取る等して用意しましょう!

Twitterカードの確認方法

ひと通り設定が出来たら表示されるか確認をしましょう!

確認はこちら

Card validator

アイキャッチ画像の確認

STEP
Card validatorから
①記事のアドレスを入力
②プレビューカードをクリック
STEP
画像が表示されればOK

トップページ画像の確認

STEP
Card validatorから
①サイトアドレスを入力
②プレビューカードをクリック
STEP
画像が表示されればOK

Twitterカードが表示されない時の対処法

ここまで説明してきましたが

設定は完璧なのにイメージ画像が表示されない事があります。

設定したのに表示されない場合はキャッシュのクリアをしてみて下さい。

キャッシュのクリア方法

STEP
ダッシュボードから
SWELL設定をクリック
STEP
リセットをクリック
STEP
キャッシュを削除するをクリック
STEP
完了
ともとも

僕もキャッシュのクリアで表示できるようになりました!

まとめ

Twitter活用法
  • ブログとTwitterをうまく利用しよう。
  • 【SWELL】ならTwitterカードの設定は
    SEO SIMPLE PACKというプラグインのOGP設定で設定できる。
  • うまく表示されない場合はキャッシュのクリアを試してみる。
ありがとうございました。

(スポンサーリンク)

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次