AFFINGER5

WING(Affinger5/アフィンガー5)でツイートに画像付き記事投稿する方法【Twitterカード設定】

2020年3月28日

WING(Affinger5/アフィンガー5)でツイートに画像付き記事投稿する方法【Twitterカード設定】
悩む人
WING(Affinger5/アフィンガー5)を使ってるけど、Twitter(ツイート)で画像付きの記事紹介ツイートを投稿できないかなぁ?

Twitterカードがうまく反映されないけど、どうやったらツイートにアイキャッチ画像が反映されるの?

とお悩みではありませんか?

結論は、下の4つの手順で設定を変えるだけ

  1. 左のサイドバーメニューから『AFFINGER5 管理』→「AFFINGER5 管理」 をクリック
  2. 『SNS』をクリック。
  3. 『Twitterアカウント@:』のテキスト部分にTwitterアカウントの@以降を入力
  4. 『save』ボタンを押して設定を保存

 

もっと詳しく画像つきで説明してほしいという方は以下の記事で丁寧に解説しています。

3分後には、あなたもTwitterで、自分のブログ記事を紹介するツイートをアイキャッチ画像付きで投稿できるようになりますよ。

 

それでは、ツイートに画像付き記事投稿する方法(Twitterカードの設定方法)を解説していきます。

参考AFFINGER5(アフィンガー5)口コミや評判をレビュー【JINとの比較も】

看護のお仕事

Twitterカードとは?【ブログ記事のリンクを画像付きで投稿することです。】

Twitterカードとは、ブログ記事のリンクを画像付きで投稿するものです。

下が実際のTwitterカードです。

Twitterカードとは、ブログ記事のリンクを画像付きで投稿するもの

アフィンガー5を使っていて、上記のツイートのように画像つきで記事を紹介したい人は下の方法で設定を変えるだけです。

 

WING(Affinger5/アフィンガー5)でツイートに画像付き記事投稿する方法【Twitterカード設定】

WING(Affinger5/アフィンガー5)でツイートに画像付き記事投稿するに(Twitterカード設定)は、4つの手順で設定を変えるだけ

  1. 左のサイドバーメニューから『AFFINGER5 管理』→「AFFINGER5 管理」 をクリック
  2. 『SNS』をクリック。
  3. 『Twitterアカウント@:』のテキスト部分にTwitterアカウントの@以降を入力
  4. 『save』ボタンを押して設定を保存

順番に解説していきます。

 

 

左のサイドバーメニューから『AFFINGER5 管理』→「AFFINGER5 管理」 をクリック

 

 


AFFINGER5 管理の画面に切り替わったら、左側の上から9番目にある『SNS』をクリックします。

 

 

『SNS』の画面に切り替わったら、下にスクロールし『Twitterの設定』の部分を確認してください。

 

 


『Twitterアカウント@:』のテキスト部分にTwitterアカウントの@以降を入力します。

 

 

※Twitterカードサイズは、そのまま『大』の設定で問題ありません。Twitterカードサイズについては後述しています。

 

 

具体的に説明するとTwitterの自分のアカウントを開いて下の図のように『@〇〇』の『〇〇』の部分を入力します。

私の場合は、『@nursehachiblog』なので、『nursehachiblog』と入力します。

入力が終わったら下にある『save』ボタンを押して設定を保存

 

お疲れさまでした。

 

自分のブログ記事URLをツイートすると勝手に下のようなアイキャッチ画像とテキストが反映されたTwitterカードでの投稿ができるようになります。

反映されるまでに時間がかかりますので、設定後すぐに

悩む人
『ツイートしても反映されない』

と嘆く必要はありません。

5分ほどおいてからツイートしてみましょう。

もし、それでも早くTwitterカードの表示を確認したい人は『Card validator』で確認してみましょう。

Twitterカードの表示をCard validatorで確認する

ツイートしなくても『Card validator』でTwitterカードがどのように表示されるのか確認できます。

確認方法は簡単で下の手順のとおりです。

  1. Card validator
  2. 『Card URL』の入力部分にTwitterカードにしたいURLを入力
  3. 『Preview card』をクリック

 

まずはCard validatorの画面で『確認したい記事のURL』を入力します。

入力できたら、『Preview card』のボタンをクリック。

 

Twitterカードのプレビューが表示されればOKです。

ツイートに反映される画像は、アイキャッチ画像として設定した画像です。

 

以上がCard validatorでのTwitterカードの確認方法でした。この方法しなくてもツイートすれば確認できますよ。

 

 

看護のお仕事

Twitterカードサイズはデフォルトの『大』のままでOK

Twitterカードサイズはデフォルトの大のままでOKです。

アフィンガー5には下の2つが用意されています。

  1. 大(summare_large_image)
  2. 小(summary)

Twitterカードサイズの大(summare_large_image)の表示のされ方

Twitterカードサイズの大(summare_large_image)の表示のされ方は、画像が大きく表示されその下に説明文が表示されます。

Twitterカードサイズの小(summary)の表示のされ方

Twitterカードサイズの小(summary)の表示のされ方は、小さめの画像が左側に表示され、右側に説明文が入ります。

 

好みが分かれる部分ではありますが、画像が大きいほうがTwitter上では目立ちクリックされやすくなるので、特別な理由がなければTwitterカードサイズは『大』でOKです。

【まとめ】Twitterカードの設定をしてブログ記事をツイートしよう!

【まとめ】Twitterカードの設定をしてブログ記事をツイートしよう!

WING(Affinger5/アフィンガー5)でツイートに画像付き記事投稿するに(Twitterカード設定)は、4つの手順で設定を変えるだけ

  1. 左のサイドバーメニューから『AFFINGER5 管理』→「AFFINGER5 管理」 をクリック
  2. 『SNS』をクリック。
  3. 『Twitterアカウント@:』のテキスト部分にTwitterアカウントの@以降を入力
  4. 『save』ボタンを押して設定を保存

 

Twitterカードを使えば、

  • 画像付きで視覚的に訴えやすい
  • クリックされやすい

まだブログ記事をURLだけで紹介している人は今すぐに設定をしないとクリック率で損しているかもしれませんよ。

それでは今回はここまでとしますね。

  • この記事を書いた人

ハチ

副業ブロガー / 現役看護師【経歴】国立大学▶︎公務員(保健師)▶︎縦社会と副業禁止で退職決意▶︎精神科看護師▶︎3サイト運営するが月1万円収益で3年ほど彷徨う▶︎培ったノウハウを駆使してhachiblog立ち上げ●嫁1太郎1姫と暮らす
>>ハチのプロフィール

-AFFINGER5

Copyright© ハチブロ , 2020 All Rights Reserved Powered by AFFINGER5.