Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

外部リンク先のアイキャッチが突然表示さ...
 
共有:
通知
すべてクリア

[解決済] 外部リンク先のアイキャッチが突然表示されなくなってしまいました。

10 投稿
2 ユーザー
17 Reactions
152 表示
(@miamia)
Active Member Registered
結合: 2週間前
投稿: 3
トピックスターター  

にほんブログ村と、人気ブログランキングは1月27日更新分からアイキャッチが反映されなくなりました。

Twitterも1月27日分からアイキャッチが表示されなくなったのですが、エックスサーバーのキャッシュを削除したりなどネットの情報をいろいろ試しているうちに、過去分含めてすべてのアイキャッチが表示されなくなりました。

画像圧縮のプラグインとかいろいろ触っているうちにおかしくなった感じで、一旦すべてのプラグインを止めたりしてみましたが元に戻らないので、お手上げとなりこちらにご相談いたします。

アイキャッチ画像は現在avif形式で、jpgに戻しても変わらず。

14 KB 640 x 425 ピクセルなどが多いのですが、サイズが小さすぎるなどありますでしょうか。

もうひとつCocoonで別のブログを運営していますが、そちらはアイキャッチのトラブルは起きておりません。
 
Twitterは、 https://x.com/rakusuru_care です。
お手数をおかけしますが、よろしくお願い致します。

----------------------------------------------
サイト名:ちょっと楽になる介護奮闘記
サイトURL: https://rakusuru-care.com
ホームURL: https://rakusuru-care.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-tegakinote-white-banana/style.css
WordPressバージョン:6.7.1
PHPバージョン:8.2.22
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.3.3
カテゴリー数:2
タグ数:1
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:844 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/uploads/2025/01/1200-X-630-1-png.avif
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.3.5
BackWPup 4.1.7
Broken Link Checker 2.4.2
Category Order and Taxonomy Terms Order 1.8.7
Contact Form 7 6.0.3
Optimization Detective 1.0.0-beta1
Site Kit by Google 1.145.0
WP Multibyte Patch 2.9
XO Security 3.10.4
Yoast Duplicate Post 4.5
----------------------------------------------

 

下記はインストールしていますが、現在は無効にしています。

 

Edit Author Slug バージョン 1.9.1 | 作者: Brandon Allen | 詳細を表示

Embed Optimizer バージョン 0.4.1 | 作者: WordPress Performance Team | 詳細を表示

Enhanced Responsive Images バージョン 1.4.0 | 作者: WordPress Performance Team | 詳細を表示

EWWW Image Optimizer バージョン 8.0.0 | 作者: Exactly WWW | 詳細を表示

Force Regenerate Thumbnails バージョン 2.2.1 | 作者: Exactly WWW | 詳細を表示

Health Check & Troubleshooting バージョン 1.7.1 | 作者: WordPress.org コミュニティ | 詳細を表示

Image Placeholders バージョン 1.2.0 | 作者: WordPress Performance Team | 詳細を表示

Image Prioritizer バージョン 0.3.1 | 作者: WordPress Performance Team | 詳細を表示

Limit Login Attempts Reloaded バージョン 2.26.16 | 作者: Limit Login Attempts Reloaded | 詳細を表示

LiteSpeed Cache バージョン 6.5.4 | 作者: LiteSpeed Technologies | 詳細を表示

Modern Image Formats バージョン 2.5.0 | 作者: WordPress Performance Team | 詳細を表示

Page Builder by SiteOrigin バージョン 2.31.3 | 作者: SiteOrigin | 詳細を表示

Performance Lab バージョン 3.8.0 | 作者: WordPress Performance Team | 詳細を表示

Performant Translations バージョン 1.2.0 | 作者: WordPress パフォーマンスチーム | 詳細を表示

Quick Featured Images バージョン 13.7.2 | 作者: Kybernetik Services | 詳細を表示

SiteGuard WP Plugin バージョン 1.7.8 | 作者: ジェイピー・セキュア | 詳細を表示

Smash Balloon Instagram Feed バージョン 6.6.1 | 作者: Smash Balloon | 詳細を表示

Speculative Loading バージョン 1.4.0 | 作者: WordPress Performance Team | 詳細を表示

TypeSquare Webfonts for エックスサーバー バージョン 2.0.8 | 作者: XSERVER Inc. | 詳細を表示

W3 Total Cache バージョン 2.8.4 | 作者: ボールドグリッド | 詳細を表示

Web Worker Offloading バージョン 0.2.0 | 作者: WordPress Performance Team | 詳細を表示

WebSub (FKA. PubSubHubbub) バージョン 3.2.1 | 作者: PubSubHubbub Team | 詳細を表示

Wordfence Security バージョン 8.0.3 | 作者: Wordfence | 詳細を表示

