ブログのメニューを左側にするとPV率が14%増加!StingerのCSSカスタマイズ

PV率が14%向上
僕が運営するメインのブログでもStingerを使っていますが、デフォルトの「左コンテンツ、右メニュー」から「左メニュー右コンテンツ」にした事で、PV率が14%も向上しました。

具体的には、1ユーザー当たりの回遊率が平均1.74だったものが、1.98と0.24ポイントの向上です。
月間アクセス数が5万のサイトであれば、旧PV数87,000、新PV99,000と1万ページビュー以上もプラスに作用した形となりますが、アクセス数が多いサイトであれば回遊率が0.1ポイント向上するだけでも総ページビューはかなり大きく向上する事になります。

ページビュー向上の為に行ったのは、カラムのメニュー部分とコンテンツ部分を入れ替えただけ。
簡単なことですが、ここまで効果が現れたのには正直驚いています。

修正内容とページビュー増加の効果

変更前右メニュー
↓変更後
変更後左メニュー

行った修正は、右左を入れ替えた事のみです。
ページビューの変化率
計測を行ったのは19日間と少ないですが、月間PVが10万以上のサイトなので、数ヶ月のスパンでみても大きなズレは起こらないでしょう。

Stinger3での設定

現在運営しているサイトの中でブログ形式のものは9割がたStingerを利用させて頂いています。
構造化されたコーディングもSEO的にプラスに働きますし、元のデザインがシンプルなのでカスタマイズもしやすく気に入っています。

左メニュー

style.cssの

#wrap #wrap-in #side {
float: left;
width: 336px;
}

#wrap #wrap-in #main {
float: right;
width: 550px;
padding-right: 39px;
padding-left: 39px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}

のfloatのleftとrightをそれぞれ入れ替える。
下記のようになればOK。

#wrap #wrap-in #side {
float: right;
width: 336px;
}

#wrap #wrap-in #main {
float: left;
width: 550px;
padding-right: 39px;
padding-left: 39px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}

これだけで、左と右が入れ替わります。ソース上はコンテンツ部分から読込が始まるのでSEO上のデメリットは無いと思われます。

レイアウト変更のまとめ

人がウェブサイトを閲覧する時、左上から見ていくとされているので、左側にメニューがあると、記事を読み終わった後に他のページへアクセスしやすい部分がページビュー向上につながったと考えています。

また、Stingerのメニューで追尾型広告が設定できますが、僕はここに『人気記事一覧』を表示させることで回遊率を上げる工夫をしています。

サイト全体のページビュー率が低いと悩んでいる方は、お試しください。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

2014/04/11 | アクセスアップ

関連記事

行き詰まったら相談しましょう

ブログの移転/アクセスアップのコンサルティングを始めようかと思います

コンサル先募集 1年間自分以外が運営するサイトに携わり、設定した...

記事を読む

滞在時間

滞在時間を伸ばすオリジナルコンテンツの作り方

運営するサイトのアクセス解析を取っていると、色々な事が分かり、その...

記事を読む

エックスサーバー

エックスサーバーX10からwpXクラウドへサーバー移転方法のメモ

運営サイトの一つで、エックスサーバーのX10プランで1年程運営を行って...

記事を読む

アクセスアップ

ブログ開設時にアクセスアップを加速させる設定と記事の更新方法13個

ブログを開設直後は、記事を毎日投稿し続けても数ヶ月間はまともなアク...

記事を読む

新着記事

エックスサーバー

ブログが表示されない!!エックスサーバーの対応が神だった「wassup」

本日、復旧したのですが、このブログが10月13日頃から表示されなくなっ...

記事を読む

行き詰まったら相談しましょう

ブログの移転/アクセスアップのコンサルティングを始めようかと思います

コンサル先募集 1年間自分以外が運営するサイトに携わり、設定した...

記事を読む

WordPressにアップした写真画像が劣化してザラザラする時の対処法___SWAT9

WordPressにアップした写真画像が劣化してザラザラする時の対処法

WordPressにアップした写真や画像が何となくもやっとしている...

記事を読む

4843738940_135f1d93c5_z

ECサイトがSEOを意識し高いクリック率を叩き出すページタイトル

WEBサイトは人が訪れて初めてその価値が出来ます。 人はそのサイ...

記事を読む

エックスサーバー
ブログが表示されない!!エックスサーバーの対応が神だった「wassup」

本日、復旧したのですが、このブログが10月13日頃から表示されなくなっ...

行き詰まったら相談しましょう
ブログの移転/アクセスアップのコンサルティングを始めようかと思います

コンサル先募集 1年間自分以外が運営するサイトに携わり、設定した...

WordPressにアップした写真画像が劣化してザラザラする時の対処法___SWAT9
WordPressにアップした写真画像が劣化してザラザラする時の対処法

WordPressにアップした写真や画像が何となくもやっとしている...

PV率が14%向上
ブログのメニューを左側にするとPV率が14%増加!StingerのCSSカスタマイズ

僕が運営するメインのブログでもStingerを使っていますが、デフ...

4843738940_135f1d93c5_z
ECサイトがSEOを意識し高いクリック率を叩き出すページタイトル

WEBサイトは人が訪れて初めてその価値が出来ます。 人はそのサイ...

→もっと見る

PAGE TOP ↑