ブログ最初の記事作成マニュアル完全ガイド【初心者向け】

こんにちは。おもち(omochi.biz)です。

ブログを始めたけど、最初の記事って何を書けばいいの?

と、悩んでいませんか?

ブログ初心者にとって、はじめての記事はとくにムズかしく感じるもの。

こちらの記事では、そんなあなたのために、ブログ記事を作成するときに知っておきたい重要なポイントとワードプレスの操作方法についてわかりやすく解説していきます。

さいごまで読めば、ブログ記事の構成がしっかり理解できるので、記事が書きやすくなるはずです。

おもち

ブログ記事の書き方をマスターしちゃおう!

ワードプレスの操作方法については、WordPressテーマ『SWELL』をつかった解説になります。SWELLのくわしい解説記事はこちらをどうぞ。

目次

ブログ記事は6つの要素から構成されている

ブログ最初の記事の書き方:ブログ記事は6つの要素から構成されている

ブログ記事はつぎの6つの要素から構成されています。

ブログ記事の構成
  • 記事タイトル
  • アイキャッチ画像
  • リード文
  • 見出し
  • 本文
  • まとめ

①~⑥を順番どおり書いていけば、ブログ記事が完成する流れ。

おもち

それぞれ解説していくね!

記事タイトルをつけるときのコツ

ブログ記事にタイトルをつけるときのコツは次の4つ。

検索キーワードを入れる

ブログ最初の記事の書き方:記事タイトルにはキーワードを入れる

記事タイトルには、ねらう検索キーワードを必ず入れてください。

検索キーワードとは、読者がGoogleの検索バーに入力する言葉のことをいいます。

キーワードを入れることで、読者の検索意図にマッチした内容であることが伝わり、クリックしてもらいやすくなります。

おもち

キーワードが入っていないと、Googleさんの評価がもらいにくいよ!

SEO対策に必要なキーワードをラッコキーワードで探す方法はこちら

数字を入れる

ブログ最初の記事の書き方:記事タイトルには数字を入れる

記事タイトルに、数字を入れるのもおすすめ。

数字が入っていると情報量やメリットが伝わりやすく、読者の関心を引くことができます。

記事を読むメリットを入れる

ブログ最初の記事の書き方:記事タイトルには記事を読むメリットを入れる

タイトルには、記事を読むメリットを入れましょう。

読者がもとめる情報や解決策が書かれた記事であることが伝わり、記事が読まれやすくなります。

30文字前後にする

ブログ最初の記事の書き方:記事タイトルは30文字前後にする

記事タイトルは、30文字前後を目安にしてください。

タイトルがきちんと表示される文字数は、パソコンで30~32文字ほど、スマホで30~41文字ほどなので、30文字前後であれば、どのデバイスでも問題なく表示されます。

おもち

読者に『読みたい!』と思ってもらえるタイトルをつけよう!

ワードプレスで記事タイトルを書く方法を見る

アイキャッチ画像とは

アイキャッチ画像とは、記事のはじめ(タイトルの下)に表示される『ユーザーの目を引きつけるための画像』のことです。

アイキャッチ画像の色使いやフォント、トーンや雰囲気を統一することで、ブログサイトの世界観がつくられ、読者にサイトを覚えてもらいやすくなります。

アイキャッチ画像のデザイン
  • Canvaが使える:記事の内容にあったアイキャッチ画像を自分でつくる
  • Canvaが使えない:商用利用可のフリー素材サイトを利用する

デザインができる方は、自分でアイキャッチ画像をつくるのがベスト。オリジナリティがでるので、Googleさんに評価してもらいやすいです。

自分でデザインできない方は、商用利用可のフリー素材サイトを利用しましょう。

ブログ最初の記事の書き方:商用利用化のフリー素材サイト『O-DAN』がおすすめ

O-DAN(オーダン)なら著作権フリー画像が無料でつかえて、とっても便利!

おもち

似たようなテイストの画像をつかってブログサイトの世界観をつくっていこう!

