【はてなブログ】無料会員でもトップページを記事一覧にする方法。もといそれに付随した注意点等々。

お疲れ様です。えごにもさんです。

タイトル通り、はてなブログを無料会員で頑張っている人は必ず考えるであろう、トップページのデザイン、及び記事の表示の仕方。

ブログ運営において、見た目の綺麗さ、表示の美しさが、ひいてはアクセス数の増減に影響するということは周知の事実で、これをどうにかしたいと思いつつ、始めたてのブロガーさんにとって、有料のはてなProに移行するのはなかなか気がひけるもの。

今回は、ある裏ワザ的なコードを記述することによって、今までは書いた記事が一つずつ全文含めて縦に雑然と並べていただけだったのが、一覧表示させることにより、より効果的にアクセス数を伸ばすことが可能になる方法を書いていく。

具体的な手順

「JavaScript」のコードを使い、『トップページにアクセスした際に、強制的にアーカイブページ（記事一覧ページ）に転送させる』というやり方を実行する。

ダッシュボード>設定>詳細設定の順にクリックしていき

「検索エンジン最適化」の欄にある「headに要素を追加」の記述欄にコードを書いていく。

<script type="text/javascript">

  if( location.href == 'https://hanamaru.hatenadiary.com/'){

  location.href='https://hanamaru.hatenadiary.com/archive';

}

</script>

<noscript>

<p><a href="https://hanamaru.hatenadiary.com/archive">えごにもさんは働きたくない。(ここに自分のブログ名)</a></p>

</noscript>

※注意点として、ブログのurlは正しく記入すること。自分のブログがhttpなのかhttpsなのかをよく確認しないと、うまく表示されない。

ブログ開設時期によってプロトコルが異なるので（セキュリティ対策の一環で現在はhttpsへの移行が推奨されている）要確認。

以上の手順を踏むとトップページがすっきりして見やすくなると思う。

まとめ

実は当ブログもこの方法を適用していたんですけど、ある日ブログを見たら、デフォルトの状態に戻っていて、なぜだろうと試行錯誤していたら、原因は先述したセキュリティ対策の件でhttpからhttpsに勝手に切り替わっていたのが事の発端だったようだ。

おそらく同じような事象に見舞われている方もいるかと思い、今回の記事を書くに至った次第である。

ではほなまた。