キャリコおすすめ

コピペで OK！本日の人気記事を記事上部に掲載してアクセスを上げる方法

2015/08/04 2015/08/18

予想外の効果で驚き、キャリコ（ @calicocatxyz ）です。

本日の人気記事を記事上部に掲載しただけで、PV が32.19％アップ、訪問別ページ数が25.19％アップ、訪問時の平均滞在時間が49.33％アップ、直帰率を9.88％下げることに成功しました。

リンクたった5分の作業で1か月の PV を32.19%アップさせた方法

今日はそのような効果を得ることが出来た、人気記事を記事上部に掲載する方法です。それじゃあラテ、よろしくね♪

こんにちは、ラテにゃ。

人気記事を記事上部に掲載しただけで、アクセス数の数値が劇的にアップしたにゃ。まさかこれだけの結果を得ることが出来るとは思わなかったけど、今日はその方法を紹介するにゃ。

Ads by Google

人気記事を記事上部に掲載する方法

WordPress Popular Posts

やっぱり人気記事と言えば WordPress のプラグインである、WordPress Popular Posts じゃないかにゃ？キャリコでも何回か記事で取り上げたプラグインになるにゃ。

人気記事を記事上部に掲載するには、WordPress Popular Posts を利用するにゃ。これはコピペで導入することが出来るようにソースを公開するにゃ。

html

<div class="top_ranking">
<?php if ( wp_is_mobile() ) : ?>
<p style="padding:10px 0;">本日の人気記事</p>
<?php else: ?>
<p>本日の人気記事</p>
<?php endif; ?>
<?php
 $wpp = array (
 'range' => 'daily', /*集計期間の設定（daily,weekly,monthly）*/
 'limit' => 10, /*表示数*/
 'post_type' => 'post', /*投稿のみ指定（固定ページを除外）*/
 'stats_views' => '1', /*閲覧数を表示させる*/
 'post_html' => '<li><span>{title}</span></li>', /*表示されるhtmlの設定*/
); ?>
<?php wpp_get_mostpopular($wpp); ?>
</div>

<?php if ( wp_is_mobile() ) : ?>

<p style="padding:10px 0;">本日の人気記事</p>

<?php else: ?>

<p>本日の人気記事</p>

<?php endif; ?>

<?php

$wpp = array (

'range' => 'daily', /*集計期間の設定（daily,weekly,monthly）*/

'limit' => 10, /*表示数*/

'post_type' => 'post', /*投稿のみ指定（固定ページを除外）*/

'stats_views' => '1', /*閲覧数を表示させる*/

'post_html' => '<li><span>{title}</span></li>', /*表示されるhtmlの設定*/

); ?>

<?php wpp_get_mostpopular($wpp); ?>

</div>

これを WordPress のダッシュボードから、外観 → テーマの編集 → 単一記事の投稿（ single.php ）に記述するだけにゃ。キャリコの場合は本日の人気記事という部分を、スマホと PC 表示で分けて余白の調整を行っているにゃ。その辺はテーマやデザインに合わせて調整してほしいにゃ。たったこれだけでアクセス数がアップするなら、導入する手はないと思うにゃ！

css

.top_ranking ul{padding: 0!important;}
.top_ranking li{border-top: 1px #ccc dashed;}
.top_ranking li:last-child { border-bottom: 1px #ccc dashed; }
.top_ranking p{padding: 0;margin: 0;}	
.top_ranking a{display: block;}
.top_ranking a:hover{background-color: #f5f5f5;}

.top_ranking ul{padding: 0!important;}

.top_ranking li{border-top: 1px #ccc dashed;}

.top_ranking li:last-child { border-bottom: 1px #ccc dashed; }

.top_ranking p{padding: 0;margin: 0;}

.top_ranking a{display: block;}

.top_ranking a:hover{background-color: #f5f5f5;}

追記：firefox だと表示崩れが起きていたとご指摘を頂いたので、css を変更してリストマークを省いているにゃ。

まとめ

どのブログでもアクセス数がアップするかは何とも言えないけど、少なくともキャリコではこの方法で大幅にアクセス数をアップさせることに成功したにゃ。アクセスアップに悩んでいるのなら、導入してみるのも悪くないと思うにゃ。

今日はここまで、じゃあにゃ～

ライター紹介

ラテ　Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

- データ解析雑記

この記事が気に入ったら
いいね！しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう！

Follow @calicocatxyz

コピペで OK！本日の人気記事を記事上部に掲載してアクセスを上げる方法

人気記事を記事上部に掲載する方法

WordPress Popular Posts

html

css

まとめ

おすすめ記事

関連記事

収益力向上に役立つアドセンスの最適化は公式ブログに全部書いてあった

えっ、たったこれだけ？！5秒でサイトの表示速度をアップさせる方法

Google アドセンスが公式ブログでオススメするスマホ向けサイトに最も合った設定の仕方

Google Analytics と Google AdSense の公開は継続します

初心者がブログを開設した際に Google でやった6つのこと

「 STINGER5 」で検索したら1ページ目に表示されるようになった要因を考察

Google Analytics 壊れた？それとも STINGER5 がスゴイの？ブログ開設3週間で驚きの数値！

よろしい。Google AdSense を再開してやろう。

NEVER まとめのトップページ注目まとめにリンクされた時の PV 数

どのようにしてキャリコにたどり着くのか？オーガニック検索を公開します

コピペで OK！本日の人気記事を記事上部に掲載してアクセスを上げる方法

人気記事を記事上部に掲載する方法

WordPress Popular Posts

html

css

まとめ

この記事を気に入ってもらえたらシェアしていただけると嬉しいです(*ΦωΦ*)

おすすめ記事

当ブログは不定期更新なのでこちらのボタンから購読するのが便利です(*ΦωΦ*)

【キ】 アドセンス用336px

【キ】 アドセンス用336px

関連記事

この記事を気に入ってもらえたらシェアしていただけると嬉しいです(ΦωΦ)

当ブログは不定期更新なのでこちらのボタンから購読するのが便利です(ΦωΦ)

【キ】　アドセンス用336px

【キ】　アドセンス用336px