ワードプレスでアイキャッチ画像を設定する方法を見る

リード文とは

ブログ記事の書きはじめには『リード文』といわれる短めの文章をかきます。

記事の内容がどんなものか、読むとどんな良いことがあるかを簡潔に伝えるための文章です。

ブログ最初の記事の書き方:リード文とは

リード文で読者に『これ、読んでみたい!』と思ってもらえると、

  • 記事を読み進めてもらえるのでサイトの滞在時間が長くなる
  • Googleさんに人気がある記事と評価されやすくなる

逆に、リード文がイマイチだと、

  • 『この記事ちがうかも』と別のサイトに行かれるので離脱率があがる
  • Googleさんに人気がない記事と評価されやすくなる

どちらもSEOの評価に大きな影響があります。

リード文を書くときは『この記事を読むとこんなことがわかりますよ!』『こんなメリットがありますよ!』と、わかりやすく伝えるのがコツ。

読むメリットが伝われば、たくさんの人に最後まで読んでもらえて、記事の価値がグッとあがります。

おもち

記事を読んでもらえるかはリード文にかかっているよ!

ワードプレスでリード文を設定する方法を見る

見出しとは

ブログ記事の見出しは、そのあとにつづく内容が一目でわかるように、文章の前に配置される短い文のことです。

ブログ記事を書くときは、全体を1つの長い文章として書くのではなく、内容がかわるところで『見出し』をつかって区切りながら書いていきます。

ブログ最初の記事の書き方:見出しとは

ワードプレステーマ『SWELL』では、ブログ記事に見出しを設定していくと、こんな感じの目次が自動で挿入される仕組みになっています。

ブログ記事の見出しを読むだけで、その記事の内容がなんとなく把握できるように書くのが大切です。

おもち

本のはじめにある目次をみて、どんな内容の本なのかを判断するのと同じだね!

ワードプレスで見出しを設定する方法を見る

読みやすい記事を書くコツ

読みやすいブログ記事を書くコツは次のとおり。

読みやすくするための工夫
  • 箇条書きを入れる
  • 図解を入れる
  • テキストにリンクをつける
  • ふきだしを入れる

ブログ記事を読んでもらうには、見栄えを整えて、飽きさせない工夫が必要です。

箇条書きを入れる

長い文章をずらっと書くより、ポイントを箇条書きにすると読みやすくなります。

重要なことだけ知りたい読者にも、大事なところがすぐわかるので、箇条書きはとっても便利。一文ずつ短くまとめるのがコツです。

図解を入れる

文章だけでは理解しにくい情報も、図解をつかって説明することで、読者にわかりやすく伝えることができます。

記事の見栄えが良くなり、読みやすさもアップ。記事をじっくり読んでもらえるので、読者のサイト滞在時間が長くなり、Googleさんに評価してもらいやすくなります。

テキストにリンクをつける

関連する記事や参考になるサイトへのリンクをつけると、読者がより詳しい情報を探しやすくなるため、読者の『もっと知りたい!』という気持ちに応えることができます。

自分都合で関係ない記事やサイトにリンクするのはNG。読者のためになるリンクをつけてあげるのがポイントです。

吹き出しを入れる

吹き出しを使うことで、読者に親しみやすさを感じてもらえます。読者の気持ちを代弁したり、大切なことを強調したいときにも効果的。

ふきだしを使いすぎると読みにくくなるので、バランスよく取り入れましょう。

おもち

ふきだしに長いテキストはNGだよ!

ワードプレスで記事本文の書き方を見る

まとめで次の行動を促す

ブログ記事の最後に、まとめを入れてみましょう。なくても大丈夫ですが、あると記事の大切なポイントを振り返れるので、読者の理解が深まります。

ここでちょっとした工夫をすると効果的。

まとめに入れると効果的な項目
  • 記事で紹介した商品をもう一度載せる
  • サイト内の別の関連記事を紹介する

ブログ記事をさいごまで読んでくれた読者は、記事に興味がある場合が多いので、記事で紹介した商品のリンクを貼っておくと、クリックしてもらえる可能性が高まります。

また、サイト内の別の関連記事を載せておくと、回遊率があがる、つまりサイト滞在時間が長くなり、Googleさんに評価してもらいやすいです。

おもち

読者が迷わないよう、次の行動を促してあげるイメージだよ!

ブログ最初の記事作成マニュアル|ワードプレス【SWELL】の使い方

ブログ記事タイトルの書き方

ブログ最初の記事作成マニュアル ステップ1:ワードプレスをひらいて、投稿にある新規投稿を追加をクリックする

まずはブログタイトルを書いていきましょう。

ワードプレスをひらいて、画面左側メニューにある『投稿』にカーソルをもっていき、表示された『新規投稿を追加』をクリック。

ブログ最初の記事作成マニュアル ステップ2:投稿ページがひらきました

投稿ページがひらいたら、

ブログ最初の記事作成マニュアル ステップ3:『タイトルを追加』をクリックする

『タイトルを追加』をクリック。そのまま記事タイトルを入力してきます。

ブログ最初の記事作成マニュアル ステップ4:記事タイトルを入力する

記事タイトルが入力できました。

アイキャッチ画像の設定方法

ブログ最初の記事作成マニュアル ステップ5:画面右上にある『設定』ボタンがONになっているか確認する

つぎはアイキャッチ画像です。

投稿ページの画面右上にある『設定』マークがONになっていることを確認。

ブログ最初の記事作成マニュアル ステップ6:『アイキャッチ画像を設定』ボタンをクリックする

画面右側の設定にある『アイキャッチ画像を設定』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ7:『ファイルをアップロード』をクリックする

『ファイルをアップロード』をクリック。

ブログ最初の記事作成マニュアル ステップ8:『ファイルを選択』ボタンをクリックする

『ファイルを選択』ボタンをクリック。

おもち

使いたいアイキャッチ画像を選択してね!

ブログ最初の記事作成マニュアル ステップ9:アイキャッチ用の画像をアップロードする

アイキャッチ画像がアップロードできたら『アイキャッチ画像を設定』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ10:アイキャッチ画像が設定できました

ブログ記事にアイキャッチ画像が設定できました。

おもち

『置換』をクリックすると、アイキャッチ画像が変更できるよ!

リード文の書き方

ブログ最初の記事作成マニュアル ステップ11:記事下にある『ブロックを選択するには「/」を入力』をクリックする

つついて、リード文を書いていきましょう。

投稿ページをひらいて、記事タイトルの下にある『ブロックを選択するには「/」を入力』をクリック。そのままテキストを入力してください。

ブログ最初の記事作成マニュアル ステップ12:リード文を入力する

改行したいときは『Enter』キーをクリック。つづけてテキストを入力していきます。

ブログ最初の記事作成マニュアル ステップ13:リード文が書けました

リード文が書けたら、そのままでOK。

つぎに説明する『見出し』を入れることで、上記のテキストと見出しの間に『目次』が自動挿入され、リード文として認識されます。

おもち

リード文はただ書くだけでOK!とくべつな設定はいらないよ!

見出しの設定方法

ブログ最初の記事作成マニュアル ステップ14:見出しを設定したい行の『+』ボタンをクリックする

ブログ記事に見出しを設定していきましょう。

投稿ページをひらいて、見出しを入れたい行をクリックすると、右側に『+』ボタンが表示されるので、そちらをクリック。

ブログ最初の記事作成マニュアル ステップ15:検索窓に『見出し』と入力する

検索窓に『見出し』と入力。

ブログ最初の記事作成マニュアル ステップ16:『見出し』をクリックする

表示された『見出し』をクリック。

ブログ最初の記事作成マニュアル ステップ17:表示された『見出し』をクリックしてテキストを入力する

見出しが表示されたら『見出し』をクリックしてテキストを入力してください。

ブログ最初の記事作成マニュアル ステップ18:見出しが設定できました

見出しが設定できました。

ブログ最初の記事作成マニュアル ステップ19:小見出し用のテキストを入力する

小見出しを挿入したい場合は『ブロックを選択するには「/」を入力』をクリックして、小見出し用のテキストを入力。

ブログ最初の記事作成マニュアル ステップ20:ツールバーにある『段落』マークをクリックする

ツールバーにある『段落』マークをクリック。

ブログ最初の記事作成マニュアル ステップ21:『見出し』をクリックする

『見出し』をクリック。

ブログ最初の記事作成マニュアル ステップ22:ツールバーにある『H2』をクリックする

『H2』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ23:『H3 見出し3』をクリックする

『H3 見出し3』をクリック。

ブログ最初の記事作成マニュアル ステップ24:小見出しが挿入できました

小見出しが設定できました。

ブログ最初の記事作成マニュアル ステップ25:画面上部にある『カスタマイズ』をクリックする

見出しボックスのデザインを変更したい場合は、画面上部にある『カスタマイズ』をクリック。

ブログ最初の記事作成マニュアル ステップ26:『投稿・固定ページ』をクリックする

『投稿・固定ページ』をクリック。

ブログ最初の記事作成マニュアル ステップ27:『コンテンツのデザイン』をクリックする

『コンテンツのデザイン』をクリック。

ブログ最初の記事作成マニュアル ステップ28:見出しのデザインを変更する

見出しのデザイン設定で、見出しのデザインが変更できます。

おもち

デザインは見出しごとに選べるよ!

ブログ最初の記事作成マニュアル ステップ29:見出しを設定すると目次が自動で挿入される

投稿ページで設定した見出しは、目次に自動挿入されていきます。

ブログ最初の記事作成マニュアル ステップ30:画面上部にある『カスタマイズ』をクリックする

目次のデザインを変更したい場合は、画面上部にある『カスタマイズ』をクリック。

ブログ最初の記事作成マニュアル ステップ31:『投稿・固定ページ』をクリックする

『投稿・固定ページ』をクリック。

ブログ最初の記事作成マニュアル ステップ32:『目次』をクリックする

『目次』をクリック。

ブログ最初の記事作成マニュアル ステップ33:『目次のデザイン』の下向き矢印をクリックする

目次のデザインにある下向き矢印をクリック。

ブログ最初の記事作成マニュアル ステップ34:目次デザインを変更する

あなたのお好きな目次デザインを選択してください。

ブログ記事本文の書き方

投稿ページをひらいて、本文を書いていきましょう。

テキストを入力する

ブログ最初の記事作成マニュアル ステップ35:『ブロックを選択するには「/」を入力』をクリックしてテキストを入力する

『ブロックを選択するには「/」を入力』をクリックして、テキストを入力していきます。

ブログ最初の記事作成マニュアル ステップ36:文章は長くなりすぎないよう簡潔にまとめる

読者はスマホで記事を読むことが多いので、長い文章はNG。

『Enter』キーで改行できるので、文章が長くなりすぎないよう気をつけながら簡潔にまとめていきましょう。

おもち

記事ができたら、あなたのスマホを使って、読みやすさをチェックしてみよう!

記事内に箇条書きを入れる

ブログ最初の記事作成マニュアル ステップ37:箇条書きを入れたい行にある『+』ボタンをクリックする

箇条書きを入れたい行をクリックすると、右側に『+』ボタンが表示されるので、そちらをクリック。

ブログ最初の記事作成マニュアル ステップ38:検索窓に『リスト』と入力する

検索窓に『リスト』と入力。

ブログ最初の記事作成マニュアル ステップ39:『リスト』をクリックする

表示された『リスト』をクリック。

ブログ最初の記事作成マニュアル ステップ40:記事内に箇条書きが挿入できました

ブログ記事に箇条書きが挿入できました。

ブログ最初の記事作成マニュアル ステップ41:改行すると箇条書きの行が増やせる

『Enter』キーを押すと、箇条書きの行が増やせます。

箇条書きのデザインを買えたい場合は『・』をクリック。

ブログ最初の記事作成マニュアル ステップ42:『親ブロックを選択』ボタンをクリックする

『親ブロックを選択』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ43:画面上部にある『設定』ボタンがONになっていることを確認する

画面右上にある『設定』マークがONになっていることを確認。

ブログ最初の記事作成マニュアル ステップ44:箇条書きのデザインを変更する

画面右側にある設定に、リストの一覧が表示されるので、お好きなデザインを選択してください。

ブログ最初の記事作成マニュアル ステップ45:箇条書きデザインは番号にも変更できる

箇条書きを番号で表示することもできます。

ブログ最初の記事作成マニュアル ステップ46:画面右側の設定にある『下線を付ける』をクリックする

設定にあるリストの追加スタイルで『下線を付ける』をクリックすると、

ブログ最初の記事作成マニュアル ステップ47:箇条書きの行間に下線が追加できました

箇条書きの行間に下線を入れることができます。

ブログ最初の記事作成マニュアル ステップ48:箇条書きのマークをクリックする

箇条書きのまわりを枠で囲いたいときは、箇条書きのマークをクリック。

ブログ最初の記事作成マニュアル ステップ49:『親ブロックを選択』ボタンをクリックする

『親ブロックを選択』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ50:『オプション』マークをクリックする

『オプション』マークをクリック。

ブログ最初の記事作成マニュアル ステップ51:『グループ化』をクリックする

『グループ化』をクリック。

ブログ最初の記事作成マニュアル ステップ52:箇条書きのまわりにつける枠を選ぶ

画面右側に『ボーダー設定』が表示されるので、お好きなデザインを選択してください。

ブログ最初の記事作成マニュアル ステップ53:箇条書きのまわりに枠がつきました

箇条書きのまわりに枠が追加できました。

ブログ記事に画像を挿入する

ブログ最初の記事作成マニュアル ステップ54:画像を挿入したい行で『+』ボタンをクリックする

画像を挿入したい行をクリックすると、右側に『+』ボタンが表示されるので、そちらをクリック。

ブログ最初の記事作成マニュアル ステップ55:検索窓に『画像』と入力する

検索窓に『画像』と入力。

ブログ最初の記事作成マニュアル ステップ56:『画像』をクリックする

表示された『画像』をクリック。

ブログ最初の記事作成マニュアル ステップ57:『メディアライブラリ』ボタンをクリックする

『メディアライブラリ』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ58:メディアライブラリがひらきました

メディアライブラリがひらきました。

ブログ最初の記事作成マニュアル ステップ59:『ファイルをアップロード』ボタンをクリックする

つづいて『ファイルをアップロード』をクリック。

ブログ最初の記事作成マニュアル ステップ60:『ファイルを選択』ボタンをクリックする

『ファイルを選択』ボタンをクリック。

おもち

記事に挿入したい画像を選択してね!

ブログ最初の記事作成マニュアル ステップ61:画像がアップロードできたら『選択』ボタンをクリックする

画像がアップロードできたら、画面右下にある『選択』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ62:記事内に画像が挿入できました

ブログ記事に画像が挿入できました。

ブログ最初の記事作成マニュアル ステップ63:画面右上の『設定』マークがONになっていることを確認する

画像に枠や影をつけたい場合は、画像をクリック。画面右上の『設定』マークがONになっていることを確認。

ブログ最初の記事作成マニュアル ステップ64:画像のスタイルで『枠あり』『影あり』など好きなものを選ぶ

画面右側のブロックに表示された、画像のスタイルからお好きなものをえらんでください。

おもち

デフォルトのままでもOKだよ!

テキストにリンクを貼る

ブログ最初の記事作成マニュアル ステップ65:リンクを貼りたい文字列を選択する

テキストにリンクを貼りたい場合は、リンクを貼りたい文字列を選択。

ブログ最初の記事作成マニュアル ステップ66:ツールバーにある『リンク』マークをクリックする

ツールバーにある『リンク』マークをクリック。

ブログ最初の記事作成マニュアル ステップ67:検索窓にリンク先のURLを入力する

