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

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

関連記事

  1. Fotolia_51516768_S

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

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

  2. 50743432_m

    たったそれだけで?PVを増加させたSNSボタンのカスタマイズ方法…

    ブロガーなら、誰でも悩むと思うのですが、バズを狙ったり、自分のfacebookやtwitterに投稿…

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

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

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

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

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

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

  5. たった2分でできる!ボタン画像をサイトに設置するボタンマルシェの使い方

    たった2分でできる!ボタン画像をサイトに設置するボタンマルシェの…

    リンクを設定する時、クオリティーが高いボタン画像を使ってリンクさせたいですよね。私もボタン画…

  6. データベース復元

    【動画版】wordpress初心者でもデータベースを復元できる方…

    wordpressを使っていたら、思わぬことでウィルス感染してしまい、バックアップしていたデータを復…

  7. font-533232_1280

    【動画版】子テーマでのバイラルメディア風facebookボタン設…

    この記事が気に入ったらいいね!しようというバイラルメディア風オリジナルSNSボタンの設置方法について…

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

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

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

PAGE TOP