デザイン/カスタマイズ

アフィンガー5×Twitterでよく使う3つの機能と設定方法(Twitterカードなど)

2020年8月15日

アフィンガー5 Twitter 設定
この記事は3分で読めます

 

サラリーマン
・Twitterカードを表示させたい
・サイドバーにツイートを埋め込みたい
・ツイートをブログ内に表示させたい

 

このような疑問・お悩みにお答えします。

 

ブログのPV数を増やすには、SNSとの連携が必須。

 

なぜなら、初心者にとってはSEO攻略の難易度が高く、また結果が出るのに半年ほど必要だからです。

 

特にTwitterは、気軽にはじめられて結果も出やすいSNSですので初心者ブロガーも活用するべきです。

 

ねこたろす
実際に、有名ブロガーもTwitterを運用してブログのPV数を底上げしていますよね。

 

実はアフィンガー5なら、Twitterとの設定が簡単に実現可能です。

 

本記事では、アフィンガー5とTwitterの設定方法や、覚えておきたい3種類の使い方を解説していきます。

 

本記事の内容

  • アフィンガー5とTwitterの設定方法
  • Twitterカードの設定方法
  • サイドバーにツイートを埋め込む方法
  • 記事内にツイートを埋め込む方法

 

本記事を書いた人

ねこたろす
アフィンガー5を3カ月程使っています。Twitterも運用していて、本記事で紹介する使い方は全て実践しています。

 

関連記事

 

 

アフィンガー5×Twitterで覚えておきたい3種類の使い方

アフィンガー5とTwitterをかけ合わせて、以下の3種類の使い方が有効です。

  1. Twitterカード
  2. サイドバーへの埋め込み
  3. 記事内への埋め込み

 

特にTwitterカードを使った記事更新ツイートは、PV数を増やすのに効果的です。

 

ねこたろす
記事更新をシェアすることで、いろんな人の目にとまるからね!

 

ひとつずつ解説していきますね!

 

アフィンガー5とTwitterの設定
①Twitterカード

アフィンガー5 Twitter 設定 Twitterカード

Twitterカードを使えば、以下のようにアイキャッチ画像をツイートに表示させることができます。

アフィンガー5 Twitterカード ①.

 

ねこたろす
記事更新のツイートをするときによく使うやつ!

 

Twitterカードを使うことで、

  • 目に留まりやすい
  • クリック率があがる

というメリットがあるので積極的に活用しましょう!

 

Twiiterカードは以下の4種類があります。

  • Summary Card
  • Summary Card with Large Image
  • App Card
  • Player Card

 

Appカードはアプリ配布用、Playerカードは動画用です。

 

記事更新をシェアするときには、Summary Card、Summary Card with Large Imageの2種類しか使いません。

 

よって本記事でも、Summary Card、Summary Card with Large Imageの設定方法について解説していきます。

 

Twiiterカードの設定方法

具体的な設定方法は、以下の通りです。

  • Twitterと連携
  • カードサイズを選択
  • card validatorで見え方確認

 

ねこたろす
3分でできるくらい簡単ですよ!

 

まず、アフィンガー5とTwitterを連携させます。

・AFFINGER5管理→SNS
・Twitter設定→アカウントを記入

アフィンガー Twitterカード 設定方法

 

アカウントは、Twitterのプロフィールで確認できます。
「@〇〇〇」の〇〇〇の部分をコピペして貼り付けします。

アフィンガー5 Twitterカード 設定方法②

 

Twitterカードサイズを選択(大/小)

アフィンガー5 Twitterカード 設定方法③

 

ちなみに大小のイメージはこんな感じです。
(タブで切り替えできます)




アフィンガー5 Twitterカード大

アフィンガー5 Twitterカード 小


 

次に実際の見え方を確認していきます。

card validator→記事URLコピペ

アフィンガー5 Twitterカード 設定方法⑤

右側にイメージが表示されるのでチェックします。

 

問題がなければ、記事URLを貼り付けてツイートします。

 

Twitterカード設定で覚えておきたいこと

Twitterカード設定で以下のことを覚えておくと便利です。

  • 画像サイズについて
  • カード種類は大小どちらがいい?

 

まず画像サイズについてですが、カードの種類によって、画像の比率や最小サイズが決められています。

カード種類比率最小サイズ(px)
Summary Card1:1144×144
Summary Card with Large Image1.91:1600×314

 

必ずしも最小サイズにする必要はなく、これより大きいサイズの場合は、アイキャッチ画像の中央からトリミングされます。

 

また、カード種類は大小どちらがいいのかについてですが、個人的には、Summary Card with Large Image(大)がおすすめです。

 

