思い立って雑記ブログを開設してみたは良いものの…
殺風景すぎるわ！！！
もっとかっこよくしたい！！！
（大正義無料テーマCocoon様のお陰で何とかブログっぽくはなっているが…）
そこでこんな疑問が…
「そもそもトップページって、どんな情報を載せればいいんだっけ？」
ということで、諸先輩方のブログを分析して、トップページの構成を検討してみました！
Cocoonのデフォルト構成
有名ブロガーたちのブログを偵察する前に、自身のブログ構成を確認してみます
サイト構成
- 最新記事
- 検索ボックス
- 最新コメント
- アーカイブ
- カテゴリ
うーん、悪くはないけど、微妙…
最新コメントとかほんとにいるのか？
雑記ブログ5選
今回は、素直に
「雑記ブログ ランキング」
とかで検索してヒットしたブログの中から、
- 雑記ブログであること
- ブログサービス（はてなブログ、Amebaブログなど）を使用していないこと
の条件を満たしているものをピックアップしました
manablog
説明不要の有名ブロガーですね
最古の記事がなんと2013年…アーカイブが縦に長い
サイト構成
- メニューバー
- おすすめ記事リンク×3
- 新着記事
- 自己紹介
- 検索ボックス
- 人気記事
- アーカイブ
目を引いたのは、メニューバー直下におすすめ記事が3つ並んでいたこと
「READ MORE」ボタンも良デザインでつい押したくなりますね
また、スクロール前から顔写真アイコンがはっきり見えるのも印象的でした
今日はヒトデ祭りだぞ
初心者でもできるブログ運営方法を発信されているヒトデさん
私もブログ開設等でお世話になりました
サイト構成
- メニューバー
- メニュータブ
- 最新記事
- 自己紹介
- 検索ボックス
- 別ブログのリンク×2
- SNSのリンク
- カテゴリのリストボックス
- アーカイブ
- おすすめ10記事のリンク
特徴的だったのは、メニューバーと別にJavaScriptのカテゴリタブが存在したこと
特におすすめのジャンルをページ遷移させずに切り替え表示できるのは、ユーザーからすると魅力的ですね
マサオカブログ
男のロマン満載のガジェット系ブログ
デスクもブログもデザイン性が光ってます
サイト構成
- メニューバー
- おすすめ記事
- 人気ワード
- トップ画像
- 検索ボックス
- 最新記事
- おすすめ記事リンク
- 人気記事
- 各カテゴリごとの記事
- SNS
- 自己紹介
あえて巨大なデスク画像をトップに置くことで、ブログと言うよりはブランドのサイトのような雰囲気が作られています
検索バーがど真ん中にあるのも、数多のガジェットを紹介してきたブログとしての自信によるもの…すごい
明日のことは明日やる
どこかアットホームな雰囲気を醸した雑記ブログ
鳥獣戯画味のあるアイキャッチ画像がトレードマーク
サイト構成
- メニューバー
- おすすめ記事
- 最新記事
- 検索ボックス
- 自己紹介
- カテゴリ
- アーカイブ
- タグ
こちらも、メニューバー直下におすすめ記事を4つ載せられていました
投資に力を入れているようで、「月別株主優待」というユニークな見出しも
トバログ
ホワイトが大好きなガジェット系ブロガーさん
YouTubeでも発信されており、洗練されたデザインセンスが印象的です
サイト構成
- メニューバー
- トップ画像
- 自己紹介リンク
- 最新記事
- 人気記事
- カテゴリ
さすがガジェット系、先程同様トップ画像を大胆に配置することで斬新なレイアウトになっています
直下の「ABOUT ME」で別ページでしっかり自己紹介してから、記事を読んでもらうという構成になっていますね
雑記ブログのおすすめ構成
それぞれで個性はあったものの、大まかな構成での共通点はありました
整理すると、おすすめ構成は以下のような感じ
必須
- メニューバー
- おすすめ記事
- 最新記事
- 自己紹介
- カテゴリ
お好み
- 検索ボックス
- 人気記事
- アーカイブ
Cocoonのデフォルト構成であった「最新コメント」は外してしまってOKですね
まとめ
サイト構成に正解はないですが、押さえどころはありそうだということは分かりました
その上で各ブロガーで個性や好みのチューニングをほどこしていくわけですね
実際に構成を変更する過程はまた別の記事で！
最後まで読んでいただきありがとうございました
コメント