BLOG

表現者の道に命の炎を燃やしたいプロ志望来たれ!

  1. HOME
  2. ブログ
  3. WRITAS!
  4. Web記事の書き方「テンプレート」付きで初心者さん向けに解説

Web記事の書き方「テンプレート」付きで初心者さん向けに解説

Web記事を書きたいけれど、どう書いてよいか分からない。

最初は悩んでしまいますよね。

Web記事は「Web記事の型」さえ掴んでしまえば、どなたでも書けるようになります。

当記事では、Web記事ーー。なかでも「読者の悩みを解決する」系のWeb記事の書き方を、初心者さん向けに解説していきます。

文章の部分に関しては、テンプレートもつけました。

では、いってみましょう。


「Web記事の書き方」が分かる文章塾

Web記事の書き方「基本の型」

まずは、Web記事でよく使われる基本の型を紹介します。

【Web記事:基本の型】

0−1:タイトル

0−2:TOP写真(キャッチ写真)

1:導入文章

2−1:大見出しA

2−2:見出し写真A

2−3:本文A

3−1:大見出しB

3−2:見出し写真B

3−3:本文B

4−1:大見出しC

4−2:見出し写真C

4−3:本文C

5−1:締め用大見出し

5−2:締め用写真

5−2:締めの文章(エンディング)

以上が、Web記事の基本の型になります。

まずは、この型でWeb記事を書いていき、慣れたらご自身でアレンジしていくのもありです。

次は、上記の型の1〜5の中をどう書いていけばよいのか、さらなる型「Web記事のテンプレート」を紹介していきます。


「書くことを楽しむ」Webライティングバー

Web記事の書き方:解説とテンプレート

では、上記で紹介した「Web記事の基本の型」を1つ1つ解説していきます。

「青字」がテンプレートになりますので、青文字に「当てはめる」つもりで、ご自身の発信内容を文章にしてみてください。

[0−1]タイトル

◯◯できる3つの◇◇(=方法・法則・秘訣・ポイントなど)
※書籍「100倍クリックされる超Webライティング実践テク60」東香名子著より一部引用

Web記事タイトルの作り方は、多様にわたります。

最初は、上記の◯◯に「読者が求めていること(読者メリット)」をあてはめて、タイトル作成の数をこなしてみてください。

Web記事タイトルは、30文字以内だと、Web上でタイトルが見切れないと言われています。

〜ちょこっとMEMO〜
ここでは、初心者の方向けに、Web記事タイトルのテンプレートを1つだけ紹介しました。

もしーー
◆色々なパターンの「Web記事タイトル」のテンプレートを知りたい
◆読者にクリックしてもらえるタイトル作成をしたい
とご希望の方は、東香名子氏の著書「100倍クリックされる超Webライティング実践テク60」がおすすめです。

Web記事タイトル作成のコツを、スピーディーに学ぶことができます。

[0−2]TOP写真(キャッチ写真)

掲載するWebによりますが、タイトルの真上か真下にくる写真を入れます。

この写真はーー
◆TOP写真
◆キャッチ写真
◆アイキャッチ
などと、呼ばれていることが多いです。

写真は、自身で用意するのが難しければ、各写真サイトで記事にあったものを探すことができます。

写真サイトは、有料のみのサイトと、無料提供も可能なサイトもあるので、ご自身の使い勝手に合うサイトを探してみてください。

写真掲載は、必ず著作権の問題が絡んできます。

各写真サイトの規約や掲載条件などをよく確認してから使用しましょう。

TOP写真は、Web記事全体の象徴。

ご自身が書いた「記事のイメージ」に合うもので、なるべく「明るい印象」の写真がおすすめです。

また、色合い的に暗いものでなければ、人物が悩んでいる表情のものも適しています。

[1]導入文

〇〇に悩むことありますよね
▶問題提起
▶読者の悩み設定

そこで〇〇なときに△△できる方法をご紹介します
▶記事の説明

本題に入る前に「この記事は何が書いている記事か」を読者に寄り添って書くのが「導入文」。

「イントロ」と呼ばれる場合もあります。

[2−1]大見出しA

◎◎する
▶結論(問題解決)

見出しの書き方もたくさんありますが、最初は「読者の悩み(問題提起)」に対する「結論」を短く書いていくと分かりやすいです。

[2−2]見出し写真A

大見出しや本文にあった写真を挿入します。

[2−3]本文A

a)
◯◯に悩む。
そんな時は◎◎するのがおすすめです。
▶結論(問題解決)
▶見出しを少し詳しく書く

