女性起業家のためのWEB活用講座

女性起業家のために、解りやすくWEBマーケティングを教える
日本一解りやすいWEBマーケティング講座

女性起業家のためのWEB活用講座
無料メール講座

【OGP設定】WordPressをFacebookにシェアしたら画像が違う!タイトルが違う!など、デバッグ対策いろいろまとめ!!

2016年09月10日WordPress


本日は、OGPとはなんぞや、という話から、WordPressや各記事をFbにシェアしようとしたときに、意図しない画像・・・例えば「グレーと白の、のっぺらぼう」になってしまったとき、選びたい画像と違うとき、の対応策について。

 

ちなみに、のっぺらぼうくんとは、こんな状態です。

↓ ↓ ↓

WordPress のっぺらぼう

 

SNSの拡散力を有効に活かしたいなら、画像はとても大切!

のっぺらぼうくんではもったいないですね。

 

 

 

 

 

 

そもそも、OGP(オージーピー)とは?

 

OGP とは 、Open Graph Protocol (オープン・グラフ・プロトコル)]の略称です。

もともとは、Facebook が策定した仕様なんだそうです。今ではTwitterなどさまざまなSNSでも利用されるようになっています。

 

 

SNSでシェアされたときに、そのページのタイトル・URL・概要・画像を正しく伝えるために、タグで記述するものです。

 タグ・・・・コードに埋め込む作業は、WEBが苦手な女性にとっては非常にハードルが高いですよね。。。

 

 

そこで、今回はWordPressのプラグイン、
All in One SEO Packを使う解決法について書かせていただきます。

 

 

All In One SEO Packは、こちらです。インストールしていない方は、プラグインの新規追加で追加してくださいね。
 ↓ ↓ ↓

All In One SEO Pack

 

 

インストールしたばかりの方は、ココをアクティブにしてください。

All in one SEO

ダッシュボード、All in one SEO→機能管理 「ソーシャルメディア」をアクティブに!!

 

 

 

 

まず、トップ画面がのっぺらぼうの場合。

 

ダッシュボードを見ていただくと、「All in one SEO」という表示があると思います。
そちらの中の、「ソーシャルメディア」をクリック。

 

Aii in one seo pack

 

少し下に下がると「ホームページ設定」という項目があると思います。

その中にある「ホーム画像

ここに、FacebookなどSNSでシェアされたときに登場させたい画像をアップロードしてください。

 

 

「Upload」というボタンを押せば取り込めるはずなのです。(取り込めなかった時は下のやり方は、追って解説しますね

 

 

アップロードできた方は、

必ずページ下にある「設定を更新」ボタンを押し、保存してください。

スクリーンショット 2016-09-06 16.25.58

 

 

 

*上記の方法で、画像がアップロードできなかった場合。

 

1)新規画像を取り込む場合は、まず、ダッシュボードの「メディア」→「新規追加」から画像をアップロードしてください。

 

2)すでにアップしてある画像を使う場合は、「メディア」→「ライブラリ」から、使いたい画像を選択

 

3)開いたページの右にあるURLをコピー

のっぺらぼう対策

 

 

4)All in one SEOのソーシャルメディア→ホームページ設定→ホーム画像にペースト

All in one SEOでのっぺらぼう対策

 

 

5)必ず、ページ下にある「設定を更新」ボタンを押してください。

スクリーンショット 2016-09-06 16.25.58

 

 

 

 

必ず、最後はデバッグしてキャッシュを削除しておきましょう!

直したはずなのに、直ってない(T_T)

そんなときは、たいていキャッシュ(残像)が残っています。

 

というか、Facebookはとくに、デバッグしないとしつこくキャッシュが残ります。

ので、画像やタイトルを変えたときは、必ずデバッグで残像退治をしておきましょう!!

 

 

コチラのページへ行きまして・・・

https://developers.facebook.com/tools/debug/og/object/

 

 

Facebook デバッグ

 

