AFFINGER 投稿記事のカスタマイズ

【AFFINGER6】Twitterカードを設定する方法

2022年1月15日

当サイトのコンテンツには、広告を記載している場合があります。＜景品表示法に基づく記載＞

AFFINGERのTwitterカード 

Twitterでブログの記事のURLを貼り付けたときに画像とタイトルを表示させる「Twitterカード」には、どうしたらいいんだろう？？

 

今回の記事はこんな疑問を解決していきます。

 

本記事を読むことで、AFFINGER６のTwitterカードを超簡単に設定することが可能になりますので、その手順を解説していきます。

 

Twitterカードの設定をしておけば、ツイートする際に、自分のブログも宣伝することができますよ！
せなお

 

本記事の内容  

  • Twitterカードとは何かについて説明
  • AFFINGER６の「Twitterカード」の作成手順について
  • Twitterカードの表示確認方法

 

この記事を書いた人

 

＼ 当ブログ使用テーマ ／

  • 誰でも簡単オシャレなデザイン！
  • インフォトップ月間総合第１位！
  • SEO対策と収益UPを標準で搭載！

有名ブロガーに愛用されているSEO最強WordPressテーマ。本ブログも使用中のカスタマイズ性が抜群のテーマです！

AFFINGER6の購入はこちら

 

Twitterカードとは？

それでは、まず初めに「Twitterカード」についての説明をしていきます。

 

前提を話すと、WordPressテーマ「AFFINGER」、AFFINGER６からたったの1分でTwitterカードの設定をすることができるようになりました。

 

とはいえ、「そもそもTwitterカードってなに？」「アフィンガー6でTwitterカードを設定する方法を教えてほしい！」と思っている方は多いのではないでしょうか？

 

先ほぼ記述したようにTwitterカードの設定をしておけば、ツイートする際に、自分のブログも簡単に宣伝することができます。

 

twitterの運用をしている人は必見ですよ！
せなお

 

実際のtwitterカードはこんな感じ

具体的な「Twitterカード」とは、何かについてです。

 

Twitterに自分のブログの記事更新したことを紹介した際に、ブログカードのような " アイキャッチ " と " タイトル " を表示することができるカード型のものです。

 

実際のtwitterカード

 

こんな感じでtwitter上にカード型で表示されます。

 

読者の方にも、わかりやすくクリックしてもらえるような表示方法です。

 

twitterカードを設定する方法について

Twitterカード作成 

それでは、Twitterカードを作成していきましょう。とても簡単ですので、作業がすぐに終わると思います。

※特にAFFINGER6より、Twitterカードの作成方法が簡単になりました。

 

作業1.  WordPress管理画面より、「AFFINGER管理」→「SNS」を選択してください。

 

 

 

作業2. 「Twitter設定」の項目にある「Twitterアカウント@」の空欄に自分のTwitterアカウントを入力しましょう。

 

※まだTwitterを作成していない方は、Twitterアカウントの作成を行いましょう。

 

 

 

作業3. 作成するTwitterカードのサイズ選択します。「大」 or 「小」を選択しましょう。

 

Twitterカード「大」見本

 

 

作業4. 以上の設定が行えたら、最後に「Save」で設定を保存しましょう。

 

以上の作業でTwitterカード作成完了です！
せなお

 

twitterカードのプレビュー画面で確認する

Twitterカード確認

 

Twitterカードの設定、作成が完了したら、正しく表示されているかを確認しておきましょう。

 

確認する際に時は「Card validator」という、Twitter公式サイトで確認可能です。

 

「Card validator」画面イメージ

 

 

 

「Preview card」をクリックして確認

 

 

 

以上の作業で上記のような「Twitterカードのプレビュー」が正確に表示されていれば完了です。

 

注意ポイント

時々、すぐに反映されない場合があります。サムネイル画像が表示されない時は、少し時間をおいてから確認してみましょう。

 

まとめ

 

今回は、AFFINGER 6でのTwitterカードを設定する方法を解説しました。

 

最後におさらいをすると、Twitterカードを設定する方法は以下の通りです。

 

Twitterカードの設定手順

  1. WordPress管理画面より、「AFFINGER管理」→「SNS」を選択
  2. 「Twitter設定」項目から「Twitterアカウント@」の空欄に自分のTwitterアカウントを入力
  3. Twitterカードのサイズの選択
  4. 全ての設定が完了したら「Save」で保存

※「Card validator」で確認可能

 

Twitterカードは読者を引き付けるデザインになっています。

 

数分で設定が行えるので、Twitter運用中の方はぜひ設定をしておきましょう！

参考トップページのカスタマイズに関する記事かこちら

 

参考アップデートやインストール・プラグインに関する記事はこちら

 

参考投稿記事のカスタマイズも関する記事はこちら

 

参考Gogleアドセンス×AFFINGERのカスタマイズについての記事はこちら

 

 

  • この記事を書いた人

せなお

ブログ月間1.6万PV｜YouTubeチャンネル登録者数1000達成！｜最新のITスキルとAIに関する情報発信｜ガジェットレビュー｜Webデザイン｜ 動画編集スキル｜X, Instagramでも情報発信｜本業の3倍稼ぐことのが目標

-AFFINGER, 投稿記事のカスタマイズ
-,