menu

facebook投稿のリンク画面をアイキャッチ画像にする設定方法

ブログ記事をfacebookに投稿したけど、アイキャッチ画像が表示されないって時って悩ましいですよね。私もその内のひとりでした。今回、「All in One SEO Pack」というプラグインを使った最も簡単な設定方法をご紹介します。ぜひ、みなさんもチャレンジして多くの人に記事を読んでいただけるように工夫してみてはどうでしょうか?

 到達目標

上が何も設定しない状態で表示したリンク画面です。下がアイキャッチ画像を挿入するように設定したリンク画面です。見てわかるように同じ記事でも与える印象が異なると思います。せっかく、投稿するならアイキャッチ画像を表示させた方が良いですよね。今回は下のリンク画面を設定するまでの方法をご紹介します。

 All in One SEO Packの導入

wordpress管理画面⇨「プラグイン」⇨「新規追加」⇨「All in One SEO Pack」と検索する。⇨インストールし有効化する。

2015-10-31_20h17_54

 All in One SEO Packの設定

リンク画面にアイキャッチ画像挿入するように設定するには、OGPの設定が必要になります。今回はALL in One SEO PackからOGPの設定をしていきます。

OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。

引用元:ferret 

1.まず、All in One SEO PackのFeature Managerをクリックします。

設定


2.
下の写真のとおり、クリックします。

2015-10-31_21h26_15


3.
今回は設定していたので、Social Metaと初めから表示されていましたが、2のようにクリックしないと表示されません。

2015-10-31_21h38_12


4.
Social MetaをクリックしてGeneral SettingsとHome Page Settingsを設定する。

2015-10-31_23h37_33


5.
Image Settingsを設定する。私の場合は、アイキャッチ画像を挿入するので、アイキャッチ画像がない場合の設定は行いません。

2015-11-01_00h00_14


6.
Facebook Settingsを設定する。

2015-11-01_00h16_07


7.
Profile Admins IDの入力方法についてFacebook Settingsで入力しなければならないですが、どのようにして調べたら良いかわからないと思います。そのような方はこちらのサイトから調べることができます。
https://www.facebook.com/****/の「****」についてはご自分のfacebookアカウントのアドレスを入力します。

2015-11-01_03h10_29


8.
検索ボタンを押すとProfile Admins IDが表示されます
表示されたIDをFacebook SettingsのProfile Admins IDの入力項目に入力します。

2015-11-01_03h16_02


9.
Scan Social MetaでOGPが重複されていないか確認して設定を更新します。

2015-11-01_03h26_06

以上でAll in One SEO Packの設定は終わりです。今後記事のリンク画面はこの設定どおりアイキャッチ画像が反映されるようになります。

 リンク画面の確認及び変更方法

実際どのようにリンク画面が設定されているのか、みなさんも気になってるところだと思います。実は記事の投稿画面の下にスクロールするとAll in One SEO Packの設定にたどりつきます。そこで確認または、変更ができるようになってます。

2015-11-01_03h40_03
facebook Debugをクリックすると下の画面が表示されます。そこでリンク画面の設定を確認できます。また、変更を加えた場合はこの画面で更新しなければ、前の設定のままで表示されますので、更新するようにして下さい。

2015-11-01_03h45_33

以上で今回の記事について説明を終わりたいと思います。ぜひ、みなさんも試していただけたらと思います。

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterでshare lifeをフォローしよう!

スポンサーリンク

初心者必見contact form 7基本操作からカスタマイズ方法をご紹介します。

wordpressでテキストにアイコン付き背景をワンクリックで挿入する方法(コピペできます)

関連記事

  1. WordPress初心者でも安心してCSSを編集できる子テーマ作…

    Wordpressのレイアウトを変更したいんだけど、CSSをそのままにしている方はいらっしゃ…

  2. スライダー表示可!wordpressでサイドバーを固定するQ2W…

    スクロールする際に、サイドバーのウィジェットを常に表示させたい時ってありますよね。いろいろ探した…

  3. ul、liのドット部分を画像でリスト化する方法

    ul,olのドットや数字部分に画像を挿入したい時ってありますよね。画像を挿入できれば、自分の…

  4. お名前.comから独自ドメインを取得してwordpressをイン…

    これからwordpressの運営をやっていこうと思っている方、必見です。wordpressを…

  5. wordpressでテキストにアイコン付き背景をワンクリックで挿…

    ブログを書いて、強く訴えたい部分ってありますよね。目立たせたいけどどうすればいいか悩みますよ…

  6. wordpressのドメインを変更しGoogleに通知する方法

    wordpressを始めてから、ドメインを変更したいなと思ったことありますよね。だけど、変更…

  7. 【動画解説】wordpressをさくらからエックスサーバーへ引っ…

    当ブログはさくらインターネットのスタンダードプランに契約していたのですが、80記事を超えてきてから、…

  8. 初心者必見contact form 7基本操作からカスタマイズ方…

    contact form 7でお問い合わせページ作成したけど、レイアウトだけでも変更したいと…

PAGE TOP