デジタルマーケッター・ブログ集客専門家 時々 おもろいおっさん

WordPressブログの『トップページ』にアイキャッチ画像を設定してFacebookに反映させる方法

  
教えていいねちゃん
\ この記事を共有 /
WordPressブログの『トップページ』にアイキャッチ画像を設定してF...

どうも、JUNICHIです。

今回は、WordPressブログのサイトトップページをFacebookにシェアしたときに、アイキャッチ画像がちゃんと出るようにする方法を解説します。

意外と質問されることが多く、実は初心者さんだとちょっと分かりづらい部分なので記事にしました。

 

 

■今日できるようになる事はコレ!

トップページのURLをFacebookに入力した時に、WordPressのデフォルトのイメージ(通称雪だるま)しか出ない状態を…。

Facebookにトップページアイキャッチ
↓↓↓↓↓

トップページ用に設定した自分が見せたい画像を出すことができるようになる

Facebookにトップページアイキャッチ

 

iine
『ゆっくり落ち着いて一緒に作業をしてみてくださいねッ!』

junichifb
『久々やね!』

 

 

WordPressサイトの『トップページ』がFacebookに投稿された時の画像の設定方法

準備編

まずは以下の2点を準備します。

  1. トップページ用の画像(Facebookに反映されてほしい画像:推奨サイズ横728px×縦381px
  2. プラグイン『All in One SEO Pack』

 

1.トップページ用の画像

例えばこんな画像ですね。実際にFacebookにトップページのURL(例えば:https://junichi-manga.com)を貼り付けたときに出てほしい画像です。

top

 

2.プラグイン『All in One SEO Pack』

これをWordPressサイトに入れておくと、OGPイメージと言って、Facebookに反映させたい画像が簡単に設定できます。

 

トップページにアイキャッチ画像を設定する手順

それでは実際に設定する手順を解説します。
まずは、All in One SEO Packの設定をしておきます。

↓ WordPressのダッシュボードで行き、「プラグイン」⇒「新規追加」をクリック
Facebookにトップページアイキャッチを設定

 

↓右上の「プラグインの検索」のところに『All in One SEO Pack』と入力します。
Facebookにトップページアイキャッチを設定

 

↓ こんな感じです。
Facebookにトップページアイキャッチを設定

 

↓ すると、All in One SEO Packというものが見つかりますので、『今すぐインストール』をクリック
Facebookにトップページアイキャッチを設定

 

↓ インストールが終わると、先ほどのボタンが『有効化』に代わるのでそれをクリック。
Facebookにトップページアイキャッチを設定

 

↓ 次にWordPressの左のメニューの中に「All in One SEO」というものができています。この中の『機能管理』をクリック。
Facebookにトップページアイキャッチを設定

 

↓ この中の「ソーシャルメディア」の「Active」をクリック
Facebookにトップページアイキャッチを設定

 

↓するとアイコンが水色になります。これで有効化されたという感じです。
Facebookにトップページアイキャッチを設定

 

↓ 次に、またWordPress左のメニューの「All in One SEO」⇒「ソーシャルメディア」をクリック
Facebookにトップページアイキャッチを設定

 

↓ホームページ設定という中の「ホーム画像」のUpload Imageをクリック
Facebookにトップページアイキャッチを設定

 

↓ 左上の「ファイルをアップロード」をクリック
Facebookにトップページアイキャッチを設定

 

↓ トップページのアイキャッチ画像にしたいものをアップロードします。
Facebookにトップページアイキャッチを設定

 

↓ アップロードができたら、その画像をクリックしてチェックを付けます。
Facebookにトップページアイキャッチを設定

 

↓右下の『Choose Image』をクリック
Facebookにトップページアイキャッチを設定

 

↓すると、先ほどのところにURLが入ります。これが画像のURLです。
Facebookにトップページアイキャッチを設定

 

↓そしたら「設定を更新」をクリックします。
Facebookにトップページアイキャッチを設定
iine
『ここまででWordPressの管理画面での作業は終わりですッ♪』

 

 

続いては、Facebookデバッガーというサイトに行きます。以下のボタンからFacebook公式のデバッガーのサイトに行きましょう!

 

↓ こんなサイトです。この赤枠らへんにトップページのURLを入れてください。
Facebookにトップページアイキャッチを設定

 

↓URLを入れたら『デバッグ』というボタンをクリック!
Facebookにトップページアイキャッチを設定

 

↓ Facebookでまだ1度もトップページのURLを貼り付けたことが無い人は、『新しい情報を取得』をクリック。
(※今までにFacebookにトップページのURLを投稿したことがある人は、次の画像に進みます。)
Facebookにトップページアイキャッチを設定

 

『もう一度スクレイピング』というボタンをクリック。こうすることでFacebookのロボットがあなたのサイトの情報を読み取りに来てくれます。
Facebookにトップページアイキャッチを設定

 

↓狙った画像が出ないことがあります。でもそういう場合は、再度『もう一度スクレイピング』をクリック
Facebookにトップページアイキャッチを設定

 

↓正しく出したい画像が反映されるまで「もう一度スクレイピング」何度もあきらめずに押してください
Facebookにトップページアイキャッチを設定

これでちゃんと出ました!

 

↓あとは、FacebookにトップページのURLを貼り付けると、ちゃんと画像が出るようになります。

Facebookにトップページアイキャッチを設定

 

iine
『これでバッチリ超いいねッ!です♪』

 

junichifb

まとめ

記事単位では、ちゃんとアイキャッチ画像を設定して出るようになっていても、意外とトップページのアイキャッチ画像を設定していない人は多いです。

ぜひこの機会に設定してみてくださいね!

 

 

 

デジタルマーケティングで重要な
「データ分析」を今すぐ始めよう!

\ Kindleで売れ筋トップ獲得本 / 

GA4超入門ガイドブック

プレゼント!

表紙

Comment

  1. […] 参照:WordPressブログの『トップページ』にアイキャッチ画像を設定してFacebookに反映させる方法 […]