Facebookでサムネイルが表示されない!問題解決します。Twitterも!【ワードプレス】

どーも!TURKEY(ターキー)です!今回は、FacebookやTwitterでサムネイルが表示されない時の対処法をお話していきたいと思います。
- Facebookに画像が表示されない
- Twitterもダメ…
- 雪だるまみたいなのが出る
- 違う写真が出る
FacebookやTwitterで、自分の記事のURLを張り付けても、画像が出てこなかったり、違う写真が出てしまったりする場合は、こちらの方法を試してみて下さい。
目次
解説動画はこちら
文章でも解説していますが、動画の解説を見たい!という方はこちらの動画をご覧ください。
記事で見る方はそのまま読み進んで下さいね!
アイキャッチ画像を設定しよう
まずは、投稿記事にアイキャッチ画像を設定しましょう。
右下の方にある「アイキャッチ画像を設定」をクリックします。
設定したい画像を選択して、「アイキャッチ画像を設定」をクリックします。
アイキャッチ画像が設定出来ました。でもこれでSNSに飛ぶようになったわけではありません。まだ設定が必要です。
アイキャッチが設定出来たら一度、「更新」か「下書き保存」をしましょう。
All In One SEO Packをインストールしよう
次に、プラグインの「All In One SEO Pack」をインストールしましょう。インストール出来たら有効化を忘れずに・・
※All In One SEO Packの初期設定方法はこちらで解説しています。↓
↑の記事でも説明している通り、All In One SEO Packを有効化して、「管理機能」→「XML サイトマップ」→「ソーシャルメディア」をアクティブにして下さい。それぞれクリックすると色が付きます。
投稿記事に戻ってから、下に進むとAll In One SEO Packという部分があります。そこに、「メイン設定・ソーシャル設定」というタブがあります。
「ソーシャル設定」のタブをクリックしてください。
するとこんな画面になるので、ここでも記事のアイキャッチ画像を選んで下さい。
※アイキャッチ画像・・記事の一番上のメイン画像の事
そのあとここでも、必ず「更新」か「下書き保存」をして下さい。
ここで一度FacebookやTwitterで確認してみよう
ここで、一度Facebookで確認してみましょう。
まず、記事を「公開」します。そのあとFacebookに記事のURLを張り付けてみましょう。
※記事を公開してからでないと、上手く表示されない場合があります。
今回は、うまく表示されましたね!これで、成功です。
それでもうまくサムネイルが表示されない時
- アイキャッチ画像の設定をした
- All in One SEOの設定もした
のにも関わらず、FacebookやTwitterに表示されない時は、これをやってみて下さい。
Facebookの場合
さきほどの画面のAll in One SEOの部分のソーシャル設定タブの中の「この記事をデバッグ」という所をクリックしてください。
こんな画面になると思いますので、下の「リンクをプレビュー」の所で、自分が選んだアイキャッチ画像が出てきているか確認してください。
もし出ていない場合は「もう一度スクレイピング」をクリックしてみて下さい。出るまで何度もクリックして下さい。
これで、無事に表示されたらFacebookでURLを張り付けても綺麗に写真が出ます。
これで成功です!
Twitterの場合
Twitterにもデバッガーがあります。
Googleで「Twitter デバッガー」と検索してもらうか、直接下のボタンでCard Validatorのサイトに行ってください。
サイトに行くとこんな画面になると思います。ので下のようにしてみて下さい。
➀記事のURLを貼る。
②クリック
こんな表示が出たら成功です!
画像が出ない場合は、こちらも何度もクリックしてみて下さい。
これで、Twitterでもキレイに表示されるようになります。お疲れ様でした!
まとめ
今回は、FacebookやTwitterでサムネイルがリンクを貼ったのに表示されない時の対処法をお話ししました。
キレイに画像が表示されたら、カッコイイし、読者様にも見てもらえる回数が増えますよね!
この設定は是非覚えていてほしいなと思います。
これから、画像が上手く出ない時は、この方法で乗り切ってもらいたいと思います!
こちらの記事もおススメです。