single_tag_title()でタグページのタイトルをカスタマイズする

Q: タイトルが反映されないのはなぜですか？

使用しているテーマやプラグインがwp_title フィルタを上書き している可能性があります。テーマのfunctions.phpに競合がないか確認してください。

Q: タイトルのデザインを変更するにはどうすれば良いですか？

h1.custom-tag-titleに CSSスタイルを適用 し、フォントサイズや色をカスタマイズすることで見た目を整えます。

single_tag_title()は、WordPressでタグアーカイブページのタイトルを表示するための関数です。

この関数を活用することで、タグ名だけでなく、特定のメッセージやHTML構造を加えたカスタムタイトルを表示することが可能です。これにより、SEOの強化やユーザビリティの向上を図ることができます。

解説

single_tag_title()を単純に使うだけでなく、条件分岐やHTMLのカスタマイズを加えることで、見栄えの良いタイトルを実現します。例えば、「タグ名 + サイト名」形式にすることでSEOを強化したり、タグ名ごとに特定のメッセージを追加することで、訪問者の興味を引くことができます。

タグ名に装飾を追加する

function custom_tag_title() {
    if (is_tag()) {
        echo '<h1 class="custom-tag-title">タグ: ' . single_tag_title('', false) . ' の記事一覧</h1>';
    }
}
add_action('wp_head', 'custom_tag_title');

is_tag()関数を使い、タグアーカイブページでのみカスタムタイトルを表示します。
single_tag_title()の出力を使い、「タグ: タグ名の記事一覧」という形式でH1タグを生成します。
add_action('wp_head', 'custom_tag_title')で、ヘッダー部分にタイトルを挿入します。

難易度　

基本的なWordPress関数の理解が必要ですが、コードは比較的シンプルです。

ポイント

H1タグを使うことでSEOに強い見出しを作成。
タイトルをカスタマイズすることで、訪問者にタグごとの記事内容がわかりやすくなります。
CSSでのスタイル調整で、デザインの一貫性を保てます。

タグ名 + サイト名形式でSEO強化

function seo_friendly_tag_title($title) {
    if (is_tag()) {
        $tag_name = single_tag_title('', false);
        $title = $tag_name . ' | ' . get_bloginfo('name');
    }
    return $title;
}
add_filter('wp_title', 'seo_friendly_tag_title');