ホームページ文章の書き方・見せ方のコツ

HPライティングの魅せ方
たくさんの文章を一生懸命書いているのになぜか読んでもらえない、ページからすぐに離脱される、などでお悩みのかたへ。ちょっとの工夫でギチギチに詰まった文章が見やすくなるコツをお伝えします！

パソコンやスマホのディスプレイは、印刷した紙と違ってバックライトで発光しているので、長く見るほど目に負担がかかるため、ユーザーは無意識に全体をフワっと見ています。
よほど自分が見たい情報でもない限り、最初から一字一句気合いを入れて読んでくれる人はまずいないでしょう。

そのため、ページの内容を見てもらうための見せ方が重要になってきます。

伝えたい文章をたくさん書いて、ギュウギュウに詰まっていると読みづらいものです。
だいたい２-３行くらいで改行し、余白を空けるだけでだいぶ見やすくなります。

見づらい文章が並んでいると、それだけで読む気が失せてページから離れてしまうこともありますので、見栄えは非常に大切です。

短い文章であれば必要はないですが、長い文章の場合は内容ごとにサイズの大きな見出しを付けることで、どういう内容を書いているかがパッと見ただけで分かりやすくなります。

日本語は英語などと違い、画数が多いので、ひらがなに対して漢字が多すぎると、バランスが悪くギュッと詰まって読みづらく感じてしまいます。
ひらがなやカタカナで問題がないところは、意識して書くと読みやすくなります。

要点となる文章は、太字にしたり色を変えたりサイズを少し大きくすることで、他の文章も飽きずに読んでもらいやすくなります。

あまり大きくしすぎると脅迫状みたいになるので注意が必要です。

人間の脳は、テキストより写真やイラストのイメージのほうが頭に入ってきやすいので、文章の内容に合った画像を入れることで、見やすくなります。
画像選びは自分で撮影したもののほうが他の人とかぶらずリアリティが出しやすいですが、難しい場合は無料サイトの画像でもかまいません。

パソコンでもスマホでも、時代は変わってもホームページを閲覧するときは上から下に表示されます。
下から上に表示されることは、まずありません。
なので、伝えたい情報ほど上に先に持ってくることが大切です。

ここに挙げた全ての手法を取り入れる必要はありませんし、他にももっと良い方法はあると思います。

少しポイントを押さえるだけでぐっと見やすいページになりますので、自分のサイトに合った見せかたを選んでいければ幸いです。

[公開日] 2018年8月21日　/　[最終更新日] 2018年8月23日　カテゴリー：WEBデザイン

この記事を書いた人

ポポデザイン
西宮市在住のWEBデザイナー・クリエイター。ホームページの制作からディレクション、イラスト、SEOなど制作からユーザーのサポートまで幅広く、初心者のかたも分かりやすい対応を心がけております。(プロフィール)
Facebook｜Twitter｜Instagram

この記事が気に入ったら
いいね！をお願いします

Follow @popodesign

最新情報をお届けします

Font Awesomeアイコンの登録方法と使い方
Webページにアイコンを表示できる「Font Awesome」デザイン制作によく使われるようになったアイコンですが、アカウントを登録しないと使えないようになってしまったので登録方法をまとめてみました。 Font Awes… [続きを読む]
WordPressでfont-weightが効かないWEBフォントを太字にする
CSSでWEB上のフォントを太字にするには、font-weightで指定する方法がありますが、一部のWEBフォントでは対応しておらず、太字にすることができません。今回はWordPressのグーテンベルク上の段落ブロック… [続きを読む]
BootstrapStudioの使い方の感想を書いてみました
ドラッグアンドドロップでちょっとしたペラモノのサイトができる、BootstrapStudioが便利なのでレビューしてみます。英語なのでちょっと分かりにくいですが、操作は直感的にできるのでHTMLとCSSが分かっている人な… [続きを読む]
CyberduckのブックマークをMac間で移行する方法
Macで（Windowsも）手軽に使えるFTPソフトといえば「Cyberduck」ですが、複数のMacで使用する場合、これまでのブックマークを移行したい時のやり方をメモしておきます。 duckフォルダを探すまずはFin… [続きを読む]