【実践編】ブログを書いてみよう！｜記事の構成の考え方＆SWELL基本操作について

ブログ初心者さんは「さあ、記事を書いてみて！」と言われても「何をどう書けば良いのか分からない…」という方がとっても多いと思います。

本記事では、ブログを開設したけれど何をすれば良いのか分からないという方向けに

という基礎的な部分を解説していこうと思います。

キーワードの選定

まずは、記事の基盤となる「キーワードの選定」を行います。

ネットではGoogleのキーワードプランナーなどがよく話題にされますが、

• あまり初心者さん向けではない
• 広告を出さない人にとっては参考程度にしからならない
• 利用登録までに手間がかかる

という点から完全初心者さんに最初から進めることは控えています。

Google検索を使ったキーワードの探し方

1. 検索窓に書きたいカテゴリの単語を入れて検索する（2〜3語入れてOK）
2. 検索結果を下までスクロールして「他のキーワード」の部分を確認すると、関連キーワードを見る事ができます。

キーワードの選定は大切な作業なのですが、時間がかかりすぎて記事を書く余力がなくなってしまった…なんてことも、初心者さんにはしばしば見受けられます。

もちろん、このように探すのではなく自分の思いついたキーワードを使っても全く問題ありません！

まずは楽しく、短時間で記事を書けるようになるまでひたすら執筆練習をしてみましょう。

ブログ記事の基本構成

適切な構成作り（見出し付け）をすることで記事がグッと読みやすくなり、サイト内の回遊率UP・直帰率の低下に繋がります。

以下、ブログの基本的な構成とその考え方についてまとめてみました。

見出しの使い分けについて

ブログ記事内で使用する見出しは、見出し２〜４（h2〜h4）の3種類です。（見出し１（<h1>タグ）はタイトルタグなので使用しません）

まずはブログ上での表示を確認します。

見出しは、ただつければ良いというものではありません。

大前提として、見出し２→見出し３、足りなければ４という使い方をします。

見出し２を入れていないのにいきなり見出し３が来る、というのは良くありません。

また、不要な見出しをつける必要もありません。

以下に見出しの例をまとめます。

１段落の文字数・改行について

１段落の文字数は、30〜45文字くらいまでが良いとされています。

以下の画像をみてください。

どちらが読み手を意識して書かれた文章であるかは、一目瞭然だと思います。

とはいえ、必ずしも３０〜４５文字である必要はありません。あくまで、「文章が読みやすいように適所適所に改行を入れる・ただし入れ過ぎは逆効果」ということさえわかっていただければOKです。

使用する装飾について

SWELLで使用することができる装飾は以下の通りです。

他にもいろいろありますが、ここで伝えたいのは1記事の中で使うマーカーは一色・あまり多く種類の囲み枠を乱用しないということです。

カラフルなマーカー、たくさんの囲み枠…使いたくなるのはわかります。

しかし読み手から見ると、統一感がなく気が散って読みづらい記事になってしまうんですね。

囲み枠についてはワンクリックでつけたり外したりすることができますので「くどくないかな？」と全体の確認、調整を行いながら装飾をしていくと良いと思います。

ブログの投稿方法

ログイン方法

①ログインURLへアクセスします。
②控えておいたログイン情報でログインをしてください。

WordPress.comアプリからの執筆はできません。ブラウザから直接アクセスし、記事の執筆を行ってください。

投稿画面の開き方

左側メニューより「投稿」→「投稿追加」をクリック

記事執筆画面が開きます

文字入力方法

記事執筆画面の右側にある「＋」ボタンを押すとポップアップが表示されます。

「段落」をクリックすると、通常のテキストが入力できます。

囲み枠装飾方法

囲みたい文章が１行の場合

①囲みたい文字をクリック
②右側に「ブロック」が現れるので選択

下にスクロールすると、ボーダー・スタイルの部分に囲み枠があります。

１回クリックで実装・もう１回クリックで外すことができます。コードの記述は一切必要ありません。

囲みたい文章が２行以上の場合

囲みたい部分が２行以上の場合、デフォルトでは実装できません。以下の手順を行ってください。

まずは囲みたい部分をドラッグ＆ドロップします。以下のような画面になります。

続いて、上に出てくる編集アイコン（①）→グループ（②）をクリックします。

すると、以下のように３つのブロックが一塊のグループになったことがわかります。

この状態で右側を見ると、囲み枠が表示されています。利用したい枠をクリックすることで適応する事ができます。

マーカー（アンダーライン）の引き方

①マーカーを引きたい部分をドラック＆ドロップで選択します。
②マーカーアイコンをクリックします。
③色を選択します。

上の操作を行うことで、マーカーが実装されます。

文字の強調（太文字）をする方法

①強調部分をドラッグ＆ドロップで選択します。
②『B』アイコン（太文字）をクリックします。

↓太文字が実装されます。

文字の強調をリセットしたい時は、上記の動作をもう一度行ってください。

文字色変更方法

①文字色を変更したい部分を、ドラッグ＆ドロップで選択します。
②「続きを読む」アイコン（下向き矢印）をクリックします。
③テキスト色をクリックします。
④カラーパレットから色を選択します。カスタムカラーから色の細かい調整をすることができます。

↓実装完了

画像挿入方法

①改行をし、何もテキストを入力していない段落を用意します。右側＋をクリックしてポップアップを開きます。
②「画像」を選択してください。（ない場合は下の「すべて表示」ボタンから探すことができます。）
③「アップロード」を選択し、PCまたはスマホそれぞれの画像フォルダから使用画像をアップロードしてください。
④使用する画像を選択し、右下にある「選択」をクリックします。画像がきちんと反映されるか確認してください。

アイキャッチ画像挿入方法

左側メニュー「投稿」を下にスクロールし、「アイキャッチ画像」をクリックします。

以降、上で説明した「画像挿入方法」と操作は同じです。

文字リンク挿入方法

リンクを挿入したいテキストをドラッグ＆ドロップし、上のメニューバーから「リンク」を選択します。

下の画像、①部分にリンクを挿入します。

②部分をクリックし、必ずONにするようにしてください。

「新しいタブで開く」をONにする理由は、リンクを踏んで当サイト外に流出したユーザーが当サイトに戻って来やすいようにする工夫です。

当サイトを独立したタブで開いていると、目的のサイトを見終わったユーザーがタブからサイトに帰って来てくれる確率が上がるからです。

カテゴリ・タグの追加について

編集画面右側「投稿」タブより、カテゴリ・タグを編集することができます。