未経験が武器になる!Webデザイナーが教えるブログの書き方(初級編)

※このページでは広告のリンクを含みます

この記事では、未経験者に向けた実践的なブログ執筆ガイドです。ターゲットユーザーの設定から始め、検索結果の調査、記事構成の作成、PREP法を用いた本文の執筆、リード文の作成、画像の挿入など、ステップごとに詳細に解説しています。未経験者でもブログ運営のメリットを体験できます。

未経験Webデザイナーがブログをやるメリット

ブログには、日記記事、ニュース記事、商品レビュー記事など様々なジャンルがあります。
ここでは、プロのWebデザイナーや未経験Webデザイナーには「専門的なノウハウ・解説記事」のブログ運営を推奨しています。

ブログ運営を経験すべき理由としては下記のようにメリットが多くあるからです。

  • 成長過程を見せられる
  • ファンになってもらえる
  • ポートフォリオとして使える
  • Web制作スキルが身につく
  • 言語化の練習になる

上記のように業務や座学では得られないメリットが受けれます。
特に未経験からWeb業界に転職したい人にとっては、是非挑戦してもらいたいです。

詳細は、「Webデザイナーのブログが就活・転職に効く【WordPressブログ開設方法も紹介】」にて書いているのでよかったら、こちらの方を読んでみてください。

読まれるブログ記事の書き方

ブログ記事は誰にでも書けますが、読まれる・読んでもらえる記事のルールは存在しています。
下記の手順で読まれるブログ記事の書き方を著者の経験からまとめています。

ちなみに、著者はブログ経由から仕事の受注や出版社からの献本、転職エージェントにスカウトされたりしたこともありますので、参考にしてもらえると効果的なブログ記事が書けるようになります。

  • Step1. ターゲットユーザー設定(だれに向けて書くのかを決める)
  • Step2. 検索検索から競合調査を行う(検索結果を調査検討する)
  • Step3. 記事構成を作る(見出しを箇条書きする)
  • Step4. 記事本文は書く(「PREP法」で書く)
  • Step5. リード文を書く構成する(読者の悩みを提示する)
  • Step6. 本文を貼り付ける(各種設定をする)
  • Step7. 画像を制作と挿入をする(アイキャッチと図版の制作)
  • Step8. 文章を装飾する(強調部分を入れる)
  • Step9. 推敲する(スマホサイズも確認する)

ひとつずつ解説していきます。

Step1.ターゲットユーザー設定(だれに向けて書くのかを決める)

誰に向けて書くのかを明確にすることで、読者のニーズに合った記事が書けます。そのためには、具体的なペルソナを設定し、年齢層、性別、職業、興味関心などを明確していくことが大事です。

ペルソナ設定例は下記のとおりです。

  • 30代男性
  • フリーランスWebデザイナー
  • ブログでポートフォリオを作りたい
  • 最新のWebデザイン技術や制作過程を発信したい
  • ブログを通して仕事に繋げたい

ペルソナを作っていくことで、記事の内容や構成をより具体的に検討できるし、ペルソナの悩みやニーズを理解することで、共感を生み、読者を惹きつける記事を書けます。

一番カンタンなペルソナ設定は、過去の自分を設定にするとグッとリアル感が出て記事が容易に書けるます。Webの技術ブログであれば過去自分が知らなかった時に「こんな記事があったら、より分かりやすいのでは」と共感できる記事が書けます。

Step2. 検索検索から競合調査を行う(検索結果を調査検討する)

同様のテーマで検索される他のブログや記事を徹底的に分析し、競合の戦略やトレンドを把握します。内容、構成、デザインなどを参考に、差別化できるポイントを探します。

調査の仕方は、自分自身が狙うキーワードでGoogle検索した上位10記事分を調査します。

調査するポイントは下記の5つです。

  • 記事の内容:どんな情報を提供しているか、独自の視点や情報は何か
  • 記事の構成:どんな順番で情報を伝えているか、分かりやすく論理的な流れになっているか
  • 記事のデザイン:見やすく読みやすいデザインか、画像や図表を効果的に使っているか
  • 記事の長さ:どのくらいのボリュームか、長すぎず短すぎない適切な長さか
  • 記事の更新頻度:どれくらいの頻度で更新されているか、定期的に更新されているか

競合調査することで下記のメリットが得られます。

  • 競合調査を行うことで、自分の記事を差別できるポイントを見つけられる
  • 上位記事の良いところを真似し、自分の記事より良いものにする

検索エンジンが実際評価しているページなので、大いに参考にあると思いますが、まるっと全文コピペはやめましょう。

