ブログに最適な横幅を測定!サイズ計測の拡張機能の紹介と横幅を変更 - ブログ/カスタマイズ

mineoおすすめ契約方法

ブログに最適な横幅を測定!サイズ計測の拡張機能の紹介と横幅を変更
--

2016.09.11 | カテゴリ:ブログ/カスタマイズ

先日のブログのカラー変更に続き、細かな部分ですが記事部分の幅とプラグインの幅の変更を行いました。

幅変更は恐らく気付いた人はほぼいないでしょう。変更してもそんな感じでアクセス数には大きく寄与しない部分。しかし深層心理的に見やすさを感じる部分でもあるので今回変更してみました。

そう言っても人により感じ方が違う部分があり、サイズをどうしたら良いかは悩ましい。そこでアクセス数が多いであろう他サイトのサイズをまずは確認します。

そんな時に便利なのが使用しているブラウザ Chromeの拡張機能で MeasureIt を利用すると便利です。

MeasureIt - Chrome Web StoreMeasureIt - Chrome Web Store 


利用は簡単で、上記を追加するとメニューバーにアイコンが追加される。サイトの幅を測りたい時にそのアイコンをクリックすると、サイトが薄白くなりマウスのポインタ表示も変わる。そこで左クリックを押したままマウスを動かすと指定箇所のサイズ幅が分かるようになっています。

0LGe9Pxj.png

上記画像は変更前の記事部分の幅ですが、730pxと表示されている。実際に変更前の幅は730pxとアプリの精度は問題無い。

何を参考にするかは自分の好きなサイト等をしたらいいのですが、やはりアクセス数が多いサイトを参考にした方がいいでしょう。という事で、ケータイ情報の2大サイトを測ってみました。

ITmedia Mobile:680px


ケータイ Watch:660px


上記2つは私もよく閲覧しれいるのですが、読みづらいとは感じた事はない。という事で上記を参考に幅が730pxのこのブログを変更するのですが、ここで注意点が一つ、アフィリエイトとの絡み がある。

見ていただいている方の中には少なからず拒否反応があると思うが、そこはモチベーションの一つだと理解をお願いしたい。このアフィリエイトはこのブログでも数ヶ所に貼っている。

実は本来このブログの横幅はもう少し小さかった。それをアフィリエイトに合わせるために現在の730pxに変更した経緯があります。それを今回結局元に戻すという話。

アフィリエイトに関して設置基準が厳しい所は厳しく、私も以前Googleから広告配信停止を受けました。最近ではなく結構前の話でアクセス数が下落して久しかった2013年8月の話。

当時のアクセス数は月間UU300しか無かった。という事で設置箇所や方法は注意して下さい。

GoogleAdsenseの広告配信停止くらう→【復活】 - ブログ記事録GoogleAdsenseの広告配信停止くらう→【復活】 - ブログ記事録 


話を戻し、変更は 730px から 680px に変更しました。記事部分の幅を狭めた分、全体のバランスを調整するために右横プラグインの幅を 250px から 300px に変更しました。今回の変更箇所は以下。

Before

#main-box {
float: left;
width: 730px;
}

#right-box {
float: left;
width: 250px;
margin-left: 16px;
}
After

#main-box {
float: left;
width: 680px;
}

#right-box {
float: left;
width: 300px;
margin-left: 16px;
}


カラー変更にしてもそうなのですが、冒頭に書いた通りアクセス数に即影響という物ではないので変更が良かったのか悪かったのかの判断が難しい。

それでもアクセス数に伸び悩んでいるのなら、サイズ変更含め色々変えてみるのも手だと思います。効果がないなら戻せばいい話ですから。

アクセス数に多大な影響があったら元に戻すが、取りあえずこの変更を暫く様子見します。

スポンサードリンク


ブログ/カスタマイズ』カテゴリの関連記事

FC2ブログの新機能「関連記事に画像表示」の設定方法
FC2ブログカスタマイズ 個別記事で「続きを読む」に自動で改行させる
ブログへのYouTune埋め込み動画をスマホ用にサイズを自動変換
FC2ブログでスクロールしてもサイドバー(プラグイン)を固定化させる
FC2ブログ タグ別の関連エントリー記事一覧設置修正

