【SWELL】Xにブログカードを表示させる方法

テーマをSWELLに変更してからXのポストでブログカードが表示されなくなったので、設定を見直しました。

過去に投稿したポストも表示させる方法も合わせて紹介します。

目次

プラグイン「SEO SIMPLE PACK」を追加

Xのポストに画像を表示させるために「SEO SIMPLE PACK」というプラグインを追加し、有効化します。

サイドメニューにSEO PACKが表示されるので、「OGP設定」を変更します。

Twitterタブに移動し、Twitter用のメタタグが「はい」になっていることを確認し、Twitterアカウント名の@以降を入力。

カードタイプは「summary_large_image」を設定しています。

Card validatorの更新

プラグインだけではXのアイキャッチは更新されないため、「Card validator」でカード情報を更新します。

カードURLに該当記事のURLを貼り付け「プレビューカード」を選択します。右のログに「カードが正常に読み込まれました」と表示されれば完了です。

注意点

仕様変更により、カード検証機能からプレビュー機能が削除されているため、ブログカードは実際には表示されません。

投稿したポストを再読込するとアイキャッチが表示されました。

Screenshot

それでもアイキャッチが表示されない場合

以下の手順を試してください。

①表示させたい記事の下部にある 「このページの og:image」に表示させるアイキャッチを選択します。

Screenshot
画像設定後

②画像を設定したら「Card validator」でカード情報を更新します。

注意点

プレビューカードが「読み込み成功」と表示されても、Xの投稿でアイキャッチが表示されない場合は、もう一度プレビューカードを押してください。

まとめ

この記事ではXのポストでブログカードが表示されなくなった場合の設定を紹介しました。

プラグインだけでは過去記事のアイキャッチは自動で反映されないため、Card Validator を使ってカード情報を更新することで、X投稿に正しく表示されるようになります。

この記事が気に入ったら
いいね ! しよう

Twitter で
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次