MENU

ー おすすめの記事 

SWELL全レビュー

SWELL購入から使い始めるまでの全レビュー!
迷ったけれど、やっぱり選んで良かった

SWELLデメリットまとめ

SWELL導入前に知りたいデメリット!
後悔しないための注意点まとめ

ジューン・マイマイ
パッタン・ブログ主催者
在宅ワーク応援ライター|SWELL×副業×スキルアップ情報をお届けします

在宅フリーランス18年目。
パソコン相談なんでもOKの、40代フリーランスです。
WordPree テーマ【SWELL】
シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』

【やさしいSWELLカスタマイズ講座】①ブログ作りの基本|読まれるサイトの設計ポイント4つ

当ページのリンクには広告が含まれています。
ブログのサイト設計

「よーし、SWELLでサイト型ブログを作るぞ〜!」とワクワクしていると思います。

でもちょっと待ってください。SWELLで設定を始める前に、最初にじっくり取り組むべきことがあります。それが「ブログの設計」です。

「設計」とは、デザインやカスタマイズを始める前に、ブログのターゲットやコンセプトを整理しておくこと。読者にとって分かりやすく、運営者にとっても管理しやすいサイトを作ることができます。

この回では、ブログのデザインを始める前に必要な「設計のポイント」をやさしく解説します。

\SWELLを始めてみようと思った方はこちらから/

目次

ブログは設計が重要!

WordPressでブログを始めるときに、つい「見た目を整えたい」と思いがちです。

たしかに、デザインは信頼性につながる大切な要素。でも、その信頼性は「内容がしっかりしているから」という地盤があったからこそ。ただ、「見た目が良い」だけのサイトは誰も読んでくれません。

読まれるブログを目指すには、これからブログを読んでくれる人の体験を考え、設計をすることが大切です。

ブログの設計をしっかりすると、以下のような4つのメリットがあります。

ブログ設定メリット4つ

1. ブログの目的や目標がはっきりする

ブログは、ただ文章を書けばいい、見た目が良ければいいというわけではありません。

デザインを始める前に、「ブログの目的や目標は何か」、「誰に伝えたいのか」、「どう機能するのか」をはっきりさせましょう。

これが明確になると、ブログで「何を伝えたいか」「誰に読んでもらいたいか」がひと目で分かります。

2. 無駄な作業を減らせる

なんとなくデザインから始めると、後で「やっぱりここを変えたい!」と何度も直すことになります。

設計を最初にすると、どんなページやメニューが必要かが分かるので、あとで修正する手間が少なくなります

3. 読者にやさしいサイトになる

設計をして導線を整理すると、訪問者が迷わず目的のページにたどり着けます。

つまり、読者目線で作れるサイトになるのです。

4. デザインが自然とまとまる

設計があると、「どこに何を置くか」が明確になります。

色やフォント、レイアウトを決めるときも迷わず、見た目がブレないサイトに仕上げやすくなります。

\SWELLを始めてみようと思った方はこちらから/

【ブログの設計の基本4項目】

1. ターゲット:誰に向けて書くブログかを明確にする

1つ目は、ターゲットです。

とにかくたくさんの人に見てほしい!という思いがあると、「どなたでも大歓迎」と言いたくなりますよね。

でも、ターゲットを決めないでいると、誰にも届かないブログになりがちです。

例えば、以下の2つのサイトをご覧ください。英語のブログの例です。

デザイン例1:カラフルで楽しそうなデザイン

