記事を書く

記事を書く、そして、ユーザーに記事を読んでもらう為に、どのように記事を書けば美しく読みやすい記事になるかを考えます。

もちろん前提として読みやすい“文章”を書くことが基本ですが、それ以外に改行だったり写真を中央配置にしてみたり。 
とにかくユーザーが読みやすい構成にすることはリピーターを増やすことにも繋がると思います。

事実、私は他にもいくつものブログやサイト運営をしていますが、月間50万PV以上あるメディアを作ってリピーターを増やせた実績があるのです。


で、記事文中で、特定のテキストをわかりやすい四角い枠で囲めば読みやすいのでそれを実践しています。
そのタグをいくつか紹介しましょう!

<div align="center"><div style="text-align:left;padding:10px;border-color:#f1f1f1;border-width:4px;border-style:dotted;width:90%;background:#Fcfcfc;">ここにテキスト</div></div>


<div align="center"><div style="text-align:left;padding:10px;border-color:#cccccc;border-width:2px;border-style:dotted;width:90%;background:#ffffff;">ここにテキスト</div></div>


<div align="center"><div style="text-align:left;padding:10px;border-color:#f1f1f1;border-width:4px;border-style:dotted;width:90%;background:#ffffff;">ここにテキスト</div></div>


<div align="center"><div style="text-align:left;padding:10px;border-color:#cccccc;border-width:1px;border-style:solid;width:90%;background:#ffffff;">ここにテキスト</div></div>

横幅を90%で指定しているので幅を気にせず、PCでもスマホでもちゃんと表示されます。
左右上下も余白を均等に取っているので見た目も美しい。
基本的に、薄いグレーの色味がどんなデザインでもしっくりくるので全て薄いグレーの事例です。

是非、こういった枠線を使って記事を書いてみてください。
ちなみに、ライブドアでこの枠線タグをワンクリックで入れる方法をこちらの記事「ライブドアブログで“定型文”機能を使い倒して効率よくブログ更新する方法!」で紹介しています。