アドレスではなく、画像つきでTwitterに投稿したい!
Contents
こんな URL のわけわからんツイートよりも・・
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_326,h_141/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-21.24.17-1024x443.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_457,h_341/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-21.24.25-1024x764.png)
こんな風に画像つきで投稿するには、どうすればいいんだ?
ググったら色々なサイトが出てきました。
どうやら
Twitter カードという設定らしいです。
いろいろ ためしてみて最終的に画像つきで投稿できました。
しかし 設定をしたけれど画像が出ない!!
色々やっても画像が出ない・・
詰んだ・・
と、けっこう苦労しました。そこで忘れないように記事にまとめました。
身も ふた もないですが まずは、良質なサイトを見てもいいかもしれません笑。リンクをはりました。それでもうまくいかなければ続きの記事を読んでください。
うまくいかなかったところも含めて解説します。
ではここから解説です。
画像つきでTwitterに投稿するにはプラグインを使った方法があります。
プラグインを入れなくても、できる方法はあります。が私がやった方法はプラグインを入れてやりました。
WordPressの記事を画像付きでTwitterに表示する方法
プラグインをインストールと設定
All in One SEO をインストール
管理機能を選択
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_181,h_290/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-20.37.32.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_539,h_366/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-08-14.31.44.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_529,h_375/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-08-14.31.49.png)
上の画像のように、ソーシャルメディアをアクティブにしてください
Twitter設定
ソーシャルメディアを選択
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_153,h_222/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-08-14.31.59.png)
ツイッター設定の項目に
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_602,h_292/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-08-14.33.42.png)
▲この画面で
以下①〜⑤の設定をしてください▼
- デフォルトtwitterカード→要約の大きい画像を選択
- twitterサイト→Twitterの『@から下の部分』を入力
- twitter 投稿者→チェックを入れる
- twitter ドメイン→自分のサイトの『http://』や『https://』を抜いたサイトアドレスを記入
- 『設定を更新』を押したら『All in One SEO』の設定は終了!
ツイッターカードに設定されるかチェック!
『Card Validator』のサイトにログイン 自分のTwitterアカウントとパスワードでログインしてください。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_546,h_232/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-21.02.28-1024x436.png)
▲Card URLの枠に、自分のサイトの記事のURLを入れましょう。青いボタンを押します。
画像の反映にはタイムラグがありますが、ここでLOGの部分に『successfully』のログが出てサイトのアイキャッチ画像が出れば完成。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_597,h_427/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-08-14.42.24-1024x734.png)
▲この画像は、失敗です。なぜなら画像が出ていません。私はここで詰まりました・・Logはエラー無しなのになぜ!!
散々いろいろ試して次の方法で解決しました。
アイキャッチ画像の設定
あたりまえですよね・・そもそも画像の設定ができていないと表示される訳が無い・・
All One SEOから、ソーシャルメディア 画像設定
で以下の設定をします。▼
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1024,h_353/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-21.12.22-1024x353.png)
やったー!!できた、画像が表示されています▼
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_1024,h_510/https://minesuke-design.com/wp-content/uploads/2020/03/スクリーンショット-2020-03-10-14.10.09-1024x510.png)
Twitterでも有益な情報を発信します。
また、このブログでは動画編集のことについても書いているのでよければ読んでみてください。