MENU

xとfacebookのURL埋め込みの時サイトのogp画像が表示されない件

以前から気になっていたことで、xとfacebookにURLを張り付けると、サイトのタイトルとogp画像が表示され、文章もちょっと出ていたけど、画像が出なくなった件を確認している。ホームページに掲載して、その文章とURLを告知してるんだけど、画像が×になるとかっこ悪かった。新しく作っているサイトのURLでも現象が出る。

最初、ogpチェッカーで確認した。
OGPチェッカー

サイトのリニューアルの時期と重なり、古いサーバーに行っているのか、ただしい情報が出ない。一日経過して、確認する。正しい情報というか、設定している情報を逐一変化するので正しいと思う。ここでは、正しい内容が出るようになった。

このURLをXとfacebookで確かめる。

Xでは出なかった。まだ、画像が×になる。検索すると、これといった解決策がなく、おおよそ、キャッシュが効いているとだめみたいな話だった。これは、ホームページ側のキャッシュであったり、X側のキャッシュだったりする。ホームページ側は、kusanagiで動かしているが、キャッシュはOFF。テーマのSWELLでは、キャッシュしているので、これをすべてクリアにする。これでもNG。SWELLの各キャッシュ設定を解除してみるけど、これもNG。OGP情報は、SEO SIMPLE PACKでだしているので、テーマは関係ないんじゃないかと思っていた。KUSANAGIの設定で画像を自動最適化するチェックがあり、これを解除する。すると、OKになった。いくつかのURLでテストするもOKのようだった。

Facebook。XがOKになったので、FacebookもOKかというとそうではない。試行錯誤した。画像をつくりだすphotoshopのJPEG書き出しの最適化のチェックを外すとできた。しかし、これまで多くのサイトで、最適化のチェックをいれて画像を作成している。画像のファイル名が日本語であった。これをアルファベットにする。すると、OKになった。検索すると、日本語のファイル名ではだめらしい。個別に対応するとして膨大な作業がいる。その都度、直していこうと思った。

解決していないけど、wordpressの埋め込みURLブロックの表示が気になっている。SWELLでは、ブログカード機能があり、URLを自動で、カード風の表示に切り替えてくれる。編集画面では、wordpressの標準の埋め込みURLの表示になるが、URLで表示させると、SWELLブログカードになる。この時、SWELLのそれでは、小さいサイトのogp画像がでる。編集画面では、大きなogp画像が出るURLと小さい画像がでるURLにわかれる。大きなogp画像をだしたいのだが、自分のサイトは小さくなっている。アップした画像は、大きなファイルだ。サーバーで表示される画像は小さいサイスのがぞうになっている。この点、さらに確認し、対応する予定

山形市は曇のち雨。12.7

2024年12月4日(水曜日)

関連キーワード

関連記事

あわせて読みたい
ジブリ比 wordpressのブログカード埋め込みで画像が大きくしたかった。正しくは、上に画像が入り、下に説明文がはいる表示にしたかった。やっと関係する記事をみつけて、画像のサイズではなく、アスペクト比1.75を境に、表示がかわるらしい。画像とくに、OGP画像、アイキャッチ画像なんかは、SWELL推奨、SNS推奨といわれるサイズで作ってきた。これだと、1.75にならないし、ほかの推奨サイズをみても、これにならない。アスペクト比をいろいろみていると、ジブリ比、1.85がでてきた。なんだ。ビスタサイズともいうらしい。昔のジブリ映画は、横長かった。ナウシカとか。映画だから横長なんだとおもっていたら、そうでもないらしい。それなら、関係ないけど、うちのOGP画像は、1.85で行こうかとおもう。処理に加えた。
あわせて読みたい
wordpressの埋め込みURLで表示される画像が大きいものにしたいの続き 昨日の続きで、OGPの表示の関連で、問題点をなおした。この関連でwordpress標準の埋め込みURLで表示される画像が大きい画像にならない件、テストの報告。やっと同じ問題を見ていた人がみつかる。だいぶ古いけど、要は、画像のアスペクト比でちがうという話だった。そうりゃそうだな。縦長の画像をカード内で大きく表示すると、見た目がわるい。

令和6年12月4日

  • 平成36年12月4日
  • 昭和99年12月4日
  • 旧11月4日
  • 師走

今日は何の日

  • E.T.の日
  • 血清療法の日
  • 聖バルバラの日
  • プロポーズで愛溢れる未来を創る日
  • みたらしだんごの日
  • 障害者週間
  • 人権週間
  • こちらから引用

コメント

コメントする