ランキングページの作成方法

author photo

Byinfobloger

ランキングページ

ランキングページを作る際に、気をつけて欲しいのが必然性です。

つまり何を元にしてランキングを作成しているか。

それが明確で無い場合は、ASPからの承認も得られませんし、ユーザーからの信頼性も失ってしまいかねません。

例えばアットコスメのランキングを参考にしていますとか、○○研究所のデータとか、厚生省の発表データとか、必ずデータ元を明記したほうが信頼性が増します。

どうしてもランキングページを作成したい場合には、それぞれのASPで申請許可を得てからにした方が無難なのではないでしょうか。

スポンサーリンク

ランキング記事の作成例

キ○○サローネ

特徴

他社様だと、部分のみのコースが多いのですが、当院では全身美容論に基づいたコースを提供しており、 根本的な体質改善が可能です。

使いやすさ
掲載情報量
総合評価

総評

  • 特徴としてエステサロンでは珍しい【コース制】、料金も【毎月の定額制】
  • 遺伝子検査など科学的根拠に基づいたひとりひとりに合ったトリートメント法をご提案
  • 全身でひとつと考えた「全身美容論」に基づいたトリートメントを実施
HTML
<!-- ↓↓↓↓↓★ランキング1★↓↓↓↓↓ -->
<div class="Ranking">
<div class="RankingName">
<img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/rankingbg1.png" alt="" />
<p><!-- ここに案件名を記入 -->キ○○サローネ</p>
</div>
<div class="RankingBody">
<div class="imgBox"><img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/sample-banner.jpg" alt="" /></div>
<div class="textBox"><p class="textTitle">特徴</p>
<p><!-- ↓この下に特徴を記入して下さい。200文字以内が最適かと思います。↓-->
他社様だと、部分のみのコースが多いのですが、当院では全身美容論に基づいたコースを提供しており、 根本的な体質改善が可能です。
</p>
</div>
</div>
<table>
<tbody>
<tr> <th class="t_top">
<!-- 項目は自由に書き換えて下さい -->使いやすさ</th>
<td class="t_top">
<!-- 星の数はrank5の5の数字を0-5に書き換えて下さい -->
<img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/rank5.png" alt="" />
</td>
</tr>
<tr>
<th>
<!-- 項目は自由に書き換えて下さい-->掲載情報量</th>
<td>
<!-- 星の数はrank5の5の数字を0-5に書き換えて下さい -->
<img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/rank5.png" alt="" />
</td> </tr> <tr> <th><!-- 項目は自由に書き換えて下さい-->総合評価</th>
<td><!-- 星の数はrank5の5の数字を0-5に書き換えて下さい -->
<img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/rank5.png" alt="" />
</td>
</tr>
</tbody>
</table>
<div class="RankingBody2">
<p class="textTitle">総評</p>
<ul>
<li>特徴としてエステサロンでは珍しい【コース制】、料金も【毎月の定額制】</li>
<li>遺伝子検査など科学的根拠に基づいたひとりひとりに合ったトリートメント法をご提案</li>
<li>全身でひとつと考えた「全身美容論」に基づいたトリートメントを実施</li>
<!-- 項目増やしたい場合は⇒<li></li>追加して下さい。 -->
</ul>
</div>
<ul class="RankingBtn">
<li><a href="#" target="_blank">
<img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/ranking_officialsite_btn.png" alt="公式サイトはこちら" /></a></li>
<li><a href="#"><img src="https://blog-imgs-120.fc2.com/i/n/f/infobloger/ranking_detail_btn.png" alt="詳細ページはこちら" /></a></li>
</ul>
</div>
ランキング作成方法

まずランキング順位は画像で表示しています。

「rankingbg1.png」の番号を変えることで順位が1位から5位まで表示されます。

  • 第1位⇒rankingbg1.png
  • 第2位⇒rankingbg2.png
  • 第3位⇒rankingbg3.png
  • 第4位⇒rankingbg4.png
  • 第5位⇒rankingbg5.png
<!--○○-->はコメントアウトと言って実際に表示されません。

