OGP サムネイル

WEB知識

フェイスブックでブログのサムネイル(OGP)画像の確認方法

先日、知り合いのオーナーさんが気にされていたので、記事にしたいと思いました。何を気にされていたのかと言うとサムネイル画像の表示です。専門的に言ってしまうとOGP画像ともいいます。このサムネイル(OGP)画像が表示されていないのか?という事でした。知っている人は気にするサムネイル(OGP)画像を皆さんも気にしてみてください。

サムネイル(OGP)画像の重要性

サムネイル(OGP)画像を設定の 特徴1

サムネイル(OGP)画像を設定するとはFacebook(フェイスブック)などに投稿すると写真付きで表示されます。Facebookのニュースフィードが通常よりも長くなるのと、写真付きなのでより見てる閲覧者の興味を持たせることが出来ます。どのような写真を載せるのか?も考えると良いですね。

サムネイル OGP 画像

サムネイル(OGP)画像を設定の 特徴2

ブロブの内容はURLを貼った際にブログの内容は画像の下に出てきますが、自分のコメントも載せられるのでブログの内容以外を書いて載せるのも良いですね。違う内容を書くことでブログへのアクセスに導くことができます。

フェイスブックでブログのサムネイル(OGP)画像の確認方法は

サムネイル(OGP)画像を確認ツールがあります。『シェアデバッガー』というものでFacebook公式ツールになります。使い方などはいたって簡単です。確認をしたいURLを入力をすて【Debug】ボタンを押すだけになります。画像が途中で切れてたりしていないかなど確認してください。ただし、ネット上なのでキャッシュなどが残っているとすぐに反映がされない場合があります。

フェイスブックデバッカー:https://developers.facebook.com/tools/debug/

フェイスブックデバッカー

一度で表示がされない場合があるので、その際は『もう一度スクレイピング』のボタンを押してください。検索をしてみると下記のような画面が出てき確認ができます。

フェイスブックでブログのサムネイル(OGP)画像の確認方法のまとめ

フェイスブックなどは、友達が多くなればなるほど、タイムラインの投稿は多く早く流れてしまいます。少しでも見てもらえるようにするのは、ちょっとした工夫でできるようになります。当然、サムネイル(OGP)画像だけで良いわけではありませんが出来ることから初めていきましょう。

保存保存

保存保存

保存保存保存保存

保存保存

保存保存保存保存保存保存

保存保存

保存保存保存保存

保存保存

ピックアップ記事

  1. マーケティングに大切なもの、第二章
  2. フェイスブックでブログのサムネイル(OGP)画像の確認方法
  3. 4年振りに…。やらかしました。
  4. Facebook(フェイスブック)の好かれるプロフィール
  5. ウェブデザイン技能検定3級 合格しました。

関連記事

  1. ハサミ 画像

    WEB知識

    PixlrEditor(ピクセラエディター)で画像の切抜き

    前回の続きです。Pixlr Editor(ピクセラエディター)を使い画…

  2. alt タグ SEO

    WEB知識

    ワードプレスで大切なalt設定(オルト設定)

    最近では、ブログをWordPressで書いている方も凄く増えてきている…

  3. インスタ写真

    WEB知識

    ブログにインスタのタイムラインの画像を表示させる方法

    最近は、色々な美容師さんや、ネイリストさんなどとお話しをさせて頂いてお…

  4. フェイスブック 画像

    WEB知識

    フェイスブックは最大の口コミ・プロモーション

    色々なSNSがありますが、今回はFace bookの特徴をご案内したい…

  5. Affinity Photo 髪の毛まで 綺麗に切り取る

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法

    Affinity Photoでの画像切り取り方法をお伝えします。画像加…

  6. フェイスブックページ とは

    WEB知識

    Facebookページと個人ページとの違いとは

    お店の情報などをお客様の届ける時にFacebook(フェイスブック)ペ…

  1. 充電

    充電スポット

    菊名駅|充電スポット
  2. ピンタレスト

    WEB知識

    まだブックマーク?Pinterest を活用しよう
  3. ロゴ 作成

    マーケティング

    ロゴ作成で大切なこと
  4. THE タイトルタグ

    サポート

    titleタグ(タイトルタグ)とは
  5. WEB知識

    WEBディレクターなら覚えておいた方がいいシュートカットキー
PAGE TOP