b)
そうすると△△になることができます
▶「結論(問題解決策)」を実践したあとの「未来(結果)」
▶提示した問題解決策を実践すると何が得られるか?

c)
それは◇◇だからです
▶「未来(結果)」の理由
▶提示した問題解決策を実践すると、なぜ結果を得られるのか?

d)
しかし、◆◆すると✕✕になってしまいます
▶NG言動
▶失敗しないためやってはいけないことを注意喚起する

もしくは
しかし、◎◎せずに放置すると✕✕になってしまいます
▶言動なしによるNG結果
▶何も対策せず放置すると、結果をえられるどころか悪化してしまうことへの注意喚起

e)
◯◯に悩むAさんは、◎◎をして△△になることができました
▶事例
▶ご自身の体験、友人知人の経験など、問題解決案を実際に実践して、良い未来を得られた事例を紹介

f)
○○な時は△△してみてください
◎◎になることができます

再度「結論」
▶「a・b」を再度繰り返し、本文の「まとめ(要点)」でしめる

このa〜fを1セットとして書き慣れていくと、様々なアレンジができるようになります。

[3−1]〜[4−3]

「Web記事:基本の型」のーー
3−1:大見出しB
3−2:見出し写真B
3−3:本文B

4−1:大見出しC
4−2:見出し写真C
4−3:本文C

は、基本「2−1」〜「2−3」を繰り返します。

この「繰り返し」は、1つの「読者の悩み」に対し、答えが2つ3つある場合に有効です。

「3−1」と「4−1」の大見出しで「2−1」とは違う「結論(問題解決案)」をだす。

すると、読者は「1つの記事で複数のアイデア」を得ることができ、満足度があがります。

では「1つの読者の悩み」に対し「結論」を1つだけ出したい場合は、どうすればいいのでしょうか?

その答えの1つを、以下『「5―1」〜「5―3」』の後の「Web記事の書き方:アレンジバージョン」で紹介しています。

ご参考になれば幸いです。

[5−1]締め用大見出し

まとめ

「締め用の見出し」も多様に渡りますが、最初はよくある「まとめ」を使うと悩まなくて済みます。

Web記事に書き慣れてきたら、締め用大見出しもアレンジしてみてください。

[5−2]締め用写真

Web記事の多くは、問題解決で終わります。

明る目の写真。

人物なら笑顔の写真が最適です。

[5−3]締めの文章(エンディング)

今回は〇〇で悩んでしまったとき△△できる方法を紹介しました。

〇〇で悩んでしまったときはーー
◆大見出しA(2−1)
◆大見出しB(3−1)
◆大見出しC(4−1)
をお試しください。

◎◎できるようになります。

記事全体を締める文章。

これは「締め文」や「エンディング」などと呼ばれています。

Web記事の締め文では「まとめをしなくてはいけない」などのルールはありません。

ただ最初は、上記のテンプレートのように、提供したノウハウを並べると、早く簡単に「的外れではない」締め文を作成することができます。

Web記事作りに慣れてきたら、他の箇所同様、ご自身でアレンジしてみてください。

例えばーー
◇本編で言い残したメッセージ
◇「もう悩まないで」といった願い
などを入れるのも1つのアレンジです。

ここまでが「Web記事の書き方」の基本的な型と解説とテンプレートになります。

ぜひ、ご自身の発信内容を当てはめて、Web記事を作成してみてください。


オンラインライティングスクール「ライタス!」

Web記事の書き方:アレンジバージョン

Web記事では「読者の悩み」に対し「解決策」が2つ3つある場合は、これまで紹介したテンプレートがおすすめです。

しかし「読者の悩み」に対し「解決策」が1つのみの場合は『「2−1」〜「2−3」』を繰り返すことができず、少し寂しいWeb記事になってしまいます。

そんなときは、上記で使用した「Web記事の書き方テンプレート」に対しーー

a)
◯◯に悩む。
そんな時は◯◯するのがおすすめです。
▶結論(問題解決)
▶見出しを少し詳しく書く

b)
そうすると◯◯になることができます
▶「結論(問題解決策)」を実践したあとの「未来(結果)」
▶提示した問題解決策を実践すると何が得られるか?

ここで、一旦区切る。
以下の内容にあった「大見出し」を作り「画像」を入れてーー

c)
それは◯◯だからです
▶「未来(結果)」の理由
▶提示した問題解決策を実践すると、なぜ結果を得られるのか?

上記を理論立てて、詳しく掘り下げて書く。

次に、以下の内容に合った「大見出し」を作り「画像」を入れてーー

