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. 初心者必見contact form 7基本操作からカスタマイズ方…

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

  2. 【動画版】wordpress初心者でもバックアップし復元する方法…

    wordpressを使ってブログを運営していると、カスタマイズして画面が真っ白になったり、ウィルスに…

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

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

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

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

  5. TCDテーマの標準搭載SNSボタンのシェア数を表示させる方法

    最近、TCDのVIEWというテーマに変更しまして、TCDテーマのSNSボタンはデザインが良くて使いた…

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

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

  7. 簡単すぎる!wordpressで初めてのCSS編集これで画像装飾…

    wordpressを使っていて、画像を装飾をする際にCSSを編集したい時ってありますよね。じ…

  8. ul、liのドット部分をアイコンでリスト化する方法

    ulやolで箇条書きにする際に、ドットや数字の代わりにアイコンを使いたい時ってありますよね。…

スポンサーリンク

さくらとXサーバーの速度比較

最近の記事

真夏の感謝祭 半額キャンペーン中

PAGE TOP