【AFFINGER】ヘッダーカードの作成方法の紹介！読者にわかりやすいブログにカスタマイズ

ムロ

このブログは、AFFINGERのテーマを買ったけど使い方がわからない！？そんな初心者さんに、記事作成ツールの使い方や、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ ) 私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

AFFINGER プラグインセット販売価格29,800円（税込）

＼当サイト限定特典付き／

AFFINGER プラグインセットショップはコチラ

ムロ

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

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

⬆️こんなのです。

このヘッダーカードと言われるおすすめな記事を固定して読者に見てもらうカードをブログのトップページに置くことができます。

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

ムロ

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

ヘッダーカードがトップページにあると、読者に見てもらえPVが上がる

このヘッダー角を設置してから、カードにおいた記事のPVが上がりました。

ヘッダーカードのおすすめポイントを紹介します。

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

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

AFFINGERで、ヘッダーカードを作るには？

AFFINGER管理＞おすすめ記事一覧＞おすすめヘッダーカード

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

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

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

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

ムロ

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

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

AFFINGERおすすめヘッダーカード作成をしてみる

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

AFFINGER管理＞おすすめ記事一覧＞おすすめヘッダーカード

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

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

私は、必ずタイトルは入れていますが、画像と被ったり色合いや画像がごちゃごちゃしていないかをポイントにしています。

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

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

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

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

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

ムロ

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

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

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

ムロ

簡単ですね

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

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

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

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

ムロ

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

 コチラも読まれています

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

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

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