この記事は**fhブログを作ってみたいエンジニア**に向けて書かれています。そのため、**fフロントエンド・SQL・クラウド等**の技術は押さえているうえで、**fQiitaやZen等**のサービスに寄稿しているけれど、そろそろ**f自分のブログを作りたい**と思っている人に向けた記事です。 そのため、**frWordPressでブログを作ってみたい人・手っ取り早く稼ぎたい人**には**f役に立ちません**。僻地のサイトですが、対象の読者に届いてくれたら幸いです。 **fKotoriForBlog**(当ブログ)は作成中であり、日間PVも１００前後しかありません。ブログについて勉強しています。その中で辛かったのは、**fb情報弱者向けコンテンツ**で溢れていることでした。 ブログに関する**fhドメイン知識****f（ブログのCSS設計・流行りのブログ装飾・執筆すべき記事の基準等）**を知るためには、精神をすり減らしながら情報を咀嚼する必要がありました。 わたしのように**f時間を無駄にする人を減らす**ために、この記事は**fr血**で書かれています。

ブログの知識を集めることは、**fh非常にしんどい**です。**fブログコンサルタント・ブログの先生・ブログインフルエンサー**が大量にいて、**f情報商材**を販売するためにしのぎを削っています。ブログに関しては以下のようなスキームになっています。 　 １．**fh月収最高○○万円**と主張した**fブロガー**が**f情報商材**を販売する。 ↓ ２．**fWordPressテーマ・ブログ本・アフィリエイト・メールマガジン・オンラインサロン**を購入した生徒がブログを始める。 ↓ ３．生徒数名が**fトレンドブログ**で一発を当てて、**fh短期的な収入**を手に入れる。 ↓ ４．成功体験を金に変えるため、新たな**fブログの先生**が生産される。（１に戻る） 上記のような工程を**f無限に繰り返して**おり、必要な情報が手に入りづらいです。 エンジニアの人にとっては、Xでよく目にする**fhAIインフルエンサー**がたくさん存在するイメージが近いです。 **fAIインフルエンサー**の情報は大抵役に立たないですが、**fAIトレンド**を集めるために何名かフォローする必要があります。 Twitterという**fゴミ置き場**でみつかる**f耳より情報**を集めるために、コストを支払わなければいけません。 **fAIカテゴリー**と、**fブログカテゴリー**は非常に似ています。そこでこの記事を執筆しました。

それっぽいブログに仕上げるために必要な知識をまとめていきます。 このブログはRemixで記述されており、以下のようなページが存在しています。

打ち込むデータを**fjson形式**で出力し、**fデータベース**に格納しています。

上記のようなデータを作成することで、ブログのひな型を作っていきます。

ブログの表示ページでは、 １．**fデータベース**読み取り ↓ ２．セクションごとに**fCSS適応** ↓ ３．**f特殊文字**で囲まれた**f文字**を装飾 上記のような工程を経てブログを表示しています。 **fh文字装飾**・**fh読者を飽きさせない演出**については、きちんと考えましょう。

読者が望むような**f検索ページ**も必要です。 SQLを使用して、適切なページを出力しましょう。 上記のようなページさえあれば、**f最低限大丈夫**です。

以下ではより詳しく、ＣＳＳ設計について考えていきます。

**lf[スマートフォン・PCで読みやすいフォントサイズ＆行間(外部リンク)](https://www.asobou.co.jp/blog/web/fontsize)** 上記のサイトが**f文字サイズ**を決めるうえで**f一番役に立ちました**。 **f有名ニュースサイト**は長年蓄積された経験を生かしているはずなので、そのままパクって問題ないです。

いままで使用する色について、**ftailwindcss**のカラーをそのまま使い、こだわり等ありませんでした。しかし、作っているうえでしっくりきませんでした。そんな中で、 **lf[(colorsupplyyy外部リンク)](https://www.colorsupplyyy.com/app)** を知りました。上記のサイトは色を決めるうえで、**f非常に使いやすい**です。本サイトは**f４色**にしたかったので、**fスクエア**を使用して色を決めました。 ＜戻る・次へ＞を何度が押して、ホイールをぐりぐり回していれば、使用方法は直感的に分かります。

**f有名ブロガー**の記事を周回しましたが、ブログの装飾はざっくりまとめると以下のようになっています。

ブログ本文。

上記の他に**fアフィリエイト**に力を入れる場合は、**fhアフィリエイトサイトへのリンクボタン**も必要です。 **lf[アフィリエイトのためのマイクロコピーについて(外部リンク)](https://mieru-ca.com/heatmap/blog/microcopy)** この他に**f画像・SNS動画・GoogleMap**等、サイトに応じて必要なものは変わります。

ブログの利用者には、主に二種類のパターンがいます。

世の中に存在する数多のブログが、**fこれらの悩み**（どれを買えばよいの（BUY）・芸能人の妻って誰（KNOW）・観光地どこ行けばいいの（DO））を解決しようとします。**f旅ブログ・トレンドブログ・美容ブログ**など、**fh読者の疑問を解決し、行動させれば勝ち**です。 **f＜参考になったブログ＞** **lf[ベランダ飯(外部リンク)](https://inaka-kurashi.co.jp/camplog/)** いろいろ回ったうえで、内容には全く興味はないが**f一番読みやすかった**。**fwebライティング・装飾**とか参考になるかも。 **lf[伊勢白山堂ブログ(外部リンク)](https://blog.goo.ne.jp/isehakusandou)** アクセス数が非常に多い**f占いブログ**。**fブログ界隈**に詳しくない**fエンジニア**の方は是非**fクリック**して３つほど記事を読んでほしい。24年10月のbingのインプレッション数**f（３８．５K）**

有名人・スポーツ選手の**fAbemaブログ**とか、**lf[ゲムぼく(外部リンク)](https://gameboku.com/)**とか、**lf[バーグハンバーグバーグ(外部リンク)](https://bhb.co.jp/)**とか。 有名ライターがネタを書くことによって価値が発生している**fブログ**。**fブログの内容・タイトル**ではなく、**fhブログ名・ライター名**で検索されることで、アクセスが発生する。 一般的なエンジニアは、**f知りたい(KNOW)**・**f行動したい(DO)**クエリを解決するためにブログを書くことでしょう。

ユーザーの**f疑問を解決するため**、**fブロガー**はしのぎを削っています。 そんな**fブログ戦国時代**で**f読まれるために必要なこと**は、**fhGoogleの一ページ目に掲載される**ことです。 つまり、**fhタイトルで検索したときに競合が１ページに収まらないような内容**を書きたいです。

１．書きたいタイトルの**fキーワード**で**fGoogle検索**を行います。 ↓ ２．**f１ページ目**に**fSNS（Twitter・インスタグラム）・関係性のない記事・英語の文章**が存在するか確認します。 ↓ ３．上記のようなページが存在する場合、**fGoogleの１ページ目**が開いています。**fチャンス**です。**fブログ記事**を作成します。

さらにキーワードボリュームが大きい場合には検索回数が多いです。 キーワードボリュームを調べるためには、**lf[ラッコキーワード(外部リンク)](https://rakkokeyword.com/)**(高度な機能は有料)が有名です。 個人的には、**lf[bing Webマスターツール(外部リンク)](https://www.bing.com/webmasters)**もおすすめです。**fキーワード調査**の欄から無料で調べることができます。 上記の調査で**fキーワードボリューム**があり、一ページ目が空いている場合は、急いで記事を書きたいです。

今までブログを読んでもらった中で、いくつか**f文字装飾**があったと思いますが、 ・**fhハイライト付き文字** ・**f太字の文字** ・普通の文字 この３つさえあれば、**f読みやすく**なります。 より詳しく知りたい場合は、Amazonで『**f記者ハンドブック**』で検索してください。非常に名著らしいです。自分は読んだことないです。

読者の悩みを**f深く解決するため**には、**fh複数の記事**で解決しましょう。 **lf[ピラーコンテンツ・トピッククラスターについて(外部リンク)](https://white-link.com/sem-plus/pillarpage/#3-2)** 上記の記事が詳しいのですが、一つの記事を中心としてそこから細かいことについて記述する手法があります。 ＜やり方＞ **f親ページ**を中心ページとし丁寧に記述します。その後、関連する**f子ページ**を複数記述します。 次に、複数の**f子ページ**から**f親ページ**へと内部リンクを張り、**f親ページ**からすべての**f子ページ**へとリンクを張ることによって、ユーザーに回遊を促します。 この方法によって、ユーザーの滞在時間を増やし、問題解決の手助けをします。

稚拙な文章でしたが、最後まで読んでいただきありがとうございます。 最後にわたしから**fh大切なお知らせ**です。 特別に期間限定で**fWordPressテーマ**を配布中です。 **fブログの本**も出してます。 **fオンラインサロン**はこちらです。 ↑これガチでやめてほしい。