Hexoのtitleタグを最適化する

ブログのtitleタグをどのページとも被らないように設定するのは、カテゴリー・タグページやそれぞれの2ページ目などを加味していくと、意外に大変だったりします。

とりあえず試行錯誤していい感じになったので、このブログの物をそのままメモ。

titleタグを後で変更すると、Google Analytcisで別ページ扱いになってしまい、データがバラバラに散ってしまうので、サイトを開設したら早めに決めた方がいいと思います。

EJS

(2020-07-30) 全体のアーカイブでtitleがundefinedになるのを修正しました。

<%
var title;
if(is_home()){
    title = '';
} else if (is_archive()){
    title = 'アーカイブ';
    if(page.year){
      title += ': ' + page.year + '年';
    }
    if(page.month){
      title += page.month + '月';
    }
    title += ' - ';
} else if (is_category()){
    title = 'カテゴリー: ' + page.category + ' - ';
} else if (is_tag()){
    title = 'タグ: ' + page.tag + ' - ';
} else {
    title = page.title + ' - ';
}
if(page.current > 1){
    title += 'ページ'+ page.current + ' - ';
}
title += config.title;
%>
<title><%= title %></title>

タイトル例

titleは下のような感じで表示されます。

日別アーカイブは対応させてないんですが、静的サイトジェネレーターで日別アーカイブを使うと膨大な数のページを生成することになるので、そんなもの使っている人はいないよね、という判断です。