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

僕が運営するメインのブログでも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 | アクセスアップ

関連記事

広告

アクセスアップ≠売上増ではない広告に頼らない事

こんな放置ブログでもコンサルティングのお問い合わせを週に2,3件頂いて...

記事を読む

ブログ アクセスアップ

ブログのアクセスアップ実現するならコンセプトから見直す

ブログコンサルティングのサービスを公開してから、1年程が経ちましたが、...

記事を読む

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

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

現在は実店舗を持っている企業、個人事業主様に限定し、WEBコン...

記事を読む

滞在時間

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

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

記事を読む

新着記事

オリジナル商品

オリジナル商品は安売りするな!売価を高くして売れる理由作り

ネットが無い時代なら、顔なじみのお店で、家電製品を買うことも普通だった...

記事を読む

ラーメン彩

麺や彩〜iro〜 川越のスタイリッシュなラーメン店

川越駅東口から三番町通りをまっすぐ10分弱歩いた所にある麺や彩〜iro...

記事を読む

都幾川

都幾川は子供も安心して川遊びができる地元スポット

嵐山渓谷から東松山市へと流れる都幾川。 川越から60分ほどの距離...

記事を読む

独立起業

10年間一生懸命努めた会社を辞め個人事業主に

このswat9を始めたのは2011年。SEO全盛期とも言える時代だった...

記事を読む

ネット集客

実店舗のネット集客はリソースの集中と継続性が大事

WEBコンサルティングサービスを最近、実店舗展開されている方に限定した...

記事を読む





オリジナル商品
オリジナル商品は安売りするな!売価を高くして売れる理由作り

ネットが無い時代なら、顔なじみのお店で、家電製品を買うことも普通だった...

ラーメン彩
麺や彩〜iro〜 川越のスタイリッシュなラーメン店

川越駅東口から三番町通りをまっすぐ10分弱歩いた所にある麺や彩〜iro...

都幾川
都幾川は子供も安心して川遊びができる地元スポット

嵐山渓谷から東松山市へと流れる都幾川。 川越から60分ほどの距離...

独立起業
10年間一生懸命努めた会社を辞め個人事業主に

このswat9を始めたのは2011年。SEO全盛期とも言える時代だった...

ネット集客
実店舗のネット集客はリソースの集中と継続性が大事

WEBコンサルティングサービスを最近、実店舗展開されている方に限定した...

→もっと見る




PAGE TOP ↑