出典:「おうちえいご園」(https://eigoen.com/)

出典:「おうちえいご園」(https://eigoen.com/

保育園のイメージで、おもちゃが入った写真を配置。一緒に遊ぼう!という感覚で英語が学習できそうです。

デザイン例2:シンプルでミニマルなザイン

出典:「スキゴガ」(https://sukigoga.com/

シンプルでスッキリまとめられていますね。隙間時間で、コツコツ英語学習を続けたいという主婦のイメージです。

このように、子どもに向けなのか、家事や仕事で忙しい主婦に向けなのかでデザインが変わります。

私がターゲットを決めるときには、できるだけ詳しく決めるようにしています。

ターゲットを決める

例えば、「アート鑑賞が趣味」なら、かわいい系よりもシックなイメージにしようかなと感じますよね。

良いブログは、パッとみて「私のために書いてくれている!」と思われること。

そのためにはターゲットを絞れるだけ絞ると、突き刺さるブログになります。

2. ブログのコンセプト:軸となるテーマを決める

ジューン

さて、問題です。このブログのコンセプトはなんでしょうか?

ブログ例:海好きランナーのブログ

出典:「海好きランナーのブログ」(https://seasiderunning.com/

このサイトのコンセプトは「初心者がフルマラソンを完走するまでをサポートする!」ということです。

これがブログのコンセプトとは、「このブログが何を目的としているか」ということ。

これがブログの軸=テーマになります。コンセプトがわかると、どこに何を置くのかが明確になります。

雑記ブログもいいのですが、ブログのテーマを決めておくと、ファンがつきやすくなります。

例えば、腰痛について相談するときに、「なんでもご相談ください」という整体がいいか、「腰痛専門」と看板がある整体院がいいか。

体の全体的な相談をするならば、「なんでもご相談ください」でもOKかもしれませんが、本当に腰痛で困っていたら「腰痛専門」という整体に行きますよね。

ブログも同じ! 悩んでいる人に、どんな情報を届けるのか。ぐっと内容を絞れば絞るほど、「これ私のために書いてくれてる」と信じられるブログになります。

3. ブログ名:自分の看板を決める

ブログ名

さて、ターゲット・目的と決めてきたら、「ブログ名」を決めましょう。

ブログ名は、お店ならば「屋号」になります。つまり、「顔」や「看板」です。

ジューン

後のデザインで「ロゴ」「ヘッダー」を作るときにもブログ名はとっても大切になります。

ブログ名は、読みやすくて・覚えやすい名前をつけましょう。 覚えやすい名前は、SNSでもシェアされやすく、再訪問されやすくなります。

命名ポイントは3つ!

  • 「ひらがな」「カタカナ」「短い英単語」など、読みやすい文字にする
  • 難しい漢字や長い英語は避ける
  • 何についてのブログなのかが “なんとなく” 伝わると理想的です。

例えば、ヨガやSWELLについてのブログなら。

  • ヨガ日和
  • SWELLでつくるWebデザイン教室
  • くらしとブログの小さな研究室

最後に、作ったブログ名候補が他のサイトと被らないか、Googleで検索しましょう。

似た名前が多い場合は少し変えてみることも大切です。

ついでに、XやInstagramでも同じ名前が使えるか確認すれば万全です!

ここまできたら、次はざっくりメニューを考えます。

4. メニュー構成を考える

メニュー構成

ここでは、「メニュー構成」の考え方をお伝えします。

最初の段階でしっかりメニューを決める必要はありません。

ただ、SWELLはデザイン自由度が高いので、構成をきちんと考えておくと、あとで迷わなくなります。

メニュー構成を作る目的は、読者が迷わず、自分の求める情報にすぐたどり着けるようにすること

ここでは次の3つのステップで整理します👇

  1. トップページに置く主要メニューを考える
  2. カテゴリーを決める
  3. 読者が迷わない導線(ナビゲーション)の作り方
STEP
トップページに置く主要メニューを考える

ここでは「メニューに載せる項目」を決めます。

ジューン

私のブログならば、こんな感じですね。

たとえば、SWELLで作る“サイト型ブログ”では、こんなメニュー構成が多いです。

メニュー構成の例

  • ホーム(なくてもOK)
  • プロフィール(運営者情報)
  • ブログ一覧(または「カテゴリー」)
  • お問い合わせ
  • プライバシーポリシー(フッターでもOK)

最近は、「ホーム」を作らないサイトも多いので、なくてもOKです。

初心者の方は、最初は少なめから始めましょう。記事が増えてきたら増やせばOKです!

STEP
カテゴリーを考える

カテゴリーとは、ブログ記事を「テーマごと」に分けておく箱のようなもの。カテゴリーを作っておくと、読者が情報を探しやすくなります。

例(SWELL・ブログ運営系ブログの場合)

  • SWELLの使い方
  • カスタマイズ講座
  • ブログ運営のコツ
  • デザインアイデア
  • お知らせ

カテゴリーつくりのポイントは以下の3つです。

カテゴリーつくりのポイント
  • メインカテゴリーは3〜5個に絞る
  • 「その他」「雑記」などあいまいな名前は避ける
  • 階層を深くしすぎない(2階層までが目安)

最初はカテゴリーが少なくてOKです。ブログに記事がたまってくると、またカテゴリーを見直すこともできるので、ざっくり決めておきましょう。

STEP
読者が迷わないメニューづくりのコツ

すばり、メニューは“読者目線”で並べることが大切です。

たとえば、あなたがヨガ初心者向けの記事を書いているなら、「初めての方へ」「ヨガの基本」など、入り口をわかりやすくするといいですね。

また、カテゴリーも以下の例を参考に、一目で分かる内容にするといいですよ。

🔸悪い例:運営者プロフィール/日記/更新履歴

🔸良い例:ヨガの始め方/ヨガポーズ/お問い合わせ

ジューン

ここまでくれば設計が完成です! 読んでいただいてありがとうございました。次は実際に、SWELLをインストールしていくことになります。

\SWELLを始めてみようと思った方はこちらから/

まとめ:設計を整えれば、ブログ作りがもっと楽しくなる!

SWELLでブログを始めるときに大切なのは、デザインよりも「設計」から始めることです。

最初に「誰に」「何を」「どんな形で」届けたいのかを整理しておくことで、迷いのないブログ運営ができるようになります。

今回のポイントをまとめますね!

記事のまとめ
  • ターゲットを決めて、「誰に向けたブログか」を明確にする
  • コンセプトを定めて、ブログの軸となるテーマを作る
  • ブログ名を決めて、自分の想いを表す「看板」を立てる
  • メニュー構成を考えて、読者が迷わない導線を作る

この4つを決めておくだけで、SWELLのデザイン作業がぐっとスムーズになります。

設計がしっかり行っているブログは、デザインにも一貫性が生まれ、読者にとっても「見やすく」「伝わりやすい」サイトになります。

焦らず、ひとつずつ整えていけば大丈夫です。

ジューン

あなたのブログが、これから多くの人に愛される場所になりますように。

\SWELLを始めてみようと思った方はこちらから/

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