SNS

Facebookシェアのサムネイル画像を変更する方法。デバッガーで確認!

この記事は、5年以上前 2016年1月20日に書かれたエントリーです。
現在では推奨されていない内容の可能性もあります。ご理解ください。
こちらで他の記事を検索しますか?

記事を修正しただけでは Facebook のサムネイル画像は修正されない!

ブログを書いた。

その後は Facebook や Twitter などのSNSにシェア(共有)する。
Facebook共有したときに表示される画像をサムネイル画像という。

別名「アイキャッチ画像」とも呼ばれているとおり、この画像は見る人の目を惹きつけるような画像が望ましい。

ハンドメイド作家、写真家、料理研究家さんにとっても Facebook などの SNS で露出されるキャッチーな画像は、売上に大きな影響を与えるようになってきているのではないだろうか。

Facebook の OGP(サムネイル画像・タイトル・概要文)の内容を書き替える方法を書く

サムネイル画像は、OGP(Open Graph Protocol)という情報をブログ記事に追記することで表示されるようになっている。

WordPress を使っていればプラグインで自動的に書き込まれるようにすることもできる。

当ブログでは All in One SEO という WordPress プラグインを使って、サムネイル画像を設定している。とても便利だ。

現在はAll in One SEOを使用していません。

 WordPressではじめる写真ブログ、おすすめプラグインまとめ。

Facebook投稿時のアイキャッチ(サムネイル)画像を変えたい!

Facebook では上の画像の様に表示される。
サムネイル画像だけではなくタイトルと概要も All in One SEO で設定できる。

サムネイル画像を間違えた!別の画像に替えたい!

Facebook に共有した後、内容に問題などが見つかり記事を変更することもある。

サムネイル画像やタイトル、概要文も変更する必要があったとする。
その場合、ブログ記事の修正だけでは Facebook 共有時のサムネイル画像・タイトル・概要文は書き替えられない

Facebook 側に設定されている情報を書き替える作業が必要になる。
Facebook の OGP(サムネイル画像・タイトル・概要文)の内容を書き替える方法を書く

書き替え手順

手順はブログの記事を修正した後、Facebook デバッガー というページで情報の再設定を行うだけである。

ブログの記事を修正する

まずブログ記事の「サムネイル画像」「タイトル」「概要文」のうち、書き換えが必要な要素を修正する。

サムネイル画像の差し替え

WordPress であれば「アイキャッチ画像」を差し替えるだけで良い場合もある。
とても簡単だ。

アイキャッチ画像
タイトル・概要の修正

タイトルは記事のタイトルを替えれば良い。
WordPress の All in One SEO プラグイン を使っていれば、記事のタイトルは検索エンジン向けのタイトルにし、Facebook などの SNS では別のタイトルに設定することも可能だ。

余裕があれば、SEO向けタイトルと SNS向けタイトルを使い分ける。
概要文も同様。

Facebook OGP の書き替え

Facebook 共有の OGP(サムネイル画像・タイトル・概要文)の書き替え方法は2つある。

  1. Facebook デバッガーツールを使う方法
  2. Facebook 投稿の個別ページから書き替える方法

以前は開発者向けのデバッガーを使う方法しか無かったが、最近簡単に書き替えできる方法ができたので2つ目の方法をオススメする。

Facebook 投稿の個別ページから再設定する

この Facebook 共有のサムネイル画像とタイトルを書き替えたいと思う。

修正前

まず、投稿日時をクリックして個別ページを開く。

個別ページの右上にある[ icon-chevron-down ]をクリックするとメニューが現れる。

個別ページメニュー

メニューの1番下にある[シェアした添付ファイルを更新]をクリックする。

書き替え確認

書き替え確認が開くので、問題なければ[保存する]ボタンをクリックすると投稿が書き替えられる。簡単である。

Facebook デバッガー というツールで再設定する

先の方法だけでも良かったが、一応、昔からあるデバッガーツールでの再設定方法も書いておく。
必要なければ読み飛ばすとよい。

Facebook にログインして Facebook デバッガー というページを開く。

 Facebook デバッガー

Facebook デバッガー

テキストエリアに修正した記事のURLを記入して[Debug]ボタンをクリックする。

Fetch new scrape infomation

続いて[Fetch new scrape information]ボタンをクリックする。

OG:image

og:title 、og:image 、og:description

がそれぞれ最新版に変わっていればOK!

記事を Facebook で共有して確かめてみよう。

facebookOGP

ブログ集客するうえで、記事のタイトル、概要文、サムネイル画像はとても重要だ。SNSでの反応がどうも良くないと感じれば改善を重ねてみるのも良い。

今日も元気に楽しく

-SNS
-, ,