Input URLと書いてある下の空欄に、デバッグしたいURLを入れて
右の青いボタンを押すだけ、です。

 

 

 

 

 

続きまして、投稿ページののっぺらぼうくん対策。

 

やはりこちらも All in one SEO を使います。

 

まず、デフォルトの設定を決めてしまいます。

=どの投稿も「○○で使った写真を表示させる」とルールを決めてしまいます。

 

同じくダッシュボード、All in one SEOソーシャルメディア を開いてください。

少し下にいくと、画像設定 という項目があります。

Select OGimage Source ここで、上記に書いた「○○で使った写真を表示させる」の「○○」を決めます。

 

 

All in one SEO Pack

 

Default image:これは「画像が見つからない場合はデフォルトを使用」の下にある画像をアップロードする項目でアップした写真が必ず使われることになります。

アイキャッチ画像これは読んで字のごとく、投稿時のアイキャッチ画像が表示されます。

First Attached Image記事のイチバン上に使用した画像が表示されます。

First Image in Content:記事の中で最初に検出された画像が表示されます。

Image From Custom Field:カスタムフィールドの指定画像が表示されます。

First Available Image:自動的に画像表示を選択。

 

 

 

わたしは、First Attached Imageを使っています。

アイキャッチ画像を選ぶ方も多いと思います。

 

 

 

いやいや、画像をまったく使わないんですけど・・・という方はこちらの設定をしてくださいね。

All in one SEO

 

 

 

最後に、選びたい画像が表示されなかったときの対策について!

上記の設定をしているのに、違う写真が選ばれてしまったら、以下の方法も試してみてください。

 

 

まず、投稿の下の方にある「All in one SEO Pack」の「ソーシャル設定」をクリック。

Facebook デバッグ

 

 

 

少し下の方に、この投稿のためにアップロードした画像が並んでいるところがあります。

この中から、OGP設定に使いたい(Facebookで表示させたい)写真を選択。

 

Facebook キャッシュをデバッグ

 

必ず、デバッグしてくださいね。

デバッグしないと修正前の画像が選択されてしまう可能性が高いです。

キャッシュをデバッグ

 

ボタンを押したあとの操作は、この記事の上のほうにある「最後はキャッシュをデバッグしておきましょう」のところをご確認くださいね。

 

 

 

 

よかったらこちらの記事も参考に(^^)

Facebookデバッガー=Open Graph Debuggerを使って、OGPキャッシュを削除する方法

 

 

 

 

 

 

最後まで読んでいただき、ありがとうございます(^^)

このあともニッコリはっぴーなひとときを♪

ニッコリWEBプランナー 白井佐代子

1日1ポチ、応援していただけると励みになります(^^)

↓ ↓ ↓

にほんブログ村 経営ブログ 女性社長へ
にほんブログ村



メルマガ登録はこちらをクリック

メルマガ登録はこちらをクリック
 

この記事を読んだ方はこちらの記事もチェックしています!

 

無料メール講座の詳しい内容はこちら
講座情報
申込み締切まで
  • 申込期限設定

    終了しました
  • オンライン(zoom)だから全国どこからでも、お好きな場所から、お好きな時間にご受講いただけます! ※対面をご希望の場合は、LINE@にご登録いただき、「対面希望」の旨をご連絡ください。ご相談に応じます。   1...

    イベント内容はこちら
    新着ブログ
    コンテンツ一覧

    講座情報

    申込み締切まで

  • 申込期限設定

    終了しました
  • オンライン(zoom)だから全国どこからでも、お好きな場所から、お好きな時間にご受講いただけます! ※対面をご希望の場合は、LINE@にご登録いただき、「対面希望」の旨をご連絡ください。ご相談に応じます。   1...

    イベント内容はこちら
    女性起業家のためのWEB活用講座
    Copyright(C) 女性起業家のためのWEB活用講座 all rights reserved.
    Copyright(C) 女性起業家のためのWEB活用講座 all rights reserved.