Web制作

【Facebook】リンクをシェアした際にサムネイルが表示されない場合の対処方法

2020.06.18

2023.01.06

Written by o-saka

Facebookで自身のWordpressなどのブログの記事をリンクをシェアした際に、アイキャッチ画像のサムネイルが表示されない場合の対処方法をご紹介します。

Facebook シェアデバッガーで確認

まずは自身の記事がFacebookでシェアされた際の表示を Facebook シェアデバッガー で確認します。

シェアデバッガー – Facebook for Developers
https://developers.facebook.com/tools/debug/?locale=ja_JP

URLを入力してデバッグします

デバッグ結果

下記のようにアイキャッチ画像が表示されていれば設定に問題はありません。

Facebookデバッグ結果

エラーが出るケース

下記のようなエラーが出るケースがあります。OGP設定が正しくないと表示されます。

修正が必要な問題
推測されるプロパティ
値が他のタグから推測される場合でも、og:imageプロパティは明示的に指定してください。

OGP設定を行う

上記のようなエラーが発生した場合は、FacebookやTwitterで適切にシェアされるようにOGP設定を確認しましょう。

OGP設定とは

OGPとは”Open Graph Protcol”の略で、OGP設定とはSNSでシェアされた際に、そのページの情報を正しく表示させるために必要な設定のことを指します。

OGPの設定方法

OQP設定はシェアしたいページの<head>～</head>の中にmetaタグで指定することで設定できます。

下記は当ブログの過去記事のに設定してあるOGPの例です。

https://deco8.net/web/free-stock-footage-videos-sites/

<meta property="og:url" content="https://deco8.net/web/free-sock-footage-videos-sites/"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="【厳選７サイト】無料動画素材・商用利用・フリー・国内、海外サイトまとめ【Youtubeなどのムービー素材】"/>
<meta property="og:image" content="https://deco8.net/wp-content/uploads/2020/05/movie-918655_640.jpg"/>
<meta property="og:description" content="Youtubeや結婚式、イベント、セレモニーやYoutubeに使える無料・商用利用可能な動画素材を配布している国内・海外サイトをまとめました。厳選7サイト。"/>
<meta property="fb:app_id" content="1787719491452999"/>