はじめに
これは「こうすれば必ず解決する」という推奨方法ではありません。 あくまで、僕がCocoon＋プラグインなしの環境でThreadsにリンクを貼ったときに遭遇した現象と、そのとき試して解決した方法を記録した体験談です。 同じ状況の方の参考になれば幸いです。
発端：Threadsでリンクを貼ったら画像が出ない
記事を公開し、ThreadsにURLを貼ったところ、テキストリンクだけが表示され、画像は空白。 同じURLをX（旧Twitter）に貼ると問題なくカードが表示されたため、Threads特有のOGP読み込み仕様が関係していると考えました。
僕の環境
- WordPressテーマ：Cocoon（OGPタグを自動出力）
- SEO/OGPプラグインなし
- キャッシュ系プラグインなし
- CDNサービスなし
- アイキャッチ画像は記事ごとに設定
試したこと：サイドバーの「SNS画像」にも同じ画像を設定
Cocoonでは、記事編集画面のサイドバー下部に「SNS画像」という項目があります。 ここに設定した画像は、SNSでシェアされたときのog:imageとして優先的に使われます。
今回、この「SNS画像」にアイキャッチと同じ画像を設定して記事を更新したところ、Threadsでも正しくアイキャッチ付きカードが表示されました。 Xでは従来通り、アイキャッチだけで問題なく表示されます。
実際の結果
- Threads → SNS画像を設定したら表示されるようになった
- X → 従来通りアイキャッチのみで表示OK
気づき
- Cocoonは「SNS画像」＞「アイキャッチ」の優先順位で
og:imageを出力する - Threadsはこの
og:imageを参照するため、SNS画像未設定だと表示されない場合がある - SNSごとにOGPの扱いが微妙に異なる
- 画像サイズは1200×630pxが安定
補足：今回は試さなかったこと
CocoonのOGP設定にはFacebook APP IDを入力する欄があります。 これはFacebook系サービス（Facebook・Instagram・Threads）でのOGP情報取得を安定させる効果があると言われています。 今回は気づかず試しませんでしたが、今後の検証候補として覚えておくと良さそうです。
まとめ
これはあくまで僕の環境（Cocoon＋プラグインなし）での体験談です。 Threadsでアイキャッチが出ない場合、記事編集画面の「SNS画像」にアイキャッチと同じ画像を設定することで解決するケースがある、という一例として読んでください。
コメント