- これで解決!《SWELLのピックアップバナーを一工夫【クリック率上昇】》
-本記事の要約と結論-
本記事を読めば、「SWELLのピックアップバナーを一工夫【クリック率上昇】》がよくわかるようになります。
SWELLのピックアップバナーはブログのメインビジュアルの真下にあり、訪問者に一番最初に目につきやすい部分にあります。ブログ全体で言うと特等席みたいなものですよね。そこへ自分の推したい記事やページが固定で表示できることになります。しかもトップページでも投稿ページでも常に表示可能としていますから、チャンスを逃すことがない機能です。
そして素晴らしい機能として、表示できる画像やイラストを自由に設定できます。これによって、目立たせたり、興味を引くような仕掛けができるわけです。
もしかしたら、「設定が難しいのでは?」と思われがちですが意外に設置が簡単。正直使わない手はないと思える機能です。
このSWELLのピックアップバナーの設置を実践することで、任意の記事が特等席に表示されるだけでなく、画像も差し替えることができるので、クリック率が上昇し、ブランディングに大きく寄与させることができます。常時、表示が可能なので「これは・・』という記事にピッタリです。ぜひ参考にしてくださいね。
SWELLのピックアップバナーの設定について説明してほしいのじゃ!
ピックアップバナーは、サイトの上部部分の重要な位置に表示される機能だよね・・・・
この重要なピックアップバナーをうまく活用しない手はないな・・・
この記事では、SWELLのピックアップバナーを一工夫【クリック率上昇】な疑問についてお話をしていきます。
- SWELLのピックアップバナーが気になっていた方
- 重要な記事を、目立つところに設置したい方
- そもそもSWELLのピックアップバナーを知らない方
早く希望の記事箇所に到達したい方はコチラ
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ!
\ シェアNo.1のレンタルサーバー /
\ シェアNo.1のWordPressテーマ /
SWELLのピックアップバナーとは?
サイトの上部部分というのはとても重要な部分ですよね!
この記事では、SWELLのピックアップバナーという機能を少し工夫して、よりクリック率を上げたり、サイトに一貫性を持たせたり、そしてちょっとおしゃれにしたりに変更する方法を解説していきます。
SWELLには、ピックアップバナーという機能がありまして、トップページ、投稿ページなどに表示ができます。サイトの上部部分にあたり非常に重要な位置に表示される機能です。
わしも気になっていたんじゃ
このサイトは、SWELLさんの公式サイトのデモ画面ですが、とても綺麗な写真で、ついついクリックしたくなりますよね!
これは、各記事に設定してあるアイキャチ画像が縮小されて表示されているのですが、雰囲気が伝わっていい感じですよね。
対して当ブログサイトでは、アイキャッチ画像が表示されていなくて、任意の画像が変わりに表示させています。
本来でしたらアイキャチ画像が表示されるのですが、表示画面を差し替えているのです。
今回はなぜ画像を差しかえているのかの解説・そしてこのやり方を実践していきたいと思います。
ピックアップバナーはブログサイトの重要な位置にある
SWELLのピックアップバナーは重要な位置にある
まずユーザー様にサイトに訪問していただいた場合、ピックアップバナーは、ちょうど一番最初に目に入る部分にあると思います。メインビジュアルの真下にありますし、記事のタイトル上部に位置しますので、言い方がいいかどうかわかりませんが、特等席みたいなものですよね。
記事はサイト内でいろいろ探さないと出てこないですが、このSWELLのピックアップバナーは、トップページ、投稿ページでも同じように表示させることができますから、自分が推したい記事をそのまま常に表示させることができるのですね。
- ピックアップバナーはとても重要な位置になる
- ブログサイトトップページでも、投稿サイトでも常に表示できる
- 自分の推したい記事やページを固定で表示できる
- クリック率が高い位置に表示されている
アイキャッチ画像は、いろいろな大きさで表示される
アイキャッチ画像は、記事を投稿のする際に設定することが多いと思いますが、その見た目はやはり記事で表示される時に確認するため、結構大きなサイズで決定してしまいますよね。
当サイトでも、アイキャッチ画像は1200×630pxで画像を作っていますので、記事内では、大きく見えるのですが、ピックアップバナーにアイキャッチ画像が入ると、小さくなりすぎてごちゃごちゃして分かりにくい感じになってしいます。
そうだね。ないほうがいいかもって思ったよね!!
先ほど表示SWELLさんのサイトのようにアイキャッチ画像が小さく表示されても魅了が伝わればいいのですが、なかなかそううまくいかない場合もあります。
ピックアップバナーを上手に活用する方法
ピックアップバナーの上手な活用方法として、
自分の推したいページを決めて表示された場合、アイキャッチ画像ではちょっとサイトに合わないと思った場合や画像を変更したなと思った時にご活用ください!
このサイトは、完全に初心者様向けに発信しておりますので、今回はイメージイラストを作成するところも解説していきます。当サイトに合うようにイラスト画像で実践していきます。
また、ピックアップバナーを設定する場合、記事数が最低でも4記事、またアイキャッチ画像が設定してないと表示がされないので、10記事ぐらい書いてからピックアップバナーを設定することをオススメします。初期で練習したい方は最低でも記事4記事、アイキャッチ画像を設定してからピックアップバナーに挑戦してください。
今日はこんなピックアップ画像を作っていきます。
手順は下記の通りです。
- 必要なイラスト(無料)を用意する
- Canvaでピックアップ用の画像を作る
必要なイラスト(無料)を用意する
では、まずイラストを選びましょう。
今回は、とても有名なイラスト素材サイト『いらすとや』さんから調達していきましょう。
コチラのサイトですいらすとや
(無料で使用できますが、必ず利用規約は確認お願いします)
使いこなせればコストを抑えながら質の高い記事やサイトが構築できるようになり、バランスよく統一感などが演出できればライバルよりちょっとだけ上をいくブログが構築できます。
あまりに数が多いので、検索で『転職 』を入れてみます。
『イラストを検索』
『転職』で検索イラストを撰び、画像の上で『マウスを右クリック』『名前を付けて保存』で保存してください。
ほんとにいい素材サイトですね・・・
Canvaでピックアップバナー用の画像を作る
では、イラスト画像を作ってみましょう。
当サイトでも鬼活用しているデザインツールCANVAを利用します
コチラのサイトですデザインツールCANVA』
(無料版と有料版がありますが、当サイトでは無料版を使用してます。)
Canvaが使えることで、魅力的な画像やイラストをブログに配置することができるようになります。Canvaが上手く使いこなせるようになり、ユーザーにとって満足度の高いコンテンツになれば、ワンランク上のブログ運営が可能になります。
『デザインを作成』
『カスタマイズ』 『1200x630px』 『新しいデザインを作成』を指定します。先程のイラストをドラッグアンドドロップで配置します。
今回はこのようにしてみました。
- テキストを入れて色や装飾を変更する
- 背景色を変更してみました
ピックアップバナーの設定で使いますので、メディアライブラリへ画像をアップロードしておいてください。
ピックアップバナーの設定方法
ピックアップバナーを使った事がない方
まず、ピックアップバナーを設定し通常の表示であるアイキャッチ画像でピックアップバナーを表示させてみることをオススメします。その後、画像またはイラストを変更する形の方が分かりやすいです。
- 『ダッシュボード』 『外観』
- 『メニュー』を選択してメニューを開きます。
- 新しくピックアップバナーを作成する時は新しいメニューを作成します。
- ピックアップバナーのメニューができたら制作していきます。
- 『メニュー項目の追加』から適当なものを選び『メニューに追加』で右側へ追加します。上下並び替えはドラッグしてできます。
- 下へスクロール
- ピックアップバナーのチェック
- メニューを保存します
サイトをチェックしてみます。
ピックアップバナーに独自の画像を設定する場合
通常の投稿ページや固定ページ、カテゴリーアーカイブページへのリンクなどを設置した場合は、「アイキャッチ画像」が基本的には表示されるようになっています。
- アイキャッチ画像とは別の画像を設定したい
- カスタムリンク(LPなど・・)でアイキャッチ画像の設定がない
先ほどのメニューで画像を変えたいものの『投稿』をクリック
メディアにある画像を指定します。
- 「説明」という入力エリアに画像のURLを指定することで、その画像がバナー画像として表示されます。
この説明欄は、デフォルトでは非表示になっています。
右上にある表示オプションをクリックして『説明』という欄にチェックを入れてください。
- 先ほどアップロードした画像のファイルのURLをコピーして先ほどの説明欄にコピペします。
- 設定を保存します。
まとめ:SWELLのピックアップバナーを一工夫
今回は、SWELLのピックアップバナーを一工夫【クリック率上昇】について解説しました。
SWELLには、ピックアップバナーという機能がありまして、トップページ、投稿ページなどに表示ができます。サイトの上部部分にあたり非常に重要な位置に表示される機能です。任意の記事が表示できますので、ブランディングに役立ちます。
せっかく特等席に表示されているのに、通常で表示されるアイキャッチ画像では、縮小率が大きくて威力が発揮できない場合があります。そんな場合に画像を差し替えることができます。
具体的に気になる記事箇所をチェックするのはコチラ
このSWELLのピックアップバナーを一工夫が実践できることで、任意の記事が特等席に表示されるだけでなく、画像も差し替えることができるのでクリック率が上昇し、ブランディングに大きく寄与させることができます。
始める選択肢の一つとしてブログとYouTubeの両方の取り組みがあることがわかります。同じ内容を扱うという条件ですが、効率も非常に良く、取り組むことでユーザー数の向上やSEOにおいてもいい効果を得ることが出来ます。
また、「SWELLのピックアップバナーを一工夫」が終わりましたら、次は「ブログのトップページをおしゃれにしてみよう!」にチャレンジしてみましょう。
詳しいやり方は下記の記事で紹介しているので、あわせて読んでみてくださいね。
\ シェアNo.1のレンタルサーバー /
\ シェアNo.1のWordPressテーマ /
当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ!