どうも、株式会社SNACのまつです。
この記事では「ブログの文字装飾・記事装飾のコツ」について詳しく解説していきます。
近年のブログではビジュアルの重要性に高まっており、さまざまな装飾を使いユーザーがストレスなく読める記事を書くことが大切です。
そこで今回は「読ませる為の装飾」というテーマで書いていきますので、ぜひ参考にしてください。
ブログ記事・文字装飾の10のコツ
まずは装飾のコツや方法を学ぶ前に「ブログの装飾のコツ」について学んでおきましょう。
主なブログの装飾のコツとは以下の10個です。
【ブログの装飾の10のコツ】
一つずつ具体的に解説しましょう。
①情報を探しやすくする
文字装飾によって情報を探しやすくします。文字情報には装飾がないと目的の情報が探しづらいです。
例えば以下の情報を見てください。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。以下に具体的な方法をいくつか挙げてみます。外見の改善：自分自身を魅力的に見せるために、服装や髪型、身だしなみを整えることが大切です。また、健康的な生活習慣を維持することで、スタイルや肌の状態を改善し、女性からの好感度を高めることができます。コミュニケーション能力の向上：女性とのコミュニケーション能力を向上させることで、相手との信頼関係や親近感を深めることができます。具体的には、相手の話を聞くことや、興味を持ったことについて深く掘り下げることが大切です。デートの企画力：女性が楽しめるデートプランを立てることで、女性からの好感度を高めることができます。特に、女性の好みや興味を事前にリサーチしておくことが重要です。以上の方法を実践することで、女性からのモテる可能性を高めることができます。
なんの装飾もないと文字が詰まってギチギチしており、情報が探しづらいです。
では以下のようにしてみたらどうでしょう？
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。以下に具体的な方法をいくつか挙げてみます。外見の改善：自分自身を魅力的に見せるために、服装や髪型、身だしなみを整えることが大切です。また、健康的な生活習慣を維持することで、スタイルや肌の状態を改善し、女性からの好感度を高めることができます。コミュニケーション能力の向上：女性とのコミュニケーション能力を向上させることで、相手との信頼関係や親近感を深めることができます。具体的には、相手の話を聞くことや、興味を持ったことについて深く掘り下げることが大切です。デートの企画力：女性が楽しめるデートプランを立てることで、女性からの好感度を高めることができます。特に、女性の好みや興味を事前にリサーチしておくことが重要です。以上の方法を実践することで、女性からのモテる可能性を高めることができます。
太字を入れるだけで情報が探しやすくなりました。文字タイプを編集することで読みやすさが変わります。
②読解をスムーズにする
文字装飾をすることで読解をスムーズにします。
基本的にユーザーにブログがすべての文章を読むとは思わないほうがいいです。あくまでユーザーは知りたい情報を知りたいだけであり、文章をすべて読みたい訳ではないからです。
例えば以下の文章を見てください。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。
短文なのでさほど負担に感じませんが、これも文字装飾をすることでユーザーの読解スピードを早くすることができます。例えば以下のように装飾をしてみます。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。
重要なポイントを太字にすると、太字を読むだけで理解できるのがわかると思います。このように重要な箇所を太字にすることでユーザーの負担を減らし、読解しやすくします。
③視覚を暇にさせない
ユーザーの視覚を暇にさせないのも重要です。ユーザーは何の変化もない文字情報が続くと暇になり、離脱しやすくなります。
視覚を暇にさせないためには絶えず画面に変化を起こすことです。例えば先程の文章を見てください。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。以下に具体的な方法をいくつか挙げてみます。外見の改善：自分自身を魅力的に見せるために、服装や髪型、身だしなみを整えることが大切です。また、健康的な生活習慣を維持することで、スタイルや肌の状態を改善し、女性からの好感度を高めることができます。コミュニケーション能力の向上：女性とのコミュニケーション能力を向上させることで、相手との信頼関係や親近感を深めることができます。具体的には、相手の話を聞くことや、興味を持ったことについて深く掘り下げることが大切です。デートの企画力：女性が楽しめるデートプランを立てることで、女性からの好感度を高めることができます。特に、女性の好みや興味を事前にリサーチしておくことが重要です。以上の方法を実践することで、女性からのモテる可能性を高めることができます。
これだけでもある程度は読みやすいですが、文章そのものに変化がないので読み切る前に飽きてしまう可能性が高いです。
これを装飾をすることで視覚的な見え方を変化させます。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。以下に具体的な方法をいくつか挙げてみます。
外見の改善：自分自身を魅力的に見せるために、服装や髪型、身だしなみを整えることが大切です。また、健康的な生活習慣を維持することで、スタイルや肌の状態を改善し、女性からの好感度を高めることができます。
コミュニケーション能力の向上：女性とのコミュニケーション能力を向上させることで、相手との信頼関係や親近感を深めることができます。具体的には、相手の話を聞くことや、興味を持ったことについて深く掘り下げることが大切です。
デートの企画力：女性が楽しめるデートプランを立てることで、女性からの好感度を高めることができます。特に、女性の好みや興味を事前にリサーチしておくことが重要です。
以上の方法を実践することで、女性からのモテる可能性を高めることができます。
装飾効果で相当見え方が変わりましたね。
マーカーを付けるとマーカー部分に目がいくはずです。このように視覚が暇にならないように意識して文章を装飾していきます。
④箇条書きを使う
箇条書きで情報を認知しやすくします。例えばこんな風に使います。
恋愛において男性が女性にモテる方法は、一言で言えば「自分磨き」と「コミュニケーション能力の向上」です。以下に具体的な方法をいくつか挙げてみます。
- 外見の改善
- コミュニケーション能力の向上
- デートの企画力
…続く
上記のように項目が複数ある場合に箇条書きでまとめることが多いですね。箇条書きにするポイントは箇条書きを使う前に前置きで文章を入れることです。
詳しくは以下。
【例1】以下の2つのポイントが重要です。
【例2】僕がモテるために意識していることは以下の3つでした。
【例3】ブログで稼ぐための三大要素は以下の3つです。
箇条書きにすることを予告しておくと使いやすいです。事前に「以下の～」などを入れてから使うといいかもしれませんね。
⑤装飾パターンを統一する
文字装飾のパターンを統一しましょう。
文字装飾のパターンとは例えば
- 重要な箇所：太字
- 文字色：赤のみ
- マーカー：同一記事内で一色まで
などのパターンを決めるということです。
文字装飾がバラけているとサイト内で色合いがバラバラになってしまいますし、何より同じ記事内で何色も出てくると逆に読みづらくなります。
文字装飾はあくまでユーザーに読ませる為に行うものなので、自己満足とごっちゃにしないことが大切です。
- 画像を使う
- 表(テーブル)を入れる
- ボックス(囲い)を使う
- 箇条書きを入れる
- ボタンリンクを使う
⑥画像を使う
「文字より画像の方が100%わかりやすい」という場合は画像を使いましょう。ブログを書いていると、かならず文章では説明しきれない部分ってあると思います。
例えば
- スマホやPCの操作画面
- 何らかのサービスの登録方法
- 何らかのツールの使い方
など画像解説の方が絶対にわかりやすいパターンです。
これらを文字で説明するのはかなり大変ですが、画像を用意しておけば説明が楽です。文章よりも画像を入れたほうが100%わかりやすくなる場合は画像を入れましょう。
⑦表(テーブル)を入れる
表(テーブル)を入れるようにしましょう。表を入れると情報が整理整頓され、ユーザーにとっても親切です。WordPressブログの表なら挿入するだけでなく、セル内の色を変えたりもできて非常に便利です。
表を使う場面としては
- 項目が多い時
- 比較する時
のどちらかが多いかなと思います。
以下は項目が多い時の使い方です。例えばドラゴンボールのキャラクター全員を表でまとめるとこうなります。
ドラゴンボールのキャラクター一覧 孫悟空 孫悟飯 ピッコロ クリリン チチ 亀仙人 牛魔王 ヤムチャ 桃白白 カリン様 ミスターポポ 天津飯
キャラ全員ではないのは勘弁してください。
以下は比較する時です。
| 悟空 | ベジータ | |
| 戦闘力 | 8,000(通常時) | 18,000 |
| 必殺技 | かめはめ波 | ギャリック砲 |
自分の場合、上部のヘッダーにキャラ名(商品やサービスなど)、左側に比較項目を入れるようにしています。表の詳しい使い方は競合サイトで上手く表を使ってる記事を参考にしてみるといいですね。
⑧ボックス(囲い)を使う
ボックス(囲い)を使うと記事の注目ポイントとしてアピールできます。
例えばこのブログはCocoonというWordPressテーマを使ってますが、Cocoonにはこんなボックスがデフォルトで付いています。
上記はごく一部ですが、もっと色んなタイプのボックスがあるのでビジュアルに変化を付けるのにおすすめです。
ボックスを使うコツとしては
- ～の注目ポイント
- ～のおすすめポイント
- ～のメリット、デメリット
など2～5つくらいの注目ポイントを目立たせるのに適しています。
⑨字詰まりをなくす
字詰まりをなくすようにします。字詰まりとは文章が詰まったように見える状態のことです。例えば以下の文節を見てください。
私はこの手法を使って記事の執筆時間の短縮に成功しました。
文章としては正しいですが、ひらがなより漢字が多いので文章が詰まっている用に感じます。
字詰まり感をもうちょっとなくした例がこちら。
わたしはこの手法を使って、記事の執筆時間を短縮することに成功しました。
漢字が連続しないように「私は→わたしは」「短縮に→短縮することに」としてみました。
漢字を使うことは文章としては正しくても読みやすいかどうかは別の話ですよね。読みやすい文章にするには、視覚的に見やすいかどうかを重視します。
⑩ボタンリンクを使う
テキストリンクをボタンにして注目度を高めてみましょう。
ボタンリンクとは以下のようなものです。
上記はWordPressテーマのCocoonで使えるボタンリンクです。
Cocoonは配色やボタンサイズがかなり豊富で、これが無料なのは本当に信じられない(有料でも買います)。
ボタンにするとリンクを目立たせることができ、クリック率アップに貢献してくれます。例えばアフィリエイトやメルマガ登録の訴求などでボタンリンクを使うのもありですね。
色によってもクリック率が変わるので、これからボタンを使う人は色々と試してみてください。
【ブログの装飾の10のコツ】