質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

5399閲覧

FBシェア時のみ、OGP画像が指定したURLと違うものを表示してしまう

pecorino

総合スコア15

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

2クリップ

投稿2020/08/13 01:48

編集2020/08/13 02:00

FacebookでURLをシェアした時のみ、
OGPタグで指定したURLと違う画像が表示されます。

現在のOGPタグです

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> --- <meta property="og:title" content="タイトル"> <meta property="og:type" content="website"> <meta property="og:description" content="説明文"> <meta property="og:url" content="URL"> <meta property="og:site_name" content="サイトネーム"> <meta property="og:image" content="http://サイトURL/img/main.png"> </head>

に指定している画像パスがなぜか読み込まれず、違う画像が出てきてしまいます。
シェアデバッガーにて、何度スクレイピングしても変わりません。
「rawタグに基づいて、以下のOpen Graphプロパティが構築されました」
では、確かに指定していない(シェア時に表示される)画像が読み込まれています。
このURLはどこから来ているのでしょうか??
しかし、シェアデバッガー下部の
「スクレイピングされたURL」では、こちらが指定している画像パスが表示されています。
TwitterやChatwork、Slackなど他のアプリでシェアしても問題はありませんでした。
FB特有の何かがあるのだと思いますが、さっぱり分かりません。

ーーー
【試したこと】
◎画像ファイル名を変えて、新たに読み込む
◎HTMLファイルまるごとURLを変えてアップロードする
◎他の人にお願いしていろんな環境でシェアしてもらう
いずれも特に変わらず。
ーーー

Wordpressサイトではプラグインを使用することもあり、このようなことが無く
今回HTMLサイトで初めてぶつかったので悩んでおります
初心者の質問で恐縮ですが、どなたかお分かりの方
教えていただけますと嬉しいです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

saoyagi2

2020/08/21 13:40

「スクレイピングの実行時間」はいつになってますでしょうか。 「もう一度スクレイピング」ボタンをクリックするとどうなりますか。
pecorino

2020/08/22 11:33

返信遅くなり申し訳ありません。 デバッガーでは、何度もスクレイピングしてみましたが、そのたびにちゃんと「2秒前」などスクレイピングした時刻が表示されていました。 目に留めて頂きありがとうございます
guest

回答2

0

ベストアンサー

FaceBook自体のキャッシュが残っている可能性があります。FaceBookのキャッシュの削除方法に関してはいくつか参考になるものがあるかと思いますので参考にしてみてください。

(トップヒットのものですが参考になりそうな記事を貼っておきます。)

【決定版】FacebookでOPGキャッシュをクリアする方法(シェアした記事の画像が正しく表示されない時の対処法)

投稿2020/08/22 10:06

kai0310

総合スコア2076

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

pecorino

2020/08/22 11:37

ご回答ありがとうございます。 デバッガーを使ってみたり、ブラウザ自体のキャッシュをクリアしてみたりシークレットウィンドウでアクセスしてみたりなど、色々試しましたが、変わりませんでした。。 目に留めて頂き、ありがとうございます。 ご回答感謝いたします!
kai0310

2020/08/22 14:08

では一度ブラウザからソースコードを表示してOGP画像をしているコードを見つけてください。 そしてそのようなコードに見覚えはないか再度確認してみてください。
pecorino

2020/08/22 14:29

OGP画像を読み込んでいるコードは、質問内に表記しましたとおり こちらが記述しているコードとは違った指定した覚えのない画像パスです。 しかし、どうも1番最初に出てくる画像を読み込んでいると分かりましたので、 応急措置として、少々無理はありますが、表示させたい画像を一番最初に記述してみたところ やはり表示するようになりました。 しかし、デバッガーではやはりOGPとして指定した画像を読んでいるわけではなく 根本解決にはいたっておりません。 Facebookのキャッシュがどれくらい残るのか分かりませんが、数日放置してみようかと思っています。 何も変わらないかもしれませんが。。。 度々のアドバイスありがとうございます!
kai0310

2020/08/22 14:32

えっとブラウザのキャッシュの問題ではないので**FacebookでOGP情報のキャッシュを削除**する必要があるかと思います。
pecorino

2020/08/25 05:19

度々のご回答ありがとうございます。 "facebookのキャッシュを削除"とは、シェアデバッガーでは削除にならないのでしょうか。 OGP画像のパスはこちらが指定した画像、しかしシェアデバッガーで読み込まれる画像は 指定した覚えのない画像です。 理解が悪く申し訳ありません。
guest

0

こちらのサイトで解析すると、どのような画像が出てきますか?
https://ogp.buta3.net/

・このサイトでも意図しない画像が出てくる場合
ほぼ確実にあなたのサイト側に何か問題があります。
(例えば、意図せず(コピペ等により)2つ目のog:imageがどこかに出力されている、等。)

・このサイトでは意図する画像が出てくる場合
FB側の何かしらの仕様に引っかかっているか、あなたのサイト側に問題があります。
あなたのサイトに問題がある場合の可能性としては、アクセス元に応じて画像が切り替わるような実装になっている、または利用しているサーバ側で自動的にそのようなフィルタリングが掛かっている、等が考えられます。
(例えば、FBは海外サーバである可能性があるため、「海外からのアクセス時は特定のエラー画像に差し替える」といった処理が実行されている等。)

投稿2020/11/03 07:55

doraemosu

総合スコア4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問