告知記事作成に役立つ連載記事を書いてます![]()
【告知記事お役立ち①】告知記事に入れる内容!これをおさえれば大丈夫!
【告知記事お役立ち③】個人メッセで告知のご案内してますか?メッセージ送るだけ?
あなたは告知記事を書くとき
記事内に「見出し」を使っていますか?
「見出し」は告知記事には欠かせません。
「見出し」を使うメリットは
記事全体を区切ることができる
記事にメリハリがでる
記事が読みやすくなる
「見出し」がなく「読みにくい・・・」と思われた瞬間
読者はページを閉じてしまいます。
例えば![]()
【見出しなし】
こんな方におススメです
今ある告知記事でお申込みが入らない
告知記事を書く時間がない
告知記事を書くのが苦手
他の作業に集中したいので告知記事を書いて欲しい
こんな効果があります
申し込み率が上がります。(以前より申し込みが多くなった!という声を多数いただいております)
他の仕事に集中することができるのでストレスフリー!
仕事の効率が上がります!
作成の際に必要なもの
商品・サービス名
日程・価格・定員・キャンセルポリシー
お申込みフォーム
使用する写真(おまかせの場合はあなたのブログから使用orフリー画像を使用いたします)
他、必要な情報はコチラからヒアリングさせていただきます。
今ある告知記事でお申込みが入らない
告知記事を書く時間がない
告知記事を書くのが苦手
他の作業に集中したいので告知記事を書いて欲しい
申し込み率が上がります。(以前より申し込みが多くなった!という声を多数いただいております)
他の仕事に集中することができるのでストレスフリー!
仕事の効率が上がります!
商品・サービス名
日程・価格・定員・キャンセルポリシー
お申込みフォーム
使用する写真(おまかせの場合はあなたのブログから使用orフリー画像を使用いたします)
他、必要な情報はコチラからヒアリングさせていただきます。
どちらが読みやすいですか?
この前後にも文章があることを考えると
断然、「見出し」があった方が
項目がより明確になって分かりやすいですよね。
告知記事に限らず
お仕事でブログを使っている方は
常に「読者目線」を忘れずに作成していきましょう。
どんなに内容の良い記事を書いても
「読みにくい」記事は「読まれない」記事になります。
「読みやすさ」を心がけてくださいね![]()
下記によく使われる見出しの例をあげています。
<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">ここに見出しを書く</div>
<div style="border-left:10px solid #ff007d; border-bottom:2px solid #ff007d; padding-left:10px; font-weight:bold;">ここに見出しを書く</div>
<div style="border-left:10px solid #006a2f; border-bottom:2px solid #006a2f; padding-left:10px; font-weight:bold;">ここに見出しを書く</div>
<div style="border-left:10px solid #ff7f7f; border-bottom:2px solid #ff7f7f; padding-left:10px; font-weight:bold;">ここに見出しを書く</div>
<div style="border-left:10px solid #d3a900; border-bottom:2px solid #d3a900; padding-left:10px; font-weight:bold;">ここに見出しを書く</div>
<div style="margin:8px 0; padding: 3px 8px;background:#ff007d; color:#ffffff;">ここに見出しを書く</div>
<div style="margin:8px 0; padding: 3px 8px;background:#000073; color:#ffffff;">ここに見出しを書く</div>
<div style="margin:8px 0; padding: 3px 8px;background:#006a2f; color:#ffffff;">ここに見出しを書く</div>
<div style="margin:8px 0; padding: 3px 8px;background:#ff7f7f; color:#ffffff;">ここに見出しを書く</div>
<div style="margin:8px 0; padding: 3px 8px;background:#d3a900; color:#ffffff;">ここに見出しを書く</div>
<div style="border-bottom: 2px solid #ff007d; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000;">ここに見出しを書く</div>
<div style="border-bottom: 2px solid #660000; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000;">ここに見出しを書く</div>
<div style="border-bottom: 2px solid #006a2f; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000;">ここに見出しを書く</div>
<div style="border-bottom: 2px solid #ff7f7f; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000;">ここに見出しを書く</div>
<div style="border-bottom: 2px solid #000073; padding-left: 10px; font-weight: bold; font-size: 100%; color: #000;">ここに見出しを書く</div>
①<div>~</div>までをコピー。
②【HTML表示】に切り替える。
③見出しを入れたい箇所にタグを貼り付け。
④【通常表示】に戻る。
⑤貼り付けた見出しが表示されています。
ここにない色は
カラーコードからお好きな色を選んで
#から始まる6桁のコードナンバーを変更するだけで
希望色の見出しが作れます。
■カラーコード表
http://www5.plala.or.jp/vaio0630/hp/c_code.htm
「読まれる告知記事」にするために
「見出し」を活用してくださいね。
告知記事でお困りの方は
いつでもご相談ください![]()