WP Content Copy Protection & No Right Click (WP 記事コピー保護 & 右クリック禁止) バージョン 3.6.2 | 作者: wp-buy (会社名) | 詳細を表示

WP Fastest Cache バージョン 1.3.3 | 作者: Emre Vona | 詳細を表示

XML Sitemap Generator for Google バージョン 4.1.21 | 作者: Auctollo | 詳細を表示

このトピックは1週間前からわいひらに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

miamiaさん

投稿者:: @miamia

アイキャッチ画像は現在avif形式で、jpgに戻しても変わらず。

おそらく、Cocoonの問題ではないと思います。

以下の記事を拝見すると、avif画像が、TwitterカードやOGPに設定されていました。

誰でも簡単!テプラでちょっと楽する認知症介護
https://rakusuru-care.com/labeling/
 


 
ちょっと人気記事ランキングは分からないですが。
(確認していません)

jpgにした後、以下をしましたでしょうか。
投稿側を変更しただけでは反映されないと思います。
(ブログ村は、時間が経てば再取得してくれる場合もあるみたいですが)

  • X(Twitter)はキャッシュの削除
  • ブログ村については記事の再取得
    (もしかすると、一旦ブログ村側から削除が必要の可能性もあるかと)

 
また、データの取得元は、アイキャッチではありません。
X(Twitter)はTwitterカード、ブログ村はOGPです。

WordPress(Cocoon)の投稿編集画面で、SNS画像に設定がない場合に、それらはアイキャッチが設定されると思いますけれど。
 


 
X(Twitter)は、Post時は以下に記載のある通り、GIF、JPEG、PNG形式に対応しています。
今回は、画像を直接Post(Tweet)する訳ではないですが、おそらく同じです。
(以前、Twitterカードにwebp画像を設定した際、ダメだった記憶があります)
 
画像やGIF画像付きでツイートする方法
https://help.x.com/ja/using-x/posting-gifs-and-pictures

追加できる画像のサイズとファイルの種類は?
 

  • 画像は5MBまで、GIF画像はモバイル端末なら5MBまで、twitter.comなら15MBまで追加できます。
  • GIF、JPEG、PNG形式の画像ファイルを追加できます。
  • BMP、TIFFなどの形式の画像ファイルは追加できません。
  • 画像のサイズは、展開したツイートやフォトギャラリーでの表示に合わせて自動的に調整されます。

 

キャッシュの更新は以下の「My Card information now refreshes, but images are not updating. How do I get the images to refresh?」に書いてある方法です。

https://developer.x.com/en/docs/x-for-websites/cards/guides/troubleshooting-cards#refreshing

 

また、ブログ村も、対応画像はjpeg、gif、png形式です。

にほんブログ村サポート
記事画像が取得されないのですが?
https://blogmura-help.muragon.com/entry/156.html

なお、OGPに設定されている場合でも、下記のいずれかに該当する場合は記事画像は取得されません。

  • ご利用しているブログサイトに登録されたオリジナル画像ではない場合
  • 外部サービスを利用した画像の場合
  • プロフィール画像やサイトのロゴ画像など記事の画像ではない場合
  • bmp、webp等の画像 (対応画像はjpeg、gif、png形式となります。)

 

アイキャッチに、各サービス側が非対応のavif等の形式を設定する場合は、
投稿側の「SNS画像」にjpg等の対応画像を設定する必要があると思います。

既に投稿済のものについては、各サービス側でキャッシュの更新や再取得が必要かと思います。
(先に書いた通り)


   
miamia and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

Cocoonの「SNS画像」についての説明ページは以下です。

投稿に対してSNS拡散向けの画像を設定する方法
https://wp-cocoon.com/sns-image/

 

人気ブログランキングのヘルプには、特に記載がないようです。(今さっと見た感じでは)
取得元・対応形式など、分からないですね。

新着記事画像が表示されない
https://blog.with2.net/help/112

ブログ画像の詳細設定について
https://blog.with2.net/help/113


   
miamia and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

ご参考までに。

私の環境は、X(Twitter)への共有は問題なくできておりますので、確認してみました。

ただ、私の環境は、残念ながらavifには対応していません。
(サーバーが)

 
そのため、非対応画像はwebpで確認しました。
 

まずは、jpeg。

 
問題なくPostできます。
 
 
続いては、webp。
 
X(Twitter)が非対応ですので、以下のような感じに。

   
miamia and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

本題とは別件ですが、触れさせてください。

投稿者:: @miamia

下記はインストールしていますが、現在は無効にしています。

現在は無効とのことですが、この件が解消した後に、有効にすると問題が起きがちな状態ですので、触れさせていただきます。

例えば、以下のように同じ機能のプラグインを複数インストールなさっています。

投稿者:: @miamia