d)
しかし、◯◯すると✕✕になってしまいます
▶NG言動
▶失敗しないためやってはいけないことを注意喚起する

もしくは
しかし、◯◯せずに放置すると✕✕になってしまいます
▶言動なしによるNG結果
▶何も対策せず放置すると、結果をえられるどころか悪化してしまうことへの注意喚起

上記にプラス
・NG言動をしないためのアドバイス
・行動を起こせるようなアドバイス
などを書く

さらに、以下の内容に合った「大見出し」を作り「画像」をいれる。

e)
Aさんは◯◯をして◯◯になることができました
▶事例
▶ご自身の体験、友人知人の経験など、問題解決案を実際に実践して、良い未来を得られた事例を紹介

ここを最後の区切りとして「締め用の見出し」を作り「締め用の画像」を入れる

f)
○○な時は◯◯してみてください
◯◯になることができます

再度「結論」
▶「a・b」を再度繰り返し、本文の「まとめ(要点)」でしめる

上記にプラス「ぜひお試しください」といった「締め文の締め」を飾る文章を入れる。

これがWeb記事全体の「締め文(エンディング)」とし、基本図の『「5−1」〜「5−3」は省く。

といった策をとり「Web記事全体の見た目」を、最初に紹介した以下の

【Web記事:基本の型】

0−1:タイトル

0−2:TOP写真(キャッチ写真)

1:導入文章

2−1:大見出しA

2−2:見出し写真A

2−3:本文A

3−1:大見出しB

3−2:見出し写真B

3−3:本文B

4−1:大見出しC

4−2:見出し写真C

4−3:本文C

5−1:締め用大見出し

5−2:締め用写真

5−2:締めの文章(エンディング)

の形に持っていく。

これもまた1つのWeb記事として成り立ちます。

『1つの「読者の悩み」に対して「1つの答え」を詳しく書きたい!』
という方は、こちらを試してみてください。


「自身の文章」が誰かの助けになる「文章塾」

Web記事の書き方は「慣れ」と「アレンジ」

ここまで「Web記事の基本の型」と、その型を完成させるための解説を「文章のテンプレート」付きで、紹介させていただきました。

もし宜しければーー

【1】「Web記事の書き方:解説とテンプレート」の章(ブロック)をコピー

【2】ご自身の原稿にペースト(貼り付け)

【3】青文字の下に、ご自身の発信内容を当てはめて書いていく

という方法をとると、比較的早く、1本のWeb記事をかけるようになります。

この方法で、何本もWeb記事を書いていくと、Web記事の形に慣れていき、コピペをぜずにスイスイ書けるようになるでしょう。

そうしたら、Web記事の型はそのままに「テンプレートをアレンジ」してみてください。

オリジナルティある、ご自身ならではのWeb記事が仕上がるようになります。

「Web記事」は、最初は「慣れ」。
次に「アレンジ」です。

Web記事をに挑戦したい皆様が、どんどん「楽しく書いていける」よう、心より祈っております。

当記事がお役に立てましたら幸いです。

「Web記事を書きたい」
「ブログで記事を発信していきたい」
「エッセイストになりたい」

だけど…
・Web記事の書き方がわからない
・ブログ記事の書き方がわからない
・エッセイストになる方法がわからない

という皆様に向けた
ライティングスクールがあります!

18ステップのカリキュラムに
潮凪洋介塾長をと現役エッセイスト7名が講師を努め

全くの文章初心者の生徒さんが
6ヶ月後の卒業時には

「WEBメディア」のオーディションに受かり
連載を勝ち取る「エッセイスト」へと成長しています。

カリキュラムでは課題提出があり
実際の文章の添削指導も充実。

ご自身の分野で文章を書いて発信し
何歳からでもエッセイストになれる
『オンラインライディングスクール「WRITAS!(ライタス)」』
のカリキュラム内容やシステムの詳細はこちらから

講師・スタッフ一同

Webライティングをしたい方をお待ちしております!

オンラインライティングスクール「WRITAS!」』by潮凪道場

☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘
当記事の他にもエッセイスト養成塾
潮凪(しおなぎ)道場ブログ」にて
「文章のコツ・テーマの選び方」などを掲載しております。
宜しければぜひ覗いてみてください。
文章を書きたい皆様のお役に立てましたら幸いです。
☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘

■記事
オンラインライティングスクール
WRITAS!(ライタス)
ステップ10・11担当講師:かがみやえこ

■画像
写真AC

最後までお読みいただきありがとうございました。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

関連記事

月を選択