外部リンク(自分のサイト以外のURL)を貼りたい場合は、検索窓にそのURLを入力。

内部リンク(自分のサイト内の別ページ)を貼りたい場合は、検索窓にタイトルのキーワードを入力して表示された該当記事をクリック。

ブログ最初の記事作成マニュアル ステップ68:URLが入力できたら『Enter』マークをクリックする

URLが入力できたら『Enter』マークをクリック。

おもち

サイト内の別ページにとばす『内部リンク』の場合は、ここまでの設定でOK!

ブログ最初の記事作成マニュアル ステップ69:外部リンクの場合は『編集』マークをクリックする

自分のサイト以外のURLにとばす『外部リンク』の場合は『編集』マークをクリック。

ブログ最初の記事作成マニュアル ステップ70:『新しいタブで開く』にチェックする

『新しいタブで開く』にチェック。

読者がリンクをクリックしたら、新しいタブにリンク先のサイトが表示される設定です。

ブログ最初の記事作成マニュアル ステップ71:『保存』ボタンをクリックする

『保存』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ72:テキストにリンクが貼れました

テキストにリンクが貼れました。

本文中にふきだしを入れる

ブログ最初の記事作成マニュアル ステップ73:ふきだしを入れたい行で『+』ボタンをクリックする

ふきだしを入れたい行をクリックすると、右側に『+』ボタンが表示されるので、そちらをクリック。

ブログ最初の記事作成マニュアル ステップ74:検索窓に『ふきだし』と入力する

検索窓に『ふきだし』と入力。

ブログ最初の記事作成マニュアル ステップ75:『ふきだし』をクリックする

表示された『ふきだし』をクリック。

ブログ最初の記事作成マニュアル ステップ76:ブログ記事にふきだしが挿入できました

ブログ記事にふきだしが挿入できました。

ブログ最初の記事作成マニュアル ステップ77:ふきだしセットを登録しておくと、簡単にオリジナルふきだしが挿入できる

ふきだしセットを登録しておくと、画面右側にある設定からオリジナルふきだしが簡単に挿入できます。

ブログ最初の記事作成マニュアル ステップ78:画面左側にある『ふきだし』をクリックする

ふきだしセットの登録は、画面左側のメニューにある『ふきだし』をクリック。

ブログ最初の記事作成マニュアル ステップ79:『新規ふきだしを追加』ボタンをクリックする

『新規ふきだし追加』ボタンをクリック。

ブログ最初の記事作成マニュアル ステップ80:ふきだしセットのカスタマイズをする

こちらで、ふきだしセットのカスタマイズができます。オリジナルなふきだしができたら、画面上部にある『登録』ボタンをクリック。

これでふきだしセットの登録はOK。

ブログ最初の記事作成マニュアル ステップ81:『テキストを入力…』をクリックすると、ふきだしのテキストが変更できる

ふきだしの『テキストを入力…』をクリックすると、直接テキストが入力できます。

【まとめ】読まれるブログ記事を書くコツ

読まれるブログ記事を書くコツは、読者の視点に立つことです。

基本的に、ブログ記事すべてをじっくり読む読者はいないので、次のポイントが大切になります。

読まれる記事を書くコツ
  1. 結論を先に伝える:読者が内容を把握しやすい
  2. 見出しを工夫する:見出しだけで記事内容がわかるように
  3. 文章はシンプルに:短く簡潔に書く
  4. 箇条書きをつかう:重要な情報が目立ち、読み飛ばされにくい
  5. 一貫性のある文体:『です/ます』調、『だ/である』調を統一すると読みやすい

こんなことを意識してブログ記事を書くことで、読みやすく、わかりやすい記事にしあがります!

おもち

頭で考えているだけでなく、まずはブログ記事を書いてみよう!

ブログ記事がスムーズにかけるようになったら、ブログの収益化に挑戦していきましょう。

広告であることを隠して商品やサービスを宣伝することは『ステマ規制』で禁止されているため、必ず『PR表記』の設定をしてください。

PR表記を設定する方法はこちら

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次