保存版！Webライティング 書き方の基本【22点】

ひしはり

こんにちは、ひしはりです。

らいた

Webライティングって
どんな書き方をすればいいの？

初心者でもおぼえやすい
書き方の基本とかってあるの？

本記事では
このような疑問にお答えします。

今や僕たちを取り巻く情報の多くは、
パソコンやスマホ、タブレットといった
デバイスによってWeb上で読まれます。

そのため、新聞や雑誌、書籍などの
紙媒体とは基本的に書き方が変わります。

そこで必要になって来るのが、
Webライティングや
SEOライティングといった書き方です。

ライティングスキルと呼ばれる
書き方の技術のことですね。

これを知らずにいきなり
ブログなどを書き始めても
天才級の文才がないと、
まず読まれません。

本記事を読めば、
ブログで読まれるための
Webライティングの
書き方の基本テクニックがわかります。

Web上で読まれるための
書き方の基本テクニックを
駆使しながら記事を書いていくことで、
初めてあなたの記事が
読んでもらえる記事に育っていきます。

何ごとも基本を知らずしては成立しません。

しっかりと書き方の
基本テクニックをマスターしてから
記事を書き始めるようにしましょう。

Webライティング
書き方の基本【22点】

Webライティングの書き方の
基本テクニックをご紹介する前に

らいた

Webライティング自体が
なんぞや？

と思われる初心者ブロガーの方は、
別記事のWebライティングを制する者は
ブログを制する！本質と書き方を解説で
Webライティングの概要について
くわしくまとめていますので
まずはそちらの記事をどうぞ。

ひしはり

読んだらまた
戻って来てくださいね。

ブログを書くために
より特化したライティングスキルに
SEOライティングがありますが、
SEOライティングの本家本元が
Webライティングです。

ブログはもともと
「Weblog（ウェブログ）」の略称です。

ですので、まずは
Webライティングの概要を学んでから、
SEOライティングを学ぶという順番が
おすすめですね。

SEOライティングについては、
読者ファースト！
【SEOライティング】こそ
ブログの書き方のすべての記事で
くわしく解説しています。

それではさっそく
Webライティングの書き方の
基本テクニックをご紹介していきます。

ブロガーなら知っておくべき
Webライティング書き方の基本【22点】は
次のとおりです。

Webライティング書き方の基本【22点】

ひしはり

一つひとつ順番に
見ていきましょう。

① テーマを設定する

まずは「テーマを設定する」からです。

ひしはり

誰にどんな記事を何のために
書くのか？ってことですね。

らいた

具体的にはどうやってテーマを
設定したらいいの？

おすすめのテーマの設定方法としては、
ビジネスシーンで広く活用される
「5W1H」や「6W2H」の
フレームワークが効果的です。

それぞれのフレームワークの詳細は
次の表のとおりです。

5W1Hの基本要素と順番

6W2Hの基本要素と順番

上記のフレームワークに当てはめて
書きたい情報を書き出し整理することで、
より明確にテーマを
あぶり出すことができます。

たとえば、中年メタボ男性が
ダイエットで痩せることを
テーマにする場合は、
以下のように情報を書き出して
整理していきます。

ひしはり

フレームワークを
ベースに活用することで
テーマにぶれがなくなります。

② 競合サイトの記事を分析する

続いて
「競合サイトの記事を分析する」ですが、
検索結果で上位表示されている
競合サイトの分析は必須です。

なぜなら上位表示されている記事は
Googleが現時点でそのテーマに関して
限りなく100点に近いと評価している
記事だからです。

ひしはり

僕の場合はそのテーマで
上位表示されている10サイトを
分析するようにしています。

10サイトを分析して
どのサイトの記事にも
共通して書かれていることは、
そのテーマに関して
絶対に外せない本質部分です。

丸パクリやコピペなんていうのは
もっての外ですが、
書いてある内容を参考にして
自分なりの表現で
オリジナリティを出していきましょう。

ひしはり

分析することで、
上位表示されるための
ヒントだけを抜き取る
イメージですね。

③ タイトルを設定する

続いて
「タイトルを設定する」ですが、
タイトルはまさに記事の顔です。

読者が最初に目にする部分であり、
そこでその記事を読むかどうかの
判断をされてしまいます。

ですので、タイトルは思いっきり魅力的で
読みたくなるものにしましょう。

ひしはり

ただし、タイトルの文字数は
27文字以内がおすすめです。

らいた

どうして27文字以内なの？

これはパソコンで検索したときに
Googleで表示される
タイトルの文字数が27文字までだからです。

パソコンやスマホといったデバイスや
「Internet Explorer」や
「Google Chrome」といった
利用するブラウザによっても
表示される文字数に若干の違いがあります。

今までは32文字以内というのが
一般論でしたが、
32文字ではパソコン表示されたときに
タイトルの後半部分が「…」で
省略表示されてしまいます。

出典：Googleの検索画面の画像

ただ、この記事タイトルの
文字数に関しては、
絶対に27文字以内でないとダメ
というわけではありませんので
あしからず。

実際に僕のブログでも、
どうしてもこの記事には
このタイトルをつけたいっていうときには、
27文字以上の記事タイトルを
設定している記事もありますから。

らいた

あくまで目安としてって
ことだよね？

ひしはり

そういうこと。

27文字以内ということに縛られて
不自然なタイトルになるくらいなら、
無視してもかまいません。

ひしはり

なぜなら最優先すべきは、
読者ファーストだからです。

④ 最初に記事構成を考える

続いて
「最初に記事構成を考える」ですが、
記事構成というのは言い換えれば、
記事を書くための設計図です。

設計図もないまま
いきなり書き始めても、
文章が論理破綻したり
いいたいことがあっちに行ったり
こっちに行ったりとぶれてしまいます。

結局、読んでいて
何がいいたいのかわからない
支離滅裂な記事ができあがってしまいます。

らいた

設計図もなく家を建てることは
ないもんね？

ひしはり

記事を書くのも
それと同じことやで。

記事構成は型にそって行うと、
初心者の方でもかんたんに
作成できるようになりますよ。

らいた

記事構成の型って
どんなものなの？

一般的なブログの記事構成の型は、
次のとおりです。

まず、トップコピーと呼ばれる
冒頭の部分に
記事タイトルとリード文があって、
ボディコピーと呼ばれる
各見出し、各本文へと続きます。

最後にボトムコピーと呼ばれる
まとめとCTAまでが、
1記事での文章構成となります

らいた

CTAって何？

ひしはり

CTAっていうのは、
コール・ トゥ・アクションの
ことやで。

ひしはり

続いて記事構成の
作成手順です。

記事構成の作成手順

ひしはり

上記で解説した記事構成の型を
初心者のうちにしっかりと
マスターしてしまいましょう。

⑤ 見出しを設定する

続いて
「見出しを設定する」ですが、
記事を読みやすくするために
見出しの存在は必須です。

見出しというのは、
文章の内容のまとまりを
わかりやすく区別するための言葉です。

WordPressでは
見出しに設定したものが、
目次の項目として
表示されるようになっています。

見出しの設定方法については、
別記事の保存版！SEOライティング
書き方の基本【30点】で
くわしく解説していますので
そちらを参考にどうぞ。

ひしはり

見出しがない記事は
息がつまりますもんね。

⑥ リード文を作成する

続いて
「リード文を作成する」ですが、
リード文はタイトル同様に
記事を書くときに
もっとも重要な部分のひとつです。

リード文とは記事冒頭の
序文（下の画像の赤枠部分）のことです。

リード文についてのくわしい解説も
別記事の保存版！SEOライティング
書き方の基本【30点】にまとめています。

ひしはり

この冒頭のリード文で
記事内容をどれだけ
読者にとっての自分ごと化に
できるかが重要です。

⑦ 結論を先に伝える

続いて
「結論を先に伝える」ですが、
Webライティングでは小説などとは違い、
結論を最初に伝えます。

これはWebライティングの基本となる
PREP法と呼ばれる書き方の型を
使った書き方です。

PREP法については、
Webライティングを制する者は
ブログを制する！本質と書き方を解説の記事で
くわしく解説していますので、
そちらをどうぞ。

ひしはり

Web上では知りたい結論を
先送りにされると読者はすぐに
離脱してしまうからですね。

⑧ 箇条書きで要点をわかりやすくする

続いて
「箇条書きで要点をわかりやすくする」です。

記事の中では読者が視覚的に
内容がわかりやすいように
箇条書きで要点を伝えると効果的です。

箇条書きの例【人気の副業 BEST 5】

こんな感じで要所要所で
箇条書きをうまく
文章と組み合わせることで、
見やすさ、わかりやすさの印象度が
格段にアップしますよ。

ひしはり

日本人は箇条書きが
大好きです。

⑨ 表・画像を活用する

続いて
「表・画像を活用する」ですが、
これも前項の箇条書きと同じです。

うまく活用して読者から見たときの
見やすさ、わかりやすさの
印象度をアップさせましょう。

表の例（直近のサッカーW杯優勝国）

画像の例（資格取得のメリット）

上記の画像は別記事
【SEOライティング資格】
取得する7つのメリットがこれ！での
解説の際、運営しているブログやサイトを
木にたとえた場合、
最適化された光合成（資格取得）によって、
より高く、より大きく、より強く、
木全体が多い茂るというイメージで
作成した画像です。

商用利用OKの
無料画像サイトなんかも
いろいろありますので、
記事の質を上げるためにも
画像やイラストなど活用しまくりましょう。

ちなみに僕は
無料画像なら「Pixtabay」
無料イラストなら「イラストAC」
を使っています。

ひしはり

無料ですので助かりますね。

⑩ 一文一義で文を作成する

続いて
「一文一義で文を作成する」ですが、
一文一義とはひとつの文章の中には
ひとつのことだけを書くということです。

「ワンセンテンス・ワンメッセージ」
ともいわれます。

ひとつの文章の中に
あれもこれもと情報を詰め込みすぎると
結局、何がいいたいのかわからず、
読者は混乱してしまいます。

ひしはり

情報の過積載ですね。

上記の文章の中には、

という4つの情報が詰め込まれています。

この4つの情報をそれぞれの文章に分けて
伝えることが一文一義です。

らいた

なんかまどろっこしく
感じちゃうんだけど……

ひしはり

そう思うかもやけど、
これが読者の脳に
負担をかけない書き方やで。

⑪ 冗長表現は避ける

続いて
「冗長表現を避ける」です。

冗長表現とは
文章内の無関係な内容や
ムダな表現のことをいいます。

おもな冗長表現の例

たとえば、上記の例のように
一文が必要以上に長かったり、
同じようなですます文末が続いたり、
やたらとこそあど言葉ばかりが連続したり
といったことですね。

ですます文末とは
「〜です」「〜ます」で
文章を終わらせる文末のことです。

らいた

ていねいな印象を受けるけど
ダメなの？

ひしはり

ですますばかりが続くと
読んでいて単調な文章に
感じてしまうんやな。

つまり、躍動感のある
活き活きとした文章に
感じないってことですね。

ですので、文末は同じような
終わり方にならないように
工夫しましょう。

ひしはり

こそあど言葉も
やりがちなので要注意です。

らいた

こそあど言葉って何？

こそあど言葉とは「指示語」のことです。

「これ、それ、あれ、どれ」
といったような対象を省略した
言い方や書き方のことですね。

こそあど言葉一覧表

こそあど言葉を多用すると
記事を読んでくれている読者はもちろん、
Googleのクローラーも混乱しますから
記事内容が検索エンジンに
正しく認識されないリスクもあります。

ひしはり

よって上記の表のような
こそあど言葉は極力、
使わないようにしましょう。

⑫ 専門用語は極力使わない

続いて
「専門用語は極力使わない」です。

慣れて来るとやってしまいがちですが、
専門用語は極力使わないようにしましょう。

記事中の文脈的に
どうしても専門用語を使わないと
不自然になってしまう場合は、
必ず注釈をそえるようにしましょう。

ひしはり

注釈があることで
読者の頭の中に？が
出てきませんからね。

記事を書くときの
ひとつの指標としてよくいわれるのが、
小学生が読んでも理解できるくらいに
わかりやすく書くということです。

たとえば、僕は子どものころから
サッカーをして来ましたが、
サッカーを知らない人に対して
ペナルティキックやクロス、
ミッドフィルダーなどの
専門用語を出しても通じませんよね。

それと同じで読者がみんな知っているていで
専門用語を使うのは避けましょう。

ひしはり

あなたが知っていることを
誰もが知っているわけではないということを
肝に命じておきましょう。 

ちなみにペナルティキック・クロス・
ミッドフィルダーの詳細は次のとおりです。

ひしはり

ちょっとした気づかいや
心配りが読者の読みやすさを
後押しします。

⑬ 表記ゆれをなくす

続いて
「表記ゆれをなくす」ですが、
表記ゆれとは同じ文書、書籍、
記事の中などで使われる
単語の不統一のことです。

たとえば

といったようなことですね。

ひしはり

読者が混乱しないように
使う単語は徹底して
統一しましょう。

⑭ 一文は40〜60文字以内にする

続いて
「一文は40〜60文字以内にする」ですが、
一文が長くなりすぎると、
内容が頭に入ってきません。

長くだらだらとした文章は
読んでいて疲れますし、
リズム感も出ません。

そういった面で一文の長さについては
40〜60文字以内が推奨されています。

短くコンパクトな文章をつないでいくことで、
読者にリズム感を感じてもらい、
一行でも前へ読み進めてもらわなければ
なりませんからね。

ひしはり

長くても80文字以内で
まとめましょう。

⑮ 主語と述語がねじれないようにする

続いて
「主語と述語がねじれないようにする」です。

人間の身体でいえば、
背骨にあたる部分といえます。

主語と述語の関係がねじれてしまうと
それこそ文章に違和感が出てしまい、
本来伝えたかったことが
正しく伝わりません。

ひしはり

まず、主語と述語について
復習しておきましょう。

主語と述語の例文

らいた

主語と述語のねじれって
具体的にはどういったことなの？

ひしはり

ここも例文をあげてみますね。

ひしはり

短い例文ですが、
読むと違和感を感じますよね。

ねじれを正しく修正します。

文が長くなればなるほど、
主語と述語はねじれやすくなります。

ですので、
一文をシンプルに簡潔に書くことで、
主語と述語のねじれの
防止策にもなるわけですね。

先ほどの一文一義にも通じます。

ひしはり

背骨をピシッと伸ばした
姿勢のいい文を書くことを
心がけましょう。

⑯ 漢字とひらがなの比率を整える

続いて
「漢字とひらがなの比率を整える」ですが、
両者の比率は「3対7」が黄金律と
いわれています。

つまり、文章全体の約30%が漢字で
残りの約70％がひらがなで
構成されている文章が、
もっとも読みやすい文章といえます。

らいた

でも、そんな比率なんて
どうやってわかるの？

ひしはり

実は無料で調べられる
便利なツールがあるんやで。

それが「漢字使用率チェッカー」です。

この漢字使用率チェッカーを使えば、
無料でかんたんに文章中の
漢字とひらがなの比率を調べられます。

出典：漢字使用率チェッカー

使い方はいたってシンプルで
調べたい文章をコピペ（コピー&ペースト）で
赤枠の中に貼りつけて「漢字率を算出」を
クリックするだけです。

ひしはり

コピー&ペーストとは
複写した文章や画像を
他の場所に貼り付ける
編集作業のことです。

出典：漢字使用率チェッカー

すると「全体の文字数」
「漢字数」「漢字率」と、
かんたんな「文章の評価」が
表示されます。

出典：漢字使用率チェッカー

ひしはり

ぜひ、漢字使用率チェッカーを
活用して漢字とひらがなの
比率を整えましょう。

⑰ 改行を多めにする

続いて
「改行を多めにする」ですが、
Web上では上から下へと
スクロールしながら読んでいくため、
改行を多めにしたほうが
圧倒的に読みやすくなります。

書くスペースに決められた行数がないため
いくらでも下に向かって広げていけますので、
なるべくきゅうくつな文面にならないように
心がけましょう。

実際に上記の文を改行なしで書いてみると、
以下のような感じになってしまいます。

改行なしで書いた場合の例

Web上では上から下へとスクロールしながら読んでいくため、改行を多めにしたほうが圧倒的に読みやすくなります。書くスペースに決められた行数がないためいくらでも下に向かって広げていけますので、なるべく窮屈な文面にならないように心がけましょう。

ひしはり

文面の印象がガラッと
変わりますよね。

ブログでは改行を多めにとって
ごちゃついたきゅうくつな文面に
ならないように、
文章の風通しをよくしましょう。

⑱ 共起語を入れる

続いて
「共起語を入れる」ですが、
共起語とはあるキーワードといっしょに
頻繁に出現する単語のことをいいます。

たとえば
「副業」というキーワードでは、
在宅・時間・ランキング・
仕事・収入・会社・紹介
などが共起語にあたります。

狙ったキーワードで記事を書いていると、
自然と記事中に含まれる
単語なわけですから、
そんな共起語が多いほど
網羅性（もうらせい）の高い記事として
Googleにも効果的なアピールとなります。

らいた

網羅性って何？

ひしはり

網羅性っていうのは、
その物ごとに関するすべてを
広くカバーしていることやで。

そんな網羅性を高めるために
共起語を調べたいときには、
無料の共起語検索ツールが便利です。

無料共起語検索ツール：Neo Inspiration

ひしはり

文脈が不自然にならない頻度で
記事中に入れたいですね。

⑲ シンプルな文章を意識する

続いて
「シンプルな文章を意識する」です。

⑩の「一文一義で文を作成する」や
⑭の「一文は40〜60文字以内にする」にも
通じることですが、
極力、シンプルな文章を心がけましょう。

伝えたいことをあれもこれもと
一文に詰め込んでしまうと、
情報の過積載になってしまい、
読んでくれる読者の脳に
負担がかかってしまいます。

ひしはり

あってもなくても意味が伝わる
ムダな情報や表現は、
できるだけ削り落として
いくようにしましょう。

⑳ 句読点を適切に使う

続いて
「句読点を適切に使う」です。

句読点は「くどくてん」ではなく
「くとうてん」と読みます。

ひしはり

句点の基本ルールは
次のとおりです。

句点の基本ルール

句点とは「。」のことで
文の終わりに使います。

「 」や（ ）の文末には、
基本的に使いません。

ただし（ ）に関しては、
文の最後に使うときには、
（ ）のあとに句点を使うのが
ルールです。

さらに出典や注釈を明記したり、
著者名、編集者などの
クレジット表記を明記したりする場合には、
（ ）の前に句点を使います。

らいた

クレジット表記って何？

ひしはり

クレジット表記っていうのは、
各コンテンツの著作者や
提供者を示すものやで。

また「！（感嘆符）」や
「？（疑問符）」のあとにも
句点は使いません。

ひしはり

俗にいうびっくりマークや
はてなマークです。

ひしはり

続いて読点とは
「、」のことで
以下のような場合に使います。

読点の基本ルール

長い主語の場合は読点を使います。

逆に短い主語の場合は使いません。

文が区切れる場所や
読み違いを防ぎたい場合、
名詞を並列して書く場合には、
読点を使います。

他にも修飾・被修飾の関係を
明確にしたい場合や、
文の流れが逆説に向かう場合に
読点を使います。

以下の参考例のように
絡み合った修飾・被修飾の関係を
明確にしたい場合には、
短い主語の後ろであっても
読点があったほういいですね。

ひしはり

句読点の使い方は
ややこしく感じるかもですが、
基本は最初にしっかりと
マスターしておきましょう。

㉑ トンマナを合わせる

続いて
「トンマナを合わせる」ですが、
トンマナとは「トーン（tone）」と
「マナー（manner）」の
略称のことです。

つまり、記事やコンテンツにおいての
雰囲気や世界観に、
一貫性を持たせることをいいます。

統一性のない記事は読んでいて
どうしてもあべこべな印象を
受けてしまいますからね。

ジャイアンはドラえもんでおなじみの
わんぱくなガキ大将です。

上記の悪い例のようなセリフでは、
キャラクターに不釣り合いですよね。

ひしはり

コンテンツ内での
それまでのイメージとの
ギャップやズレが、
ないようにしましょう。

㉒ 推敲する

いよいよ最後になりますが、
㉒は「推敲する」です。

推敲とは文章をよくしようと
何度も練り直すことをいいます。

らいた

なんだか推敲って
むずかしい言葉だよね？

ひしはり

推敲っていう言葉の由来は
もともと中国やってさ。

唐代、都の長安に科挙（官吏の登用試験）を受けるためにはるばるやってきた賈島は、乗っているロバの上で詩を作っていた。その途中、「僧は推す月下の門」という一句を口ずさんでから、「推す」のほかに「敲く」という語を思いついて迷ってしまった。彼は手綱をとるのも忘れ、手で門扉を押すまねをしたり、叩くまねをしたりしたが、なかなか決まらなかった。あまりにも夢中になっていたので、向こうから役人の行列がやってきたのにも気づかず、その中に突っ込んでしまった。さらに悪いことに、その行列は知京兆府事（長安の都知事）、韓愈の行列であったため、賈島はすぐに捕らえられ、韓愈の前に引っ立てられた。そこで彼は事の経緯をつぶさに申し立てた。優れた名文家であり、漢詩の大家でもあった韓愈は、賈島の話を聞き終わると、「それは『敲く』の方がいいだろう、月下に音を響かせる風情があって良い｣と言った。そして、二人は、馬を並べていきながら詩を論じ合った。

このことから「文章を書いた後、字句を良くするために何回も読んで練り直すこと」を「推敲」という。

引用：Wikipedia

記事を書き終えたあとで読み直し
推敲することで、
記事としての文章の質を
さらに高めることができます。

らいた

具体的に推敲って
どういうふうにすればいいの？

推敲するときのおすすめのコツは
次のとおりです。

推敲するときのおすすめのコツ

書き終えたあと、時間を置いて
いったんその記事を寝かせます。

そうすることで、
書き手と記事とのあいだに距離が生まれ
書き手自身が客観的に
記事を見ることができます。

ひしはり

数時間から24時間以上、
中には2〜3日は置くなんて
人もいますよ。

また、書き終えたあとにその記事を
声に出して音読することも効果的です。

音読することで文章の息づかいの間や
文章のリズム感におかしな点があれば、
気づけるからですね。

印刷して読み直すことも
パソコンの画面で読み直すより
客観的視点を持てます。

あとは実際に自分以外の第三者に
読んでもらって感想を聞けるといいですね。

ひしはり

わかりやすく伝わりやすく
読みやすい文章を
目指しましょう。

まとめ：Webライティング
書き方の基本【22点】

今日はWebライティングの書き方の基本
【22点】をご紹介して来ました。

最後にもう一度まとめておくと、

まとめ：Webライティング 書き方の基本【22点】

ひしはり

こんな感じですね。

細かくあげるとまだまだありますが、
とりあえずはこのあたりを
意識して書くだけでも
読みやすさは格段にアップします。

Webライティングは通りすがりの
Web上で、いかにして読者の目にとまり
読んでもらえるかという、
いわば特殊技術なんですね。

Web上で読んでもらうためには、
Web上で読まれるための書き方が必要です。

ひしはり

我流で書いていては、
いつまでたっても
読まれません。

順次、記事は書き足していきますので、
ともに読まれるためのライティングを
学んでいきましょうね。

より、ブログに特化した書き方としては、
保存版！SEOライティング
書き方の基本【30点】に
まとめていますのでそちらをどうぞ。

というわけで今回は以上です。

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

参考：Webライティングを制する者はブログを制する！本質と書き方を解説

参考：読者ファースト！【SEOライティング】こそブログの書き方のすべて

参考：保存版！SEOライティング 書き方の基本【30点】

参考：【SEOライティング資格】 取得する7つのメリットがこれ！