テクノロジー

解決!FBにブログのサムネイル(OGP)画像が掲載されないのを直す方法

Tags: /

こんにちは、広島Webマーケティング会社 株式会社MIRAI 代表 西中政和です。

今回は、Facebookにサイトやブログを貼り付けるとサムネイル画像(アイキャッチ画像)が掲載されなくて困った方もいらっしゃると思います。そのサムネイル画像などの情報を正式名称は、OGPといいます。
※「Open Graph protocol」の略称です。 FacebookなどのSNSでサイトやブログなどをシェアされた時に、ページタイトル、サイトURL、概要、サムネイル画像(アイキャッチ画像)を表示されます。

OGPは、SNSで拡散する時には必須です。
特にサムネイル画像(アイキャッチ画像)は、クリックしてもらいやすくなるなどの大きな役目になります。

今日は、その解決方法をご紹介させていただきます。
初心者の方は少し難しいかもしれませんが・・。ぜひ覚えていただくと便利だと思います。
先に手順をお教えさせていただきますので、ブログをご覧ください。

 数分で解決!反映されてないOGPを直す

  1. Facebook for developers にアクセスし、ログインを行う。
  2. 画像が表示されてないURLを入力
  3. 画像が表示されてるかを確認

STEP1 Facebook for developers にアクセス

まずは、Facebook for developers にアクセスしてください。
https://developers.facebook.com/tools/debug/og/object/

アクセスすると、FBログイン画面また、Open Graphオブジェクトデバッガーが表示。
※ログイン画面が出てる方は、ログインをお願いいたします。

 

STEP2 Open GraphオブジェクトデバッガーにサイトURLを入力

上記の画像のように、表示されてないサイトのURLを貼り付けます。
URLを貼り付けたら、新しいスクレイピング情報を取得するをクリック。

 

ウェブスクレイピング(英: Web scraping)とは、ウェブサイトから情報を抽出するコンピュータソフトウェア技術のこと。ウェブ・クローラー[1]あるいはウェブ・スパイダー[2]とも呼ばれる。 通常このようなソフトウェアプログラムは低レベルのHTTPを実装することで、もしくはウェブブラウザを埋め込むことによって、WWWのコンテンツを取得する。
出典:Wikipedia

 

STEP3 既存のスクレイピング情報を表示で確認

既存のスクレイピング情報を表示をクリックして、下記の画像のようにサムネイル画像が出ていればOKです。

20180310_02_mirai-blog

サムネイル画像が出て、問題解決!!

無事にFacebookにブログのURLを貼り付けるとサムネイル画像も含めてOGP表示がきちんとされてます。

まとめ

いかがでしょうか? 今日ご紹介させていただいた手順でサムネイル画像がきちんと表示され直りました。
Open Graphオブジェクトデバッガーを使って、Facebookで持っているOGP情報をキャッシュクリアできます。
サイトやブログをFacebookでシェアしても画像がないと寂しいですよね・・・。サムネイル画像(OGP)がきちんと表示されなくて困った方は、ぜひ、ご活用くださいませ。

株式会社MIRAIでは、Webマーケティング・コンサルティングから
ホームページ制作・動画制作など、様々なご相談を承っております。

お仕事のご依頼・ご相談はこちら

Tags: /
代表 西中 政和
12年間美容師として働いた後、IT・Web業界へ転身。Webを学ぶため通った職業訓練校で出会った仲間たちと共に、個人事業主3人のチームで仕事をスタート。現在は、コンサルティング、クリエイティブ、テクノロジーの三位一体で「ビジネスの問題解決」に取り組んでおります。お客さまと密なコミュニケーションを行い、理念・ビジョンを理解し、事業戦略やサービス全体をデザインしている。