今回も、前回に引き続き、はてなブログのカスタマイズについての記事です。ここでは、ブログを訪れた人に一番最初に読んで欲しい記事を、「おすすめ記事一覧」としてヘッダー部分に表示させる方法をご紹介しています。
これを表示させれば、ユーザーに向けてこのブログで取り上げていることを伝えられるのと同時に、ブログ内の回遊率を上げることができます。
HTMLとCSSをコピー&ペーストするだけで誰でも表示させることが可能なので、ぜひ参考にしていただければ幸いです。
【コピペでOK！】ヘッダー部分におすすめ記事を表示させる方法【はてなブログのカスタマイズ】
See the Pen Untitled by Kiwimelon (@Kiwimelon) on CodePen.
①はてなブログのヘッダー部分にHTMLコードを貼り付ける
やり方はとてもシンプルです。まず始めに、上に表示されているHTMLコードを、はてなブログのデザイン欄のヘッダー部分に貼り付けます。
「ブログタイトル下」部分にHTMLコードを貼り付けることができたら完了です。
②デザインCSS欄にCSSコードを貼り付ける
次に、CSSコードをデザイン欄に貼り付けます。
③スマホユーザーには表示させないようにする
ここで重要なのですが、この記事でご紹介している「おすすめ記事一覧」は、あくまでパソコン画面用であり、スマホの画面には適していないため、スマホユーザーの画面には非表示にする必要があります。
すでに上のCSSコードに非表示にするためのコードは追加してありますので、再度、ご自身のスマホで「おすすめ記事一覧」が表示されていないか確認してみてください。
最後に：はてなブログのカスタマイズについて
最近、はてなブログのデザインカスタマイズが楽しくて、ついつい記事を書かずにカスタマイズばかりしているのですが、やはり、はてなブログのシンプルな既存のデザインよりも、どんどんカスタマイズして、情報量の多いブログにしていくことはとても重要だと実感しました。
はてなブログは、コミュニティの結束力が強く、相互読者登録や、はてなスター返しなどでブログに飛んできてくれるユーザーが多いため、必然的にアクセス数が伸びていくのですが、情報が偏っているブログ（例えば、ある一つのテーマしか取り上げていないような特化ブログ）だと、よほど訪れたユーザーに刺さらない限り、一度はてなスター返しが終わったら、そのまま直帰してしまう方が多いように思います。
ここで、重要な役割を担ってくれるのが、この記事でご紹介しているヘッダー下のおすすめ記事一覧です。おすすめ記事一覧を、一番目立つ場所に配置し、誰もが気になるような記事を紹介することで、ある程度の回遊率は確保できるのではないかと感じます。