関連タグ:

 ☑ブログ  ☑カスタマイズ  ☑Chrome  ☑拡張機能

Fire7hklk.png   Fire7HD8300x250.jpg  

この記事へコメントする・コメントを見る (0)

今日の人気ページ

fire600.jpg

新着記事

iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」 を紹介!AppStoreから削除される前に入手を [08月19日]
iPhoneのバッテリー診断アプリの決定版 「Battery Life」【悲報 再削除】 [08月18日]
Googleが警告を出すので早期のFC2ブログのSSL化を求む [08月18日]
セブンスター仕様1935レプリカZippoが当たるQRコードキャンペーンに挑戦[2017年8月1日-10月31日] [08月15日]
JTが電気加熱型たばこ『Ploom TECH』の抽選販売受付を開始【第5回目】 [08月11日]
mineo SIM発行手数料請求開始【2017年9月より】 [08月10日]

mineo紹介キャンペーン
最新記事
2016年人気記事ランキング
Apple公式のiPhoneのバッテリー診断方法 [2017年最新版] dsgre.jpg
iPhoneのバッテリー診断アプリの決定版 「Battery Life」 rank20160605 (3)
iPhoneのホーム画面のアイコンの位置を自由に変更する裏ワザthdth.jpg
クリックポストの配達日数を実際に体験した日数と目安の調べ方を紹介rank20160605 (10)
iPhoneのバッテリーの劣化を調べるiOSアプリ 「coconutBattery」hjkh.jpg
PHILIPS(フィリップス) ソニックケアーを修理に出す60409121432820.jpg
FREETEL Simple2はまさかの3種類展開と1年間無料キャンペーン開始FREETE.jpg
iPhoneのバッテリー診断アプリ「Battery Doc」と「Battery Care」を紹介dndeth.jpg
あのiPhoneのバッテリー診断アプリ「coconutbattery」がAppStoreに復活!→【再削除】→iOS10でアプリも起動せずhjkh.jpg
ドコモ「Xiパケ・ホーダイ for iPhone」を解約(廃止)rank20160605 (6)
Amazonのタブレット Kindle Fire HDで自炊漫画を読むblog-entry-1037.jpg
iPhone最強の広告ブロックアプリ 「AdBlock」 がiOS10で復活yfyfghjv.png
docomo契約SIMカードは差し替え注意201620.jpg
メルカリ 返金までの流れを実体験 その5 「返金(取引キャンセル)編」23131.jpg
ドコモ Xiパケ・ホーダイ for iPhoneを解約(廃止)の注意点201615.jpg
mineo紹介キャンペーンの甘い罠→【再延長】2017年1月31日まで→【仕様変更】一部条件で特典がEJOICAセレクトギフトに201616.jpg
ドコモのパケットサービスを解約しようとするが問題発生201617.jpg
iPhoneバッテリー診断アプリの信憑性gufddcrt.jpg
メルカリ 返金までの流れを実体験 その1 「商品破損編」rank20160605 (9)
docomo iPhone契約SIMをガラケーに挿す201613.jpg
記事を探す
サイト内検索
  • iPhone/全般(50)
  • iPhone/アプリ(53)
  • iPhone/アイテム(39)
  • MVNO(54)
  • MVNO/mineo(124)
  • MVNO/NifMo(18)
  • MVNO/0SIM(10)
  • FREETEL/Simple/Simple2(43)
  • タブレット(29)
  • ケータイ/スマホ雑記(29)
  • ケータイ/スマホNEWS(233)
  • NM705i/6120c(2)
  • 705NK/N73(94)
  • Nokia E51(42)
  • 雑記(95)
  • ブログ記事録(105)
  • ブログ/アクセス数公開(30)
  • ブログ/カスタマイズ(34)
  • プリペイド/プリモバイル(13)
  • デジカメ(4)
  • LINE(14)
  • IQOS/PloomTECH/Zippo(23)
  • アンケート(3)
  • MVNO2台持ち用 通話専用機種(30)
  • NOKIA その他(3)

  • 月別一覧を開く

    関連ワード一覧を開く

    全記事一覧表示
    Author
    ペンギンのアイコン素材管理人:705んk
    @musiatui | Twitter

    iNoWBh.png

    管理人利用中アイテム
    カテゴリ別記事一覧