ここ2ヶ月くらいでのブログのシステムや見た目の改善まとめ
ここ2ヶ月くらいで記事以外のブログ周りのアレコレを改善しておりました。Claude CodeとCodexのお陰でシステム改善の捗ること捗ること。流石に積み重なったので自分が思い出すためのまとめを書いておくことにしました。2026-08-20のサーバー引っ越しから順にまとめていきます。続きから詳細にどうぞ。
サーバーを引っ越した(08/20)
さくらインターネットの大々的なお漏らしを受けて、さくらのレンタルサーバーからColorfulBoxへ引っ越しをしました。同時にドメインも借りたのでURLが大変分かりやすくなりましたね(当時の日記)。
裏で変えた部分としてはアクセス解析ツールの再整備、具体的にはGoogle Analytics(GA4), Google Search Console, Microsoft Clarity, Bing Webmaster Toolsを使えるようにしました。サーバーへのアップロードの仕組みなんかも更新したけど、これは足りてなかったので後で更に更新することになります。
メニューからプライバシーポリシーを外した(09/01)
正直使ってなかったのでリンクを外しました。実験的にAmazonアフィリエイトを入れていた時に必要だったから作成したものでしたが、結局1円も稼げなかったし維持が大変だったので止めてしまいました。
タグを整理したりサイトマップを整えたりした(09/07)
付け間違っていたり足りなかったりしたタグを直しました。主にモンハンワイルズのタグ整備でしたね。武器種名から記事に行きやすくなったはずです。それにしてもアセンダンス、楽しみですね。
あとsitemap.xmlにブログシステムで管理していないツール類(ラグマス ルーチントラッカー等)のページも載るようにしました。ちゃんと検索で引っかかるようにしたいですからね。
検索エンジンやSNS向けの対策をした(09/13)
昼から休み休みしつつ夕方までかけて検索に引っかかりやすくなるようないくつかの手入れをしました。列挙しておきます。
- SNSに記事のURLを貼った時に出る画像(OGP)を、記事ごとに切り替えるようにした
- タグ一覧の2ページ目以降は検索結果に出さない設定にした(noindex付与)
- 検索エンジン向けの構造化データとパンくずリストを追加した
- RSSや共有画像ではAVIF形式の画像が表示できない場合があるので、JPEG版を用意して切り替えるようにした
404ページを作ったりリンク切れを直したりした(09/13)
404ページをブログのデザインに合わせる形で作成しました。それまではhttpサーバーに任せていたんですよね。ついでに記事中のリンク切れを直しました。
アイコンフォントを軽くした(09/13)
弊ブログではFont Awesomeのアイコンを使用しているんですけど、それまでは大量のアイコンが含まれるフォントをダウンロードさせていました。これが一因で表示速度等を採点するLighthouseというツールでの評点が下がっていました。予め使用するアイコンだけを抜き出したフォントファイルを用意してダウンロードサイズを削減しました。表示にかかる時間が約1.5秒程度縮まったので満足した記憶があります。
自作アプリの紹介ページを作った(09/29～30)
CLCLRリリースをきっかけとして、公開したアプリをまとめるページを作りました。ある程度横幅がある環境で表示されるサイドペインにアプリのタイトルのタイルを表示するようにして誘導力を高めました。記事側ですが入口のトップに固定してある記事にもアプリの一覧を載せました。
CLCLRとラグマス ルーチントラッカーは便利だから皆さん使ってみてくださいね！(唐突な広告)
細かい見た目を調整した(09/30)
記事タイトルを大きくしたり、見出しの下の余白をそろえたり、余分な空行を詰めたりしました。ザ・細かすぎて伝わらない調整選手権ですね。
PageSpeed Insightsの指摘に対応した(10/01)
Webサイトの速度のボトルネックやアクセシビリティの問題を指摘してくれるPageSpeed Insightsでチェックしました。一部の文字の色を濃くしたり、固定記事の見出しのレベルを直したりしました。
タグ一覧をジャンル別にした(10/04)
タグ一覧をゲーム・ブログ/開発・PC/ガジェット・暮らし/趣味に分けて、ジャンル毎に探しやすくしました。それまではリニアな感じに全てのタグが並んでいたんですよね。あとはSwitchタグとの対比のためにSteamタグを新設しました。これもアセンダンスに向けての施策です。
記事の先頭に関連アプリの紹介を出すようにした(10/09)
ラグマスやモンハンワイルズの記事を開くと、先頭に関連した自作アプリへのリンクが出るようにしました。結構真面目に自作アプリをアピールしたいんです。
固定記事をすっきりさせた(10/10)
固定記事、こと便利なリンク集を整理整頓しました。Googleのアクセス解析を参考にしつつ、陳腐化してる記事へのリンクは削除しました。ラグマスのBaseLvの経験値テーブルなんてもう誰も使わないんじゃよ…。
関連記事のリスト作成を自作プラグインに置き換えた(10/10～11)
それまで関連記事のリスト作成にはhexo-related-postsを使用していました。関連記事はオマケ程度に考えていたので精度や面白みなんかは考えていなかったのですが、一念発起してHexoプラグインとして「hexo-yukari」を自作しました。他にはない日本語特化の設計にしました。速度と精度と少々の遊び心を入れられたと思っています。npmで公開しているので良かったら使ってみてくださいな。
見た目を手直しした(10/12)
まだまだザ・細かすぎて伝わらない調整選手権は続きます。記事タイトルを太字にしたり、折り返しが見やすくなるようにしたり、すっかり忘れていたAndroid環境向けのフォント指定をしました。
アップロード速度を改善した(10/12)
自分の使い勝手だけの話ですが、アップロード時に全部のフォルダをチェックしていたのを省き、本当に更新したファイルだけをアップロードするようにしました。ローカルで生成したサイトをまるっとアップロードするので結構時間がかかっていたんですよね。
おわりに
Claude Codeという大変有能な顧問を雇ったのでいろいろ改善できましたという話でした。安くはないお友達代を払っているのだから、いっぱい働いてもらわないとアカンですからね。ちなみに記事の本文はほぼ人間の手によるオーガニックな文章なので安心してお読みいただければと思います。
一気にアチコチを変更したので何か不具合があるかも知れないです。お気づきの方はご一報くださると助かります。
それでは。