WEBの文章をキレイに見せるコツについてまとめました

１文を短くする（最重要）

長い文章はそれだけで “読みにくい＝汚く見える”

✕ 当社ではお客様のニーズに合わせたサービスを提供しており高品質な対応を心がけております。

○ 当社は、お客様のニーズに合わせたサービスを提供しています。
高品質な対応を心がけています。

⇒ １文は40〜60文字くらいが目安

「改行」でデザインする

WEBは “読む” というより “スキャンする” もの

１〜２文ごとに改行
意図的に余白をつくる

- 例 -

サービスの特長は３つあります。

スピード。
品質。
そして柔軟性です。

⇒ 改行は「読みやすさ＋デザイン」

箇条書きを使う

情報は並べたほうが圧倒的にキレイ

- 例 -

初心者でも安心
最短即日対応
全国対応可能

⇒ 文章で説明しない勇気が大事

「ひらがな」と「漢字」のバランス

漢字だらけ → 固い

ひらがなだらけ → 幼い

- 例 -

✕ 御客様対応品質向上施策

○ お客様対応の品質向上

⇒ 体感で漢字３〜４割くらいがちょうどいい

見出しをしっかり付ける

見出しが弱いと“全部ベタ文章”に見える

- 例 -

■ サービスの特徴

■ ご利用の流れ

■ よくある質問

⇒ ユーザーは見出しだけで判断する

強調を使いすぎない

太字・色・記号の多用は逆効果

✕ ★重要！絶対に見てください！！！★

○ 重要なポイントはこちらです。

⇒ 強調は「ここぞ」の箇所で１つだけ

同じリズムで書く（統一感）

文章のトーンを揃える

✕ （混在）

〜です。

〜いたします。

〜だと思います。

○（統一）

〜です。

⇒ 地味だけど “プロ感” が一気に出る

余白を意識（CSSも重要）

文章だけでなく「間」が超大事

行　間：1.6〜2.0

段落間：しっかり空ける

横　幅：広すぎない（max-width推奨）

「結論→理由→補足」の順で書く

これだけで一気に読みやすくなる

- 例 -

当サービスは初心者におすすめです。

なぜなら、操作がシンプルだからです。

マニュアルなしでもすぐに使えます。

「視線の流れ」を意識

ユーザーはこの流れで読む傾向

① 見出し

② 太字

③ 箇条書き

④ 本文

⇒ 本文は “最後に読まれる”

まとめ（超重要５点）

迷ったらこれだけ守ればOK

① １文を短く

② 改行を多めに

③ 箇条書きを使う

④ 見出しをつける

⑤ 余白を作る

WEB制作者として、テキストライティング時に留意し、お客様が準備された原稿についても、的確なアドバイスおよびリライティングができるように気をつけたいと思います。

ウェブプラスからの発信情報 Number：5927