ブログ記事には読みやすい文章幅がある

最終更新日:

ワードプレスでブログやホームページを作ったり、ペライチやWixでホームページを作る場合、無駄に文章の表示幅(文章幅)が広いWebサイトを作っているお客様もいます。

文章幅が広いサイトは、視線移動が大きくなるだけではなく、首まで動かす必要があるため、目と首の両方が疲れます。結果として、ブログ記事を書いても最後まで読まれません。

ブログやホームページ集客では、視線の流れだけでなく「文章の幅」にも注意が必要です。

関連記事→ デザインする際に意識する視線の流れ「Z型・F型・N型」の法則

ブログ集客やホームページ集客では、できるだけ滞在時間を伸ばす必要があるため、横に長すぎる文章幅にすると読むことに疲れて離脱されてしまいます。

関連記事→ ブログはアクセス数よりも滞在時間を伸ばしたほうが集客に繋がる

スマホは画面幅が小さいため、視線移動の範囲も小さくて済むので、記事や画像を長時間見ても疲れを感じにくいのです。

目への負担はかなりありますが、人は目の負担より首の負担のほうが気付きやすいのです。

パソコンの場合は、文章幅が広すぎると視線移動の範囲も広くなると同時に、視線だけでは追いきれないため首まで動かす必要が出てきます。結果として「疲れる → 読まれない」に繋がります。

パソコンでも文章をなるべく長く多く読んでもらうには、文章幅を広くしないことです。

はてなブログやアメブロはサイドバーを表示させた場合、記事部分の文章幅は、約700〜800ピクセルほどです。

一般的には、50〜75文字/行(約640〜900ピクセル)が最適とされています(出典:Baymard Institute)。これはスイスのグラフィックデザイナーEmil Ruderの研究に基づくもので、Web Content Accessibility Guidelines (WCAG)でも80文字以下を推奨しています。

日本語の場合、16ピクセルのフォントで50〜75文字は、約640〜900ピクセルに相当します。

ただし、私の経験からすると、900ピクセルは広すぎだと感じます。人が首を動かさずに視線移動だけで読めるギリギリの幅が700〜800ピクセルなのです。

人が首を動かさずに、視線移動だけでパソコンの文章が読めるギリギリの幅が700〜800ピクセルなのだと思います。

サイトの幅は1290ピクセルが多いですが、文章が入る箇所のみ700〜800ピクセルほどにしてください。

ホームページではサイドバーがない場合もありますが、文章の横に画像を入れたりして、なるべく文章幅を広げないように工夫してください。

ちょっとしたことですが、せっかくブログやホームページを作るなら、読者には快適に記事を読んでもらったほうがいいです。

そのほうが、滞在時間も伸びますし、リピーターも増えます。

文章幅まで意識したブログやホームページを作りましょう。それだけで集客も変わってきますよ。

あなただけの「今すぐできる改善ポイント」を個別相談で提案します

あなたの頑張りが成果に繋がらない理由はこちらへ