WordPressのテーマをcocoonからSWELLに変更してからこんな困りごとが出てきた人はいませんか?
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/934A6214-CB49-4BDC-B97B-367F9F1BA201-e1649160733228-150x150.jpeg)
今まではブログのURLをTwitterにコピペしたら
アイキャッチ付きのリンクが表示されていたのに
SWELLに変更してから表示されなくなった…
cocoonの時はTwitterで「ブログ更新しました!」とともにサイトのURLをコピペしただけで
アイキャッチが表示されていたのにSWELLに変更したら
ブログのアイキャッチが表示されない現象の解決方法です
その表示は「Twitterカード」
調べて分かりましたがこのように表示されるのは「Twitterカード」という機能です
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/5A323CF4-55E7-4FE3-88E7-E7BBEE12F14B.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/5A323CF4-55E7-4FE3-88E7-E7BBEE12F14B.jpeg)
cocoonではこのようにアイキャッチが表示されていたので
canvaでのアイキャッチ作成のやる気も高まっていました
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/E9343EE1-B291-4600-9733-E5EDEFB009B1-e1649160967532-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/E9343EE1-B291-4600-9733-E5EDEFB009B1-e1649160967532-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/E9343EE1-B291-4600-9733-E5EDEFB009B1-e1649160967532-150x150.jpeg)
頑張って作ったアイキャッチ見てもらいたいのに
SWELLじゃ表示されないのか…と
数日しょんぼりしていました
諦めきれず調べたところその機能は「Twitterカード」と分かりました
SWELLのブログをTwitterカードで表示させるには?
実際に私の画面を見ながら設定してみましょう!
①プラグイン「SEO SIMPLE PACK」を入れる
「SEO SIMPLE PACK」はTwitterやFacebookなどのSNSに必要なOGP情報を設定できます
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
ちなみにOGPはOpen Graph Protocolの略です
SNSでシェアした時に設定したWEBページのタイトル・イメージ画像等を正しく伝えるためのhtml要素のことです
①WordPress管理画面の「プラグイン」を選択します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/667798BF-74FA-43A7-BF28-5F7E9C50F778-1024x469.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/667798BF-74FA-43A7-BF28-5F7E9C50F778-1024x469.jpeg)
②キーワードに「SEO SIMPLE PACK」と入力し、
作者「LOOS,Inc.」さんのプラグインの「今すぐインストール」を押します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
今回のプラグイン名は全部大文字で入力しましょう
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/463260E2-BD7E-4FFC-BDE0-B1565D382CDC-1024x545.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/463260E2-BD7E-4FFC-BDE0-B1565D382CDC-1024x545.jpeg)
③「有効化」を押します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/12649CD8-1819-4341-BF64-ECE8829D8449-1024x547.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/12649CD8-1819-4341-BF64-ECE8829D8449-1024x547.jpeg)
【確認】これで「SEO SIMPLE PACK」が入りました
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/19ECFEF5-D65C-405C-82AD-970D3C05D8A0-1024x386.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/19ECFEF5-D65C-405C-82AD-970D3C05D8A0-1024x386.jpeg)
④WordPress管理画面の左側にある「SEO PACK」を選択します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/8BAB104D-A810-4E5F-95B5-56BAA544F2FA-1024x197.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/8BAB104D-A810-4E5F-95B5-56BAA544F2FA-1024x197.jpeg)
⑤表示された画面の「Twitter」タブを選択します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/1606D916-8AAB-4DF8-9AB3-6C59BF569939-1024x514.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/1606D916-8AAB-4DF8-9AB3-6C59BF569939-1024x514.jpeg)
⑥各種設定します
⑴「Twitter用のメタタグを使用する」は「はい」を選択する
⑵「Twitterアカウント名」は【@xxx】の【xxx】部分を入力します
⑶「カードタイプ」は「summary_large_image」を選択します
⑴〜⑶を設定後、下の「設定を保存する」を押します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2958161A-22A9-47B8-8469-1BE4C5E2C884-1024x503.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2958161A-22A9-47B8-8469-1BE4C5E2C884-1024x503.jpeg)
⑦「SEO PACK」下の「OGP設定」を押し、表示された画面の「画像を選択」を押します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
これをすることで
ブログのホーム画面のURLをTwitterに貼ったときに
表示される画像が設定できます
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/67F7DB4E-8723-470C-AE14-91047122FAA6-1024x505.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/67F7DB4E-8723-470C-AE14-91047122FAA6-1024x505.jpeg)
⑧「設定を保存する」を押します
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/FE6C78B1-A487-4A18-BB41-F5E4F9F8A3D7-1024x503.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/FE6C78B1-A487-4A18-BB41-F5E4F9F8A3D7-1024x503.jpeg)
②きちんと表示されるか確認する
①表示を見たいブログページのURLをコピーしてから「Card validator」にアクセスし、左側の「Card URL」にペーストし、下の「Preview card」を押します
Twitterの公式サイトですので、ログインしてからURLをコピペしましょう
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/7698AB2D-A743-4D56-92A1-440B4A315559-e1649161005847-150x150.jpeg)
右側にTwitterで表示されるカードのプレビューを確認できます
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/90D52B5B-A854-4100-9427-D68E705687BF-1024x446.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/90D52B5B-A854-4100-9427-D68E705687BF-1024x446.jpeg)
②続けて、ブログトップのURLを同じ部分にコピペして「Preview card」を押します
①の⑦〜⑧で設定した画像がTwitterカードとして表示されることを確認できました
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/4CA402F9-FF06-4307-AAB8-FC9735B6A90A-1024x446.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/4CA402F9-FF06-4307-AAB8-FC9735B6A90A-1024x446.jpeg)
Twitterに投稿してみよう
実際にTwitterにブログのURLを貼り付けて投稿したものです
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2E309557-8E26-41BA-A8EB-9970E780DD93.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2E309557-8E26-41BA-A8EB-9970E780DD93.jpeg)
きちんとTwitterカードで表示されるようになりましたね!
まとめ
いかがでしたか?
少し手間かもしれませんが
Twitterカードを設定すれば、アイキャッチも見てもらうことができて
ブログを読んでもらえるきっかけも増えると思います
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
![](https://takosanwakuwakublog.com/wp-content/uploads/2022/04/2F94490A-25B5-4C50-B12B-A0D1B4EB21D0-e1649160382895-150x150.jpeg)
アイキャッチ作成熱も高まりますね!!!
わからない点がありましたらTwitterやブログでコメントください
わかる範囲でお答えします
ではまた!
コメント