Step3. 記事構成を作る(見出しを箇条書きする)

白紙の状態から本文記事を書いていくと最後まで書き切ることが難しい場合があります。(頭の中ですべて文章ができる場合は除きます。)

まず、記事を書き始める前に記事の構成を作成していきます。記事構成の作り方は、見出しタイトルを用います。読者がスムーズに内容を理解できるような論理的な構成を作っていきましょう。

記事構成を作るポイントは下記の通りです。

  • 見出しは簡潔で分かりやすく、記事の内容を端的に表現する
  • 見出しの順番は論理的な流れを意識し、読者が理解しやすいようにする
  • 見出しを工夫することで、記事の読みやすさを向上させる

記事構成がしっかりできれば記事の執筆はスムーズにいくと思いますので、この項目は省かないようにしたいです。

Step4. 記事本文は書く(「PREP法」で書く)

Webページでの閲覧ユーザーの特性上、じっくりとWebテキストを読み込むことは少なく、縦スクロールにより主要なテキストを拾い読みしていくことが傾向があります。

そこで、「PREP法」という文章構成を使います。この手法は結論を先に示してから理由や説明を展開していくことで、閲覧ユーザーが理解しやすい、知識を習得しやすくなり満足度の高い読書体験が得られます。

PREP法の使用例として下記のようになります。

  • Point(結論):ブログは、未経験者でも自分の強みを活かして情報発信できるツールです。
  • Reason(理由):デザイン知識がなくても、工夫次第で魅力的なブログを作ることができます。
  • Example(具体例):具体的な方法を紹介します。
  • Point(Point):PREP法を使うことで、論理的で分かりやすい文章になる。

結論を先に示すことで、読者の興味を引き最後まで読んでもらえる利点があります。

Step5. リード文を書く構成する(読者の悩みを提示する)

リード文は、記事の冒頭部分のことです。読者の関心を引きつける問いかけや興味をそそる事実を盛り込み記事を読み進めたくなるような内容にしましょう。リード文は、検索結果にも表示されるようにディスクリプション(description)に導入します。

ディスクリプションの仕組み

リード文の例は下記のような感じになります。

ブログでポートフォリオを作りたいけど、何を書いていいかわからない?

ブログで仕事に繋げたいけど、具体的な方法が分からない?

そんなお悩みありませんか?

このブログでは、あなただけの魅力的なポートフォリオ記事を作成するためのヒントと、ブログを最大限に活用して案件を獲得する方法を分かりやすく解説します。
ターゲットとなるペルソナの悩みやニーズを提示することで、共感を生み、読者を惹きつけます
f
また、具体的な数字や事例を入れることで、説得力のあるリード文になります。
読者の興味を引き、記事を読み進めたくなるような内容にしていきましょう。

Step6. 本文を貼り付ける(各種設定をする)

記事本文とリード文が書けたら、WordPressに貼り付けていきます。タイトル、カテゴリー、タグなどを設定します。

Step7. 画像を制作と挿入をする(アイキャッチと図版の制作)

アイキャッチや図版など、ビジュアルコンテンツを選定・挿入します。これにより、記事の魅力や理解度が向上し、読者の興味を引きます。

また、画像は高品質なものを使用することで、記事全体の質をより向上できるのでできる限り高品質な画像を用意しておきます。

Step8. 文章を装飾する(強調部分を入れる)

重要な部分や強調したい部分は、太字や色付けなどの装飾をしましょう。太字や斜体、色分けなどを活用し、情報の重要性を視覚的に強調します。
これにより、読者が記事の要点を把握しやすくなります。しかし、装飾を使いすぎると、読みにくくなるので注意しましょう。

Step9. 推敲する(スマホサイズも確認する)

誤字脱字や文章の冗長性をチェックし、読みやすい文章に修正します。

また、スマートフォンサイズでも読みやすいかどうかを確認し、必要に応じて改行等を使いレイアウトを調整しましょう。

PCサイトとスマホサイズのレイアウトの違い

上記の手順を参考に、ぜひブログ記事を書いてみましょう。最初は時間がかかるかもしれませんが、慣れればスムーズに書けるようになります。

Webデザイナー未経験が武器になる

ブログ運営は、プロのWebデザイナーや未経験Webデザイナーの方にとって経験すべきと考えています。

自身が知らなかったこと学んだことをまとめて文章化しておくと、これから学ぶ人にその項目に困っているノウハウを伝えることができます。

また、下記のようなメリットもあります。

  • 成長過程を見せられる
  • ファンになってもらえる
  • ポートフォリオとして使える
  • Web制作スキルが身につく
  • 言語化の練習になる

プロのWebデザイナーや未経験Webデザイナーは、ぜひブログを立ち上げて上記のメリット・スキルを手に入れてほしいと思います。
ブログの書き方が理解したら、ブログを構築してみましょう。

WordPressのでブログ構築方法は、「Webデザイナーのブログが就活・転職に効く【WordPressブログ開設方法も紹介】」にて書いているのでよかったら、どうぞ。

この記事のまとめ

本記事では、Webデザイナーが教えるブログの書き方をStepごとに記載していました。
よりわかりやすいように、まとめました。ブログを書く参考になればうれしいです。

未経験が武器になる!Webデザイナーが教えるブログの書き方(初級編)のおさらい

未経験Webデザイナーがブログをやるメリット
ブログ運営を経験すべき理由としては下記のようにメリットが多くあるからです。
  • 成長過程を見せられる
  • ファンになってもらえる
  • ポートフォリオとして使える
  • Web制作スキルが身につく
  • 言語化の練習になる
読まれるブログ記事の書き方
ブログ記事は誰にでも書けますが、読まれる・読んでもらえる記事のルールは存在しています。
Step1. ターゲットユーザー設定(だれに向けて書くのかを決める)
一番カンタンなペルソナ設定は、過去の自分を設定にするとグッとリアル感が出て記事が容易に書けるます。
STEP2. 検索検索から競合調査を行う(検索結果を調査検討する)
調査するポイントは下記の5つです。
  • 記事の内容:どんな情報を提供しているか、独自の視点や情報は何か
  • 記事の構成:どんな順番で情報を伝えているか、分かりやすく論理的な流れになっているか
  • 記事のデザイン:見やすく読みやすいデザインか、画像や図表を効果的に使っているか
  • 記事の長さ:どのくらいのボリュームか、長すぎず短すぎない適切な長さか
  • 記事の更新頻度:どれくらいの頻度で更新されているか、定期的に更新されているか
Step3. 記事構成を作る(見出しを箇条書きする)
記事構成を作るポイントは下記の通りです。
  • 見出しは簡潔で分かりやすく、記事の内容を端的に表現する
  • 見出しの順番は論理的な流れを意識し、読者が理解しやすいようにする
  • 見出しを工夫することで、記事の読みやすさを向上させる
Step4. 記事本文は書く(「PREP法」で書く)
「PREP法」という文章構成を使います。この手法は結論を先に示してから理由や説明を展開していくことで、閲覧ユーザーが理解しやすい、知識を習得しやすくなり満足度の高い読書体験が得られます。
Step5. リード文を書く構成する(読者の悩みを提示する)
リード文は、記事の冒頭部分のことです。読者の関心を引きつける問いかけや興味をそそる事実を盛り込み記事を読み進めたくなるような内容にしましょう。
Step6. 本文を貼り付ける(各種設定をする)
WordPressに貼り付けていきます。タイトル、カテゴリー、タグなどを設定します。
Step7. 画像を制作と挿入をする(アイキャッチと図版の制作)
アイキャッチや図版など、ビジュアルコンテンツを選定・挿入します。これにより、記事の魅力や理解度が向上し、読者の興味を引きます。
Step8. 文章を装飾する(強調部分を入れる)
重要な部分や強調したい部分は、太字や色付けなどの装飾をしましょう。太字や斜体、色分けなどを活用し、情報の重要性を視覚的に強調します。
Step9. 推敲する(スマホサイズも確認する)
スマートフォンサイズでも読みやすいかどうかを確認し、必要に応じて改行等を使いレイアウトを調整しましょう。
Webデザイナー未経験が武器になる
ブログ運営は、プロのWebデザイナーや未経験Webデザイナーの方にとって経験すべきと考えています。
自身が知らなかったこと学んだことをまとめて文章化しておくと、これから学ぶ人にその項目に困っているノウハウを伝えることができます。

ユウジの体感コラム

ブログを書き始めて5年くらいになります。ブログを始めた当初は、ブログのオフ会がありちょくちょく参加していました。参加者は、Web業界以外の方もいましたので、とても勉強になったと思いますね。いまは、そんな有益なイベントがなくなってしまいましたのは残念ですね。

ブログを書いていると誰かの目にとまり、そこから仕事をいただいたこともありました。勤務しているだけでは得られない経験をさせてもらいましたね。
ぜひ、ブログを書いてブログのメリットを体験してみてください。

おすすめの就職・転職エージェント[広告]