告知記事作成に役立つ連載記事を書いてますメモ

 

→【告知記事お役立ち①】告知記事に入れる内容!これをおさえれば大丈夫!

→【告知記事お役立ち②】良い告知記事を書くより大切なこと

→【告知記事お役立ち③】個人メッセで告知のご案内してますか?メッセージ送るだけ? 

 

 

 

あなたは告知記事を書くとき

記事内に「見出し」を使っていますか?

 

 

 

 

 

「見出し」は告知記事には欠かせません。

 

 

 

「見出し」を使うメリットは

チェック(白地)記事全体を区切ることができる
チェック(白地)記事にメリハリがでる
チェック(白地)記事が読みやすくなる

 

 

「見出し」がなく「読みにくい・・・」と思われた瞬間

読者はページを閉じてしまいます。



例えば1

 

 

【見出しなし】


こんな方におススメです

チェック(白地) 今ある告知記事でお申込みが入らない
チェック(白地) 告知記事を書く時間がない

チェック(白地) 告知記事を書くのが苦手

チェック(白地) 他の作業に集中したいので告知記事を書いて欲しい

 

 

こんな効果があります

チェック(白地) 申し込み率が上がります。(以前より申し込みが多くなった!という声を多数いただいております)
チェック(白地) 他の仕事に集中することができるのでストレスフリー!

チェック(白地) 仕事の効率が上がります!

 

 

作成の際に必要なもの

メモ商品・サービス名

メモ日程・価格・定員・キャンセルポリシー

メモお申込みフォーム

メモ使用する写真(おまかせの場合はあなたのブログから使用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

 

 

「読まれる告知記事」にするために

「見出し」を活用してくださいね。

 


告知記事でお困りの方は

いつでもご相談くださいにこり

 

 

→【ご案内】お申込みが増える『告知記事作成代行サービス』