大きいサイズの方が目に留まり、クリックされやすいからです。

 

また、画像も切れることなくいい感じに表示されますよね。

 

アフィンガー5とTwitterの設定
②サイドバーへの埋め込み

アフィンガー5 Twitter 設定 サイドバーへの埋め込み

以下のように、サイドバーへTwitterのTLを埋め込むことができます。

アフィンガー5 Twitter設定 サイドバー①

 

ねこたろす
回遊率アップやフォロワー数の増加が見込めますね!

 

サイドバーへの埋め込み方法

具体的な設定方法は以下の流れになります。

  • PublishサイトにURL入力
  • 詳細設定
  • コードをサイドバーへ埋め込み

 

ねこたろす
こちらも3分ぐらいで簡単に設定できます。

 

Publishサイトにアクセス
自分のTwitterURL入力

アフィンガー5 Twitter設定 サイドバー②

 

自分のTwitterURLは、『https://twitter.com/neko_tarosu

赤字部分は自分のアカウント名(@〇〇部分)を入力しましょう!

もしくは自分のプロフィールページのURLをコピペでも大丈夫です。

 

Embedded Timelineを選択

アフィンガー5 Twitter設定 サイドバー③

 

set custmization optionsをクリック
高さ、幅、背景色、言語を設定
updateをクリック

アフィンガー5 Twitter設定 サイドバー④

 

コードをコピペ
アフィンガー5 Twitter設定 サイドバー⑤

 

外観→ウィジェット
サイドバートップやサイドバーウィジェットにテキストをドラック

 

テキストエディターを選択し、コードを貼り付け、保存

アフィンガー5 Twitter設定 サイドバー⑦

 

サイドバーへ設置する設定は以上です。

 

サイドバーへの埋め込みについての注意点

サイドバーへ埋め込むときには、以下2つを注意しておく必要があります。

  • 表示速度が遅くなる
  • 表示する高さを設定する

サイドバーにツイートを埋め込むと、表示速度が遅くなります。

 

ねこたろす
実際、PageSpeedInsightで測定してみると80→70になりました。

 

表示速度はSEOで重要な項目ですので、どのぐらい下がるのか、下がった結果を許容できるのかを必ずチェックしておくべきです。

 

参考記事

 

また、埋め込む際に高さを設定しないと縦長になって見にくくなってしまいます。

 

400~600pxぐらいがおすすめなので、必ず設定しておくようにしましょう!

 

アフィンガー5とTwitterの設定
③記事内に埋め込み

アフィンガー5 Twitter 設定 記事内に埋め込み

以下のように、記事内にツイートを埋め込むこともできます。

 

僕は、口コミや評判など客観的な情報を伝えたい時によく使います。

アフィンガー5 Twitter設定 記事に埋め込み

 

記事内にツイートを埋め込む方法

具体的な設定方法は以下の流れになります。

  • 貼り付けたいツイートのコード取得
  • 記事内に貼り付ける

 

ねこたろす
こちらも1分ぐらいで簡単に設定できます。

 

貼り付けたいツイート右上をクリック
ツイートを埋め込むを選択

アフィンガー5 Twitter設定 記事に埋め込み②

 

コードをコピーする

アフィンガー5 Twitter設定 記事に埋め込み③

 

記事編集画面のテキストにコードを貼る

アフィンガー5 Twitter設定 記事に埋め込み④

 

これで完成です。

 

ねこたろす
お疲れ様でした!

 

まとめ:アフィンガー5とTwitterを連携すべし

本記事の内容を簡単にまとめます。

 

アフィンガー5×Twitterで覚えておきたい3種類の使い方

  • Twitterカード
  • サイドバーへの埋め込み
  • 記事内への埋め込み

 

Twitterカード

記事更新のシェアに使う。
カードサイズ大の方が目に留まり、クリックされやすい

 

サイドバーへの埋め込み

回遊率やフォロー数の増加につながる

 

記事内に埋め込み

口コミや評判など客観的な情報を伝えられる

 

ブログで収益を出すには、SEO対策に加えてSNS運用が必須です。

 

特にTwitterは、ほぼ全てのブロガーが運用しているといっても過言ではありません。

 

本記事でご紹介した設定方法や使い方が参考になれば幸いです。

 

ねこたろす
特にTwitterカードを使った記事更新ツイートは、PV数を増やすのに効果的ですよ。

 

それでは!

 

関連記事

 

ブログランキング参加中!クリックお願いします!

ブログランキング・にほんブログ村へ 

-デザイン/カスタマイズ