【AFFINGER5】ヘッダーカードの作成方法と使ってからPVが増えた！！

ムロ

AFFINGERを使い出してから収益が上がってきました。収益出したいなら（WING (AFFINGER5)を申し込んでおけばOKです。

今回は、AFFINGER5のヘッダーカードについてです。

⬆️こんなのです。

テキストリンクや画像リンクなどと同様に、クリックするとあらかじめ指定したURLページにアクセスできる仕様です

ムロ

ブログ全体が華やかに見えますね

読者を迷わせないヘッダーカードの利点

見せたいコンテンツやユーザーが求めている記事へのリンクを画像や背景付きテキストで簡単に設定できます。

このヘッダーカードですがAFFINGER5では簡単にこの設定ができますので使わない手はないでしょう

ヘッダーカードの一例

AFFINGER5ではデフォルトで使うことができます。

難しいコードを作る必要もありません。

こんな感じのヘッダーカードが作れます。

見栄えも良いですし、クリックしたくなるようなカードになったと思いませんか？

ムロ

カードには、自分のおすすめの記事URLを入れることができ、見てほしい記事にアクセスが増えることができました！

めちゃくちゃ、おすすめです！

AFFINGER5おすすめヘッダーカード作成方法

まずは、AFFINGER管理からおすすめヘッダーカードを選択

AFFINGER5＞おすすめ記事一覧＞ヘッダーカード

ヘッダーカードは最大4つまで作成できます。

この3点を必ず入れ込むことによってデザインも良くなりますし、訪問読者にわかりやすくなります。

完成形が、こちら💁‍♀️

モバイルでは2×2となりますが、PCでは1×4の一例表示となります。

AFFINGER5 ヘッダーカードに最適な画像サイズ

ヘッダーカードを設定したのはいいけど、サイズ感があっていない場合は、上下が切れてしまいバランスが悪い感じになりますよね。

このサイズでなくとも、アスペクト比を1:1.91くらいにトリミング・サイズ変更すればOKです。

ムロ

Canvaでサイズ変更は簡単にできますから安心して！

「PC」「スマホ＆タブレット」それぞれにおける、ヘッダーカードの表示・非表示を指定

ここにチェックをするだけでOK！！

ムロ

簡単ですね

まとめ:ヘッダーカード作成で見やすく！

ヘッダーカードを使うことによって、どの記事が推しの記事で1番読んでほしくブログで重要だよって教えてあげることができるデザインになるのでヘッダ〜カードは必ず使ったほうが良いですね。

ヘッダーカードを設定すると、一番はじめに目につく場所なので、どの記事やカテゴリがオススメなのかわかりやすいですよね。

こうすると読者の回遊率もあがり、回遊率があがるとGoogleの評価もあがります。

ムロ

自分もヘッダーカードをサイトに載せてからは、ヘッダーカードの記事PVが増えました！

 コチラも読まれています

＞＞【AFFINGER５】ブログのトップページをカスタマイズするやり方

＞＞【AFFINGER5】スライドボックスを作り、枠で囲む作り方

＞＞【AFFINGER5】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】