facebookシェアデバッガーでog:image画像がリロードするたびにコロコロ変わる

Simplicityの特徴 › フォーラム › Simplicityについての質問 › facebookシェアデバッガーでog:image画像がリロードするたびにコロコロ変わる

  • このトピックには8件の返信、2人の参加者があり、最後にみきにより9年、 6ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #52029
      hori
      ゲスト

      いま作成中のブログでsimplicity2を使わせて頂いています。
      記事のURLをfacebookシェアデバッガーで試したところ、
      読み込みするたびにog:imageが他の記事のimg画像に変わってしまいます。

      OGPの設定自体は変な所が見当たらず原因がよくわかりません。
      なにかテンプレートの設定が必要とかはあるんでしょうか?

      シェアデバッガー
      https://developers.facebook.com/tools/debug/sharing/
      対象のブログ
      http://max-labo.site/?p=820

    • #52031
      Hidekichi
      ゲスト

      og:imageは何回かリロードしてもそのアドレスが変わっていないので、シェアデバッガーの方のキャッシュか、利用されているブラウザのキャッシュかが問題ではないでしょうか?

      プライベートウィンドウか、シークレットウィンドウ等で試してみて下さい。

    • #52037
      hori
      ゲスト

      「もう一度スクレイピング」ボタンを押してリロードすると
      facebookが認識したog:imageが変化します。

      「すべてのRawタグを表示」で読み込んだソースを見ると
      ソースのog:imageと、実際にfacebookが認識したog:imageが違っています。

    • #52039
      Hidekichi
      ゲスト

      いくらリロードして画像が変わっていたとしても、元のサイトのog:imageのアドレスに変化がないのでテーマ側やwordpressを疑う前に、チェックしている側の環境の方を疑うべきだということです。
      もう少し厳密に言えば、それはテーマやwordpressの問題なのか、他に原因があるのかの区別です。

      よくあるのは画像サイズやアスペクト比の問題です。画像が小さすぎるとog:imageがキャンセルされることはよくあります。twitterでもそうです。
      画像を大きくして問題が出るかどうかをまず確認などしてから再度返信して下さい。というか、ご自身でできることはまず調べたり、試して、それでもできない場合にやったことを書き出してもらい、あわせて質問してもらうほうが原因を早く特定できるだろうと思います。他人の環境は書いてもらわなければ何もわかりませんし、全てが推測です。

      もしすでに画像を大きくしたが同じだったとか、大きくしてかつ、横に広い画像も試したが変わらなかったとかの情報があればそれ以外の解決方法を探れるということです。たぶんそれだけの情報なら、サイズはいくつにしたかなどとまた聞き直すことになるかと思いますけれども。

      ブログの先頭に貼り付けてある画像がog:imageのアドレスのものだろうと思いますが、縦向きで画像自体が小さいのは最悪かと思います。まずfacebookの仕様にその画像が適しているかを調べるべきです。

      僕はfacebookを使わないので仕様がどうなっているかは知りませんがテーマ側には特に不備はないと思いますし、過去にあったトピックでtwitterで同じような内容の質問があったように記憶してます。

    • #52057
      みき
      ゲスト

      facebookは200pxは必要です。
      昔、150px、150pxで作っていましたが
      facebookに怒られたので
      サイズの変更を行いました。

      デバッガーに修正が必要な問題と言う項目があると思います

      すべての問題を表示をクリックすると

      画像が小さすぎます
      指定されたog:image URL「ttp://max-labo.site/wp-content/uploads/2017/04/54699564.jpg」は、最小サイズ(200px x 200px)未満であるため、使用できません。

      と記載されています
      ※自動リンクされそうなのでttp://にしています

      この問題を修正すれば解決するかと思います。

    • #52063
      アバター画像わいひら
      キーマスター

      みきさんがおしゃられているように、

      og:imageで指定された画像が200ピクセル以上無い
      ↓
      Facebook的に好ましくない
      ↓
      その他の200ピクセル以上の画像を取得

      ということをクローラーがしている可能性はありそうですね。

    • #52076
      みき
      ゲスト

      わいひらさん
      そんな感じなんでしょうね

      画像的に関連記事から取得されていそうですね。
      (正確にはわかりませんが…)

      アイキャッチ設定でogpの画像が決まると思いますが
      200px以下のアイキャッチが選択された場合、デフォルトのアイキャッチをFacebookのogpに設定する見たいなのはできないんですかね

    • #52096
      hori
      ゲスト

      ありがとうございます。
      ご指摘のように画像を推奨サイズのものに変えてみたらogpが正常になりました。

    • #52113
      みき
      ゲスト

      解決できてよかったです

8件の返信スレッドを表示中
  • トピック「facebookシェアデバッガーでog:image画像がリロードするたびにコロコロ変わる」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)