dinoでは見出し・小見出しを簡単に入力可能
記事を読んでもらうためには、読みやすさが重要です。そこで、記事をより読みやすくするために、まずは見出し・小見出しを効果的に使用できているか確認してみましょう。今回のニュースレターコラムでは、dino上で見出し・小見出しを入力する方法と、入力するうえで意識したいことをご紹介します。
dinoで入力できる見出しには「タイトル=H1」、「見出し=H2」、「小見出し=H3」の3種類があります。
タイトル(H1)は、カバー画像下に表示されている「ここをクリックしてコンテンツタイトルを入力」で設定できます。
見出し(H2)と小見出し(H3)は下記にある方法で簡単に入力できるため、ぜひ記事制作にご活用ください。
見出しの設定方法
1.記事制作画面上にある鉛筆アイコンをクリック
![画像1: 見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/9fcd1b38220b68a7daea80ec5d88d8ee18644efb.jpg)
2.表示された一覧から「見出しアイコン(Hアイコン)」をクリック
![画像2: 見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/02e1fb41c08ada8e995d646270f6e991e5335366.jpg)
![画像3: 見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/1ed18a5d72c0837c395812ec1ae7cc0ad391d1d2.jpg)
これで見出しが設定できます。
小見出しの設定方法
1.記事制作画面上にある鉛筆アイコンをクリック
![画像1: 小見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/9fcd1b38220b68a7daea80ec5d88d8ee18644efb.jpg)
2.表示された一覧から「見出しアイコン(Hアイコン)」をクリック
![画像2: 小見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/02e1fb41c08ada8e995d646270f6e991e5335366.jpg)
3.「見出しアイコン(Hアイコン)」をもう一度クリック
![画像3: 小見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/06/28/39a47764f21e945fd57542a273131768a361175d.jpg)
4.表示されたアイコン一覧から「小見出しアイコン(hアイコン)」をクリック
![画像4: 小見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/47167862d0222e6b5332882742ef75aad7baa817.jpg)
![画像5: 小見出しの設定方法](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/05/25/1f483ed666c5543a60402f5381a02f0bf2ac3774.jpg)
これで小見出しが設定できます。
また、元々書いてある文章を見出し・小見出しに変更したい場合も、同じ操作で設定できます。さらに、dino独自の記法により見出しは「### 」、小見出しは「#### 」を記載することでも設定できますので、ぜひユーザー辞書登録の上ご活用ください。
※記法を使う際は、記号の最後に半角スペースを入れて指定の文章に繋げてください。
見出し・小見出しを入れると、自動的に目次に表示されます。ファーストビューで記事に書いてある情報を読者が網羅できるようになるので、ユーザービリティ向上に繋がります。目次の設定方法は「メディアマネージャー」内にある「オンラインヘルプ」にも記載しておりますので、そちらも併せてご参照ください。
目次の設定方法や活用事例はニュースレターコラム第2回をご覧ください!
見出し・小見出しを入れるうえで意識したいこと
見出しは20文字程度&分かりやすい内容に
見出しは記事の章ごとに、そこに何が書いてあるのか? を端的に表現したものを設定しましょう。文字数は20文字程度にすると読みやすくなります。
Web記事の場合は読者が最初から最後まで文章を読むとは限りません。複数の見出しを設定する際は、見出しを見ただけで記事の全体像が分かるように意識すると良いでしょう。
小見出しに入れる内容は1種類まで
小見出しは、見出しの内容を項目ごとに分類するために設定します。とくに内容が変わる際に小見出しを入れることで、どこが一区切りなのかも分かりやすくなり、より読みやすい記事にすることができます。
下記の画像、読みやすいのはどちらと感じるでしょうか? 小見出しがないと、どこにどんな情報があるのか分かりにくいですよね。読み手に記事をしっかり読んでもらうためにも、できる限り読みやすくすることが大切です。
小見出しなし
![画像1: 記事をもっと読んでもらいたい! 見出し・小見出しの使い方](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/06/30/18b741727e0faa7f2f4cc241bb810c70f0d637a6.jpg)
小見出しあり
![画像2: 記事をもっと読んでもらいたい! 見出し・小見出しの使い方](https://d1uzk9o9cg136f.cloudfront.net/f/16783049/rc/2023/06/30/81a32c5c8a40b0babf72894b1dfd65e7f23be98f_xlarge.jpg)
少しの意識で記事の読みやすさは大きく変わります。ぜひ見出し・小見出しを活用してみてくださいね。