LiteSpeed Cache バージョン 6.5.4 | 作者: LiteSpeed Technologies | 詳細を表示

W3 Total Cache バージョン 2.8.4 | 作者: ボールドグリッド | 詳細を表示

WP Fastest Cache バージョン 1.3.3 | 作者: Emre Vona | 詳細を表示

いずれも、ページキャッシュプラグインです。
なぜ同じ機能のものを、複数インストールなさっているのか、疑問に思います。
(中には、ページキャッシュ以外の機能を持っているものもありますけれど)

同じ機能のプラグインを複数入れた場合、コンフリクト(機能衝突)を起こし、不具合が起きがちです。

過去にフォーラムで拝見したケースでも、同様に複数の同じ機能のプラグインをインストールなさって、不具合が発生していました。
(複数のページキャッシュのケースもありました。今回の本題の方とは、関係ないです。)

プラグインは整理なさることをお勧めします。

たくさん入れても良いことはないです。
ましてや、同じ機能のものですので。

プラグインの機能を確認し、必要な機能のものだけをインストールなさってください。

(ちなみに、今回はページキャッシュだけを見ましたので、他に同様の機能のものがあるかは確認していません)


   
miamia and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

投稿者:: @mk2_mk2

誰でも簡単!テプラでちょっと楽する認知症介護
https://rakusuru-care.com/labeling/

 

上記の投稿のTwitterカードが、jpg画像に更新されてました。

 
 
そのため、X(Twitter)側のキャッシュを更新するように、つぶやいてみました。
 
問題ないですね、普通にX(Twitter)で、共有できます。
 
このトピックの返信を見て、更新してくださったのかどうか分からないですけれど。
返信等くださらずコミュニケーションが取れない状態だと、何とも難しいです。
(最近このパターン多い・・・)

   
miamia and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 
以下も、Twitterカードがjpgになっていました。
 
ケアマネ交代の理由~勧誘がしつこかったので~
https://rakusuru-care.com/change-management-in-care/
 
こちらも、Xのキャッシュの更新するようにつぶやきました。
 
問題ないですね。

   
miamia and わいひら reacted
(@miamia)
Active Member Registered
結合: 2週間前
投稿: 3
トピックスターター  

@mk2_mk2 さん

旅行に行っておりまして昨日戻りまして、お返事が遅くなりすみませんでした。

初歩的な画像の形式の事に全く気付いていなかったので、ご指摘いただき大変勉強になりました。

昨日はアイキャッチの画像をjpgに一旦すべて戻し、ブログ村などは記事削除してからping再送信で表示されるようになりました!

Twitterの方がまだ反映されていないようなので、明日もう一度確認してみます。Twitterのキャッシュクリアしたのですが、上手く反映されていないだけなのか?

それからプラグインの件もありがとうございました。

わいひらさんのオススメのプラグインをよく読まずにすべてインストールしていた結果でした。

セキュリティ用のプラグインでも何でも、契約しているサーバ会社によって使い分けないといけないなど、今回よくわかりましたので、かなりのプラグインを削除できました。

Twitterの表示だけ確認してから、またお返事させてください。

詳しく教えてくださって、とても感謝しています。

ありがとうございます。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8308
 

miamiaさん

以下7つ、当方にて、X(Twitter)側の対処させていただきました。
(キャッシュの更新)

以下のように、表示されたかと思います。

 
 
公式のヘルプ等にちゃんと書かれていますので、読んでおきましょうということですね。
 
もうお眠ですので、これが限界です・・・。

   
わいひら and miamia reacted
(@miamia)
Active Member Registered
結合: 2週間前
投稿: 3
トピックスターター  

@mk2_mk2 さん

詳しく教えてくださり、ありがとうございました~。 嬉しくて泣いています。😭 

ちゃんと公式読んだり、調べたりしないとダメですね。

 

一生懸命、 https://cards-dev.x.com/validator でサイトのトップのURLだけリフレッシュしていました。

一部表示されているのは何故?と思ったら、@mk2_mk2さんがリフレッシュして下さっていたのですね。

お優しい。

 

こちらの100パーセントおっちょこちょいだとわかりました。

不具合ではないのにこちらに書いてしまって、わいひらさんにも他の皆さんにも申し訳ありません。💦

 

すべて解決しましたのと、他のサイトもCocoonで作成しているのですが、Cocoon高速化をすると500エラーが出るので何かと思ったら、プラグインの干渉が原因でした。

サーバーとテーマとプラグインの機能をきちんと理解したうえで、不要な物は削除するようにすると良いことが今回ようやくわかりました。サイトのスピードも上がったので「不要なプラグインは削除」、本当に大事ですね。

@mk2_mk2さん、遅くまでレスくださって、どうもありがとうございました~。 🤗 

この投稿は5日前ずつわいひらに変更されました

   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました