お問い合わせ

tel:0570-046-503

営業時間 10:00~17:00(定休日:土日祝日)

Facebookの投稿を少しの工夫で読みやすくする方法

   2016/06/28

Facebookに投稿する際、「段落間の隙間が、もう少し開いていたら読みやすいのに。」
そう思ったことはありませんか?

少しでも思ったことがある方で、その方法をご存じない方は、ぜひこの記事をご覧ください。
投稿時に少し工夫をすることで、簡単に隙間をあけることができるようになります。

Facebookの投稿画面の仕組み

通常、Facebookの投稿欄で改行をどれだけ入れても、公開ボタンを押すと最初の改行だけが適用された状態で投稿されます。
なぜ、改行が消えてしまうのでしょうか?

Facebookの投稿画面でテキスト入力を行うと、裏ではこんなHTMLのソースが記述されています。
左側がFacebookでの編集画面。右側が、編集画面のHTML。
改行ごとに、DIVタグの入れ子構造になっていることが分かります。

編集画面の入力内容
編集画面のHTMLソース

ところが、公開ボタンをクリックすると...
左側がFacebookでのタイムライン画面。右側が、タイムラインのHTML。
pタグとbrタグのみに変換されていることが分かります。

改行を複数入れて段落をハッキリさせる
改行が削除される

この時に、何も文字が入力されていない行をFacebookは自動で削除していると考えられます。

では、どうしたら改行を改行のまま残せるのでしょうか?

段落にマージン(余白)を作る方法

実は、改行した場所に全角スペースを入力することで解決します。
全角のスペースが入ることで文字があると認識され、改行した行が削除されなくなります。

左側が、Facebookの編集画面のHTML。赤枠部分に全角スペースを入れました。
そして右側は、Facebookのタイムライン。
改行がしっかりと残っていました。

全角スペースで改行を残す
文字があると認識されて削除されなかった行

※半角スペースは無いものとして扱われてしまいます。

まとめ

余白があることで、段落の区切りが分かりやすくなります。それは、読みやすさにも繋がります。

Facebookで長文を載せる機会がありましたら、可読性を高めるためにも、段落の区切りが分かりやすくなるこちらの方法をお試し下さい。

The following two tabs change content below.
上田 桂子
上田 桂子
2級ウェブデザイン技能士
主にECサイトやWEBサイトの制作を担当しております。
  • ブログランキング・にほんブログ村へ
  • FC2ブログランキングへ
  • 人気ブログランキングへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)