SWELLでX（旧Twitter）投稿にアイキャッチを表示させる方法

2025年7月13日

ブログの魅力を最大限に伝えるためには、SNSでのシェア時にアイキャッチ画像（OGP画像）がきちんと表示されることが重要です。

ですが実は、SWELLのテーマ標準のままだと、X（旧Twitter）でリンクを共有してもアイキャッチが出ないのはご存知でしたか？

もも

投稿してから「あれ…？画像が…」となるこの現象、実は簡単な初期設定をするだけで、簡単に解決します！
この記事では、設定手順を初心者の方にもわかりやすく解説しますので、ぜひ最後までご覧ください。

ブログのアイキャッチが表示されない場合は、こちらの記事をチェックしてみてくださいね！

SWELL標準設定でアイキャッチが表示されない理由

そのため、Xでは記事のトップページに設定したデフォルト画像が表示されたり、上記の画像のような「アイキャッチ無し」のリンクカードになったりします。

もも

アイキャッチがある投稿とない投稿では、たくさんの投稿の中でユーザーの目に止まるかどうかが大きく異なります。
アイキャッチがなければ、リンクカードが表示されていても他の投稿に埋もれてしまいます…

Xの投稿でSWELLブログのアイキャッチを表示させる方法

SWELLを使用しているブログでアイキャッチを表示させるためには、OGP設定が必要です。

OGP（Open Graph Protocol）とは、FacebookやTwitterなどのSNSであなたのブログ記事がシェアされたときに、表示されるタイトル・説明文・画像などを指定する仕組みです。

この設定を正しくすることで、SNS側がどの情報をカードに表示すればよいかが判別できるようになります。

SWELLではOGP設定がされていないため、Xでアイキャッチ画像を表示させるためにプラグインを活用したり、コードを追加するなどの作業が必要になります。

プラグイン名	無料/有料	主な機能	初心者向け度
SEO SIMPLE PACK	無料	・OGP/Twitterカード設定・メタタグ自動挿入	★★★★★
All in One SEO	無料/有料	・OGP/Twitterカード設定・詳細なSEO設定が可能	★★★★☆
Yoast SEO	無料/有料	・OGP/Twitterカード設定・ページ解析・内部リンク提案	★★★★☆

SEO SIMPLE PACKでOGP設定をする手順

インストール＆有効化

WordPress管理画面 → 「プラグイン」→「新規追加」で「SEO SIMPLE PACK」を検索
SEO SIMPLE PACKを見つけたら、「今すぐインストール」→「有効化」をクリック

OGP設定画面を開く

管理画面 → 「SEO PACK」→「OGP設定」をクリック

X（Twitter）カードの有効化

「Twitter」タブを選択
「メタタグ」→「はい」を選択
「X(旧Twitter)アカウント名」にアカウントID（@〇〇の「〇〇」の部分のみでOK）を入力
「カードタイプ」→「summary」「summary_large_image」（大きめサムネイル）どちらでもOK
画面下部にある「変更を保存」をクリック

All in One SEOでOGP設定をする手順

インストール＆有効化

WordPress管理画面 → 「プラグイン」→「新規追加」で「All in One SEO」を検索
All in One SEOを見つけたら、「今すぐインストール」→「有効化」をクリック

OGP設定画面を開く

「All in One SEO」→「ソーシャルネットワーク」をクリック

X（Twitter）カードの有効化

「X（Twitter）」タブを選択
「Xカードを有効化」にチェック（青にする）
「カードタイプのデフォルト」→大きな画像で要約
デフォルトの投稿画像ソース→「アイキャッチ画像」（希望によっては他の選択肢でもOK）
画面上部 or 下部にある「変更を保存」をクリック

プラグイン無しで手動設定する方法

テーマの header.php に以下のようなOGPタグを直接追記する方法もあります。

<meta property="og:title" content="<?php the_title(); ?>" /> <meta property="og:description" content="<?php echo get_the_excerpt(); ?>" /> <meta property="og:image" content="<?php echo get_the_post_thumbnail_url(); ?>" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@YourAccount" />

※SWELLのアップデートで消えてしまう可能性があるため、子テーマでの管理を推奨します。

設定後の確認方法とキャッシュ対策

設定後は、すぐにアイキャッチが表示されるようにはならず、数分〜数十分ほど時間がかかる場合があります。少し待ってから変更を確認すると良いでしょう。

Card Validatorで確認
- Twitter Card Validator に記事URLを入力してプレビューを確認
  →アイキャッチ画像が表示されていればOK
キャッシュクリア
- サイトキャッシュ／SNSキャッシュを両方クリアすると最新設定が反映されやすい
  →キャッシュのせいで変更後の表示がされない場合がある
再投稿
- 既に投稿済みのツイートは再取得が必要な場合があるため、URLを改めてシェアし直しましょう。