このコメントアウトを参考にして、項目を変えたり商品の説明などは書き換えてください。

最下部のボタンは公式サイトへのリンクと詳細ページのリンクをいれてください。
現在は「#」となっておりますので、クリックしてもトップページに戻るだけなのでクリックしないでくださいね。

CSSをそのままコピペしてください。

なお、このテンプレート「FC2ブログ資産化計画」には、全てのコードが記載されていますので特別コピペして貼り付ける必要はありません。

このようなランキングが作成することが出来ます

敏感肌専門 脱毛サロン ○○ーネ

特徴

○○ーネの最大の特徴は独自の「ハイパースキン法」による脱毛!これにより痛くない脱毛を実現しました。

「我慢する脱毛」から「気持ちいい脱毛」へ、全国120店舗突破中!さらに拡大をしていきます!リピート率96%!

使いやすさ
掲載情報量
総合評価

総評

  • 他店ご利用中で「痛み」を感じた方にオススメ
  • 脱毛で痛みを感じた方は:78%が「はい」と回答
  • 痛みがあるサロンは嫌だ:89%が「はい」と回答

○○IMO

特徴

○○EIMOでは予約の取れやすさを最優先に考えております!

例えば全身脱毛の場合、全身を上半身と下半身の2つのパーツに分け、月に1度の来店で 通常の2回分の範囲を施術することで、一般全身脱毛でかかる施術時間を半分にし、 常に施術の予約を取れやすくしています。

使いやすさ
掲載情報量
総合評価

総評

  • 認定脱毛士による施術
  • カウンセリング無料
  • 24時間いつでも予約可能

ミュゼ○○チナム美容脱毛

特徴

ミュゼでは安価な料金で脱毛回数無制限コースをご用意しております!(回数制限があるコースもございます) 追加料金は一切頂きません! 店舗は全国各地に多数ございます♪

使いやすさ
掲載情報量
総合評価

総評

  • 追加料金は一切頂きません
  • 店舗は全国各地に多数あり
  • 安価な料金で脱毛回数無制限コースをご用意
  • 公式サイトはこちら
  • 詳細ページはこちら

シ○○リー

特徴

永久メンテナンス保証を採用している為、期限・回数無しでいつでも通って頂けます。脱毛完了後、また毛が生 えてきてしまったも安心!

使いやすさ
掲載情報量
総合評価

総評

  • 脱毛×生涯保証
  • 脱毛サロン×生涯保証
  • 全身脱毛サロン×生涯保証
  • 公式サイトはこちら
  • 詳細ページはこちら

おすすめサイトの作成見本

ランキングではなくオススメとして紹介してみてはどうでしょうか?
以下のようなイメージで作成できます。

おすすめ作成方法

この場合もランキングと一緒で「おすすめ」は画像で表示してあります。

  • おすすめ1⇒osusume01.jpg
  • おすすめ1⇒osusume02.jpg
  • おすすめ1⇒osusume03.jpg
  • おすすめ1⇒osusume04.jpg
  • おすすめ1⇒osusume05.jpg
代替えテキスト

キ○○サローネ

特徴

他社様だと、部分のみのコースが多いのですが、当院では全身美容論に基づいたコースを提供しており、 根本的な体質改善が可能です。

使いやすさ
掲載情報量
総合評価

総評

  • 特徴としてエステサロンでは珍しい【コース制】、料金も【毎月の定額制】
  • 遺伝子検査など科学的根拠に基づいたひとりひとりに合ったトリートメント法をご提案
  • 全身でひとつと考えた「全身美容論」に基づいたトリートメントを実施
  • 公式サイトはこちら
  • 詳細ページはこちら

ランキングのまとめ

ちょっと複雑で使いにくように思われる人もいるかもしれませんが、パズルのようにコメントを参考にして書いていってください。

FC2ブログにはWordpressのようにショートコードの登録が出来ないので、このようにランキングを作成する場合は自作する必要があります。

最初は慣れないと思いますが、慣れてしまえば時間もかかりません。

是非、がんばって記事を作成してください!

関連記事
Share

Comments 0

Leave a reply