「ブログ記事をTwitterでシェアしたいけど、サムネイルが表示されない」
「どうやってサムネイル画像を表示させるの？」
「WordPress側の設定を確認したい」
そんな方へ向けて。
サイトに更新仕立のブログ記事だと、SNSでシェアした際に、投稿文にサムネイルが表示されない場合があります。
そんな時は「Card validator」を活用をしてみましょう。
記事のURLを登録するだけで、問題が解決できます。
またどのように表示させるかはWordPressで設定可能です。
このページではTwitterでブログのサムネイル画像が表示されないときの対処法と、WordPressの設定方法をメモっていきます。
・Twitterでサムネイル画像を表示させられる
・WordPressの設定の確認方法が分かる
・SNSを使った集客とPV増加につながる
1. Twitterでブログのサムネイル画像を表示させる方法
冒頭の通り、Twitterの「Card validator」という機能を用いると、ブログ記事をシェアした際に、サムネイル画像がきちんと表示されます。
その手順は次の通りです。
- 「Card validator」にアクセス
- ブログのURLを貼り付け
- 「Preview card」をタップ
- 再度ブログの記事をシェア
「Card validator」は、「Google Search Console」にサイトをインデックス登録するようなもの。
Twitter側でサムネイルのイメージを認識させる必要があります。
操作自体は30秒ほどで終わります。
以下ではスマホでのスクリーンショットを使って説明していきます。
STEP.1：「Card validator」にアクセス
以下が「Card validator」のサイト。
ご自身のTwitterがログインしている状態でアクセスしましょう(パソコン・スマホのどちらでも可)。
■Card validator
https://cards-dev.twitter.com/validator
↑はスマホでの画面です。
もし以下のメッセージが表示されたら、先にTwitterへログインしてください。
STEP.2：ブログのURLを貼り付け
「Card URL」欄に、サムネイル画像が表示されなかったサイトのURLを貼り付けます。
STEP.3：「Preview card」をタップ
URLを貼り付けたら「Preview card」をタップ。
以下のようなプレビュー画面が出ればOKです。
STEP.4：再度ブログの記事をシェア
少し時間をおいたら、再度該当のブログURLをTwitter投稿文に貼り付けてみましょう。
(反映まで多少時間が要するかもしれません)
今度は正常に画像が見られました。
お疲れさまでした！
無事にTwitterにブログ記事のサムネイルを表示させることができました。
2. WordPressでサムネイル画像の設定を確認する方法
以下はサイト運営者向けの内容です。
WordPressで「All in One SEO」というプラグインを使って、SNSに記事をシェアした際に、どのようにサムネイル画像を表示させるかを設定・確認していきます。
STEP.1：「All in One SEO」をインストール
すでに導入済かもしれませんが、念のため。
WordPressの左側のメニューより「プラグイン」をクリック。
検索バーに「All in One SEO」と入力してインストール・有効化しましょう。
STEP.2：「ソーシャルネットワーク」画面を開く
メニューに「All in One SEO」が追加されたら、マウスのカーソルを合わせて「ソーシャルネットワーク」を選択です。
STEP.3：「Twitter」タブで設定を確認
上記の「Twitter」タブにて、各種の設定が行えます。
①「Twitterカード有効化」はON
「Card validator」に登録しても上手くいかない場合は、ここが原因かもしれません。
「All in One SEO」の「Twitterカード有効化」をONにしてください。
これで大半は解決できるはずです。
②カードタイプを選択
「カードタイプ」とは表示させる画像のサイズのこと。
初期設定だと「要約」(先の小さなサイズ)になっています。
その他の選択肢は「大きな画像で要約」。
この場合は投稿文章の下に大きくサムネイルが表示されます。
基本的には上記の2点を設定すればOKです。
③その他の設定
「デフォルトの投稿画像ソース」の項目では、記事内のどの画像を使うかを指定が可能。
選択肢は次の通りです。
ブログ記事ごとのサムネイルではなく、1種類の固定した画像を表示させたい場合は、「デフォルト画像(以下に設定)」を選びましょう。
すぐ下の欄にイメージをアップロードするだけで設定できます。
なお、自分の名前を投稿文に記載したいのであれば、「Twitter投稿者を表示」をONにするのをお忘れなく。
STEP.4：設定を保存
各種設定が終わったら、ページ右上の「変更を保存」を押しましょう。
以上でWordPress側での設定は完了です。
お疲れさまでした！
All in One SEOを用いて、Twitterでのサムネイル表示の設定が終わりました。
Twitterでブログのサムネイル画像を表示させる方法のおさらいです。
- 「Card validator」にアクセス
- ブログのURLを登録
- 再度ブログの記事をシェア
- 表示させる画像はWordPressの「All in One SEO」にて設定
操作はとても簡単です。
サムネイルが上手く表示されない時は上記をお試しくださいませ。
