WordPressブログにアイキャッチ画像を設定して、SNSに表示させる方法|プラグイン All in One SEO使用

WordPress
フリーランス猫
フリーランス猫

吾輩はフリーランス猫である。仕事はまだ、それほどない。
この社会を自由に生きられる方法を拾い集めている真っ最中である。

こんにちは、フリーランス猫です。
このサイト「吾輩はフリーランス猫である」はWordPress.orgを使って記事を執筆&更新しています。

私がWordPressを使っていて、疑問に思って調べたことや実際に使っていて困ったこと、解決できたことも共有していきたいと思います!

スポンサーリンク

今回のテーマはこちら!

「SNSでの投稿時に、トップページのURLを貼ったらサムネイル画像が上手く表示されない問題」/(^o^)\


はい、こちらの問題で大変手こずりました。
FacebookやTwitterにサイトを掲載するときにアイキャッチ画像が上手くできなくて困ったナ…!


こんな感じに…

☑注意
※失敗談も含めながら記事を書いています。
記事を読みながら変更作業せずに、最後まで読んだあとに参考にしていただければ…!
お手数おかけしますがよろしくおねがいしますm(_ _)m

何も知らずにWEBサイトをシェアしようとしたらこうなった

フリーランス猫
フリーランス猫

さ〜て、Facebookの友達にもサイトをシェアするぞ〜〜!

投稿欄にそのままトップページのURLをペタリ


ナナナ!

ワードプレス無料テンプレートテーマの「Cocoon」の画像になってしまっているではないか…。
使ってるのバレバレや〜ん。

トップページではなく、投稿記事のURLを貼り付けた場合

投稿記事に関しては、大丈夫でした。
記事執筆の際にアイキャッチ画像を個別で設定しているからなのでしょう。
きちんとSNSの投稿にサムネイルとして表示されました。

フリーランス猫
フリーランス猫

んあー!トップページのURLもきちんと表示されるようにしたいナアアア!

スポンサーリンク

自力でなんとか設定できないか頑張ってみた

自力でぱぱっと解決できないかナ〜

と思い、ワードプレスのあらゆる設定ページを調べたのですが…

フリーランス猫
フリーランス猫

全然わかりませんでした!(どーーーん)

数秒後、おとなしくググったらすぐにやり方が出てきましたw

ぽちっとな

説明書は読まないタイプなんだよナ!(言い訳)
1時間以上格闘してしまいました\(^o^)/

わからないときはすぐにグーグル先生のお力を借りて、先人の知恵を授かるに越したことはありません。

というわけで簡単に設定できる方法がわかったので、私と同じ風に悩んでいる方にSNS投稿時におけるキャッチ画像の問題を解決する方法をシェアしたいと思います!

スポンサーリンク

プラグインを入れる

まず、プラグインを新規追加していきます!

1.左メニューのプラグイン>新規追加をクリックします。

2.右上のキーワード欄に All in One SEO Pack と入力します。

3.そうすると、All in One SEO Pack  というプラグインが表示されますので、こちらをインストールしましょう!

ポチッとな
インストール完了です!

機能管理からソーシャルメディアを追加

1.インストールが完了したら、ダッシュボード下のAll in One SEO Packのタブをクリックします。

2.機能管理をクリックしましょう

3.上記画像の通り、ソーシャルメディアの項目を選択しましょう。

スポンサーリンク

ホーム画像を設定する

1.ソーシャルメディアの項目をクリック

2.ホームページ設定を行います。

3.一番下のホーム画像項目に、トップページのサムネイルにしたい画像をアップロードします。

アップロード!
画像のURLが登録されました。

画像のアップロードが確認できたら、ページの一番下にある設定を更新を押しましょう。

スポンサーリンク

一旦Facebookで確認

あれ?まだ変わってなーい!

WordPress側での設定はこちらで終わりですが、まだこれでは未完了。
次に投稿したいSNS側の設定を行う必要があるようです!

やってみよ〜う。

Facebookデバッガーで設定

シェアデバッガー - Facebook for Developers

↑こちらのサイトに飛びます。

1.シェアデバッガーのタブをクリック

2.該当するWEBサイトのトップページのURL入力

3.デバックボタンをクリック!

するとこのような項目がでてきます。

1回ではなかなか表示されず。。

何度も、もう一度スクレイピングというボタンを押しまくったらやがて表示されました!

リンクプレビューにも表示されています!

Facebookの投稿欄でもう一度確認してみました。

!!!

ナナナ!ちゃんと表示されるようになりました!

スポンサーリンク

記事ごとのアイキャッチ画像、サムネイルの設定にも便利!

このプラグイン「All in One SEO Pack」を入れておくと、トップページの画像設定だけでなく、記事ごとのサムネイル画像の表示設定にもとても便利なことがわかりました。

記事の投稿編集ページの下部にこのような設定項目が表示されるようになりました。

ソーシャル設定用の項目があり、こちらでFacebookやTwitter別に画像を変えたり、サムネイルの大きさを変えることができるようです!

私は毎回記事ごとにアイキャッチ画像を作成しているので変更することはなかなかなさそうですが‥

SNS別に画像を変えてみたい方にとってはかなり便利な機能なのではないでしょうか\(^o^)/

スポンサーリンク

さらに調べたら、もっと簡単な方法があった

こちらはCocoonというWordPressの無料テンプレートテーマを使っている人にしかできないかもしれないのですが…。
上記の方法よりもっと簡単にできた設定があったのでこちらも紹介します。

OGP設定でトップページの画像を設定!

1.Cocoon設定のタブをクリックします!

2.OGPのタブをクリック!

3.一番下のホームイメージの画像をアップロードします!

現在デフォルトになっているもの(コクーンのイメージ画像)から、自分が反映させたい画像にチェンジ!

設定完了!

Facebookで確認してみると…


ナナナ!すぐに反映されました〜!!

ここまで読んでいただきありがとうございましたm(_ _)m
もしも画像設定でお困りであればお役にたてると嬉しいです。

>>WordPressブログの簡単な始め方の記事はこちら!

フリーランス猫
フリーランス猫

それではまたナァ!

スポンサーリンク

タイトルとURLをコピーしました