TCD036「MAG」の記事ページと固定ページのタイトルを「h1」に変更するカスタマイズ方法

TCDの有料ワードプレステンプレート「MAG」の記事ページと固定ページのタイトルを「h1」に変更するカスタマイズの備忘録。SEO的な問題。

デフォルト設定だと記事ページと固定ページのタイトルがh2になっているので変更したほうがいい(と思う)

TCDの有料テンプレートは記事ページと固定ページのh1タイトルタグの使い方が雑で、MAGにおいてはカスタマイズしないと全ページのh1タグがサイトタイトルで固定されてしまうためSEO的によろしくないのではないか、ということでカスタマイズした。

アクセスが来ないのをデザインテンプレのせいにするダサい奴になりたくなければやったほうがいい。

修正が必要なファイル

/mag_tcd036/functions/header-logo.php
/mag_tcd036/header.php
/mag_tcd036/single.php
/mag_tcd036/page.php
/mag_tcd036/page/template○.php

カスタマイズが必要なのは5~8ファイル。
コピペのみで済むのですぐに終わる。

詳細は各項目で説明する。

1.トップページのみサイトタイトル(ロゴ)がh1になるように変更

TCD036「MAG」のテンプレートは、デフォルト状態だと全ページのh1タイトルタグがサイトタイトル(ロゴ)に設定されている。

トップページはそれでも問題ないが、記事ページや固定ページに関してはサイトタイトルではなく各ページのタイトルにh1タイトルタグを付けたい。SEO的に。

まとめると

  • トップページではサイトタイトル(ロゴ)を「h1タイトルタグ」に
  • それ以外のページではサイトタイトル(ロゴ)を「pタグ」に

こんな形になればOK。

「/mag_tcd036/functions/header-logo.php」の該当部分を変更して対応する。

/**
 * フロントページにロゴを表示する
 */
function the_dp_logo(){
  $logo = dp_logo_to_display();
  $option = get_desing_plus_option();
  $title = get_bloginfo('name');
  $tagline = get_bloginfo('description');
  $url = home_url();

    if(is_home() || is_front_page() || is_category()){

  if($logo){
    echo "<div id='logo_image'>\n";
    echo '<h1 id="logo"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h1>' . "\n";
    echo "</div>\n";
  } else {
    echo "<div id='logo_text'>\n";
    echo '<h1 id="logo"><a href="' . $url . '/">' . $title . "</a></h1>\n";
    echo "</div>\n";
  }

  }else{

  if($logo){
    echo "<div id='logo_image'>\n";
    echo '<p id="logo"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></p>' . "\n";
    echo "</div>\n";
  } else {
    echo "<div id='logo_text'>\n";
    echo '<p id="logo"><a href="' . $url . '/">' . $title . "</a></p>\n";
    echo "</div>\n";
  }
}
}

「フロントページにロゴを表示する」の下の部分のコードを上記コードに張り替えるだけ。

「$logo」の表示方法を「 }else{」でトップページ+カテゴリーページ、それ以外のページで条件分岐させている。

サボライフは「タグ」「日付アーカイブ」「検索」「404」各ページをnoindexにしており、これらについてはタイトルタグのカスタマイズはしていない。
詳しくはMAGカスタマイズの別記事にて。

2.ディスクリプションがh2になっているので変更する

タイトルロゴの下にあるサブタイトル的な部分が全ページ共通で「h2」になっているので変更。

「/mag_tcd036/header.php」を開き、下記コード部分を探す。

<h2 id="site_description"><?php bloginfo('description'); ?></h2>

見つけたら、コピペで下記コードに張り替える。

<p id="site_description"><?php bloginfo('description'); ?></p>

3.記事ページのタイトルがh1タグになるように変更

記事ページのタイトルはデフォルトでは「h2」になっているので変更。

「/mag_tcd036/single.php」を開き、下記コード部分を探す。

<h2 id="post_title"><?php the_title(); ?></h2>

見つけたら、コピペで下記コードに張り替える。

<h1 id="post_title"><?php the_title(); ?></h1>

4.固定ページのタイトルがh1タグになるように変更

固定ページのタイトルもデフォルトでは「h2」になっているので変更。

「/mag_tcd036/page.php」を開き、下記コード部分を探す。

<h2 id="page_title"><?php the_title(); ?></h2>

見つけたら、コピペで下記コードに変える。

<h1 id="page_title"><?php the_title(); ?></h1>

5.固定ページのテンプレートファイルも書き換える

固定ページにはデフォルトの他に4種類のテンプレートがあるので、その分も書き換える。
4種類全ての固定ページテンプレートを使っている場合は、template1.phpからtemplate4.phpのファイル全て開いて編集する必要あり。

「/mag_tcd036/page/template○.php」を開き、下記コードを探す。
※○には固定ページテンプレートの数値1~4が入る

<h2 id="page_title"><?php the_title(); ?></h2>

見つけたら、コピペで下記コードに変える。

<h1 id="page_title"><?php the_title(); ?></h1>

まとめ

カスタマイズが終わったら、各ファイルを上書きアップロードする。トップページと記事ページ、固定ページ、カテゴリーページのh1タグの位置をしっかり確かめておくこと。

テンプレバージョンアップ時は再度作業をやり直す必要があるので注意。

おまけ:有料で買ったテンプレートなのにh1タイトルタグ関連のカスタマイズしないといけないのか?

必須ではないがカスタマイズしたほうが良い。
その理由についておさらいの意味も込めて簡潔にまとめてみる。

前述の通り、TCD036「MAG」は全ページのh1タグがサイトタイトル(ロゴ)で固定されている。トップページならサイトタイトルでも全く問題はないが、各記事ページや固定ページとなると話が変わってくる。MAGをデフォルト設定のまま運用すれば「見出しタイトルが重複したページ」が量産されることになり、これがSEO的によろしくない。

実際、Googleサーチコンソールでh1タグ重複はエラーとして検出される。h1タイトルタグの重複は、Google的に見てNGということ。「俺はSNSからしか集客しねぇ!」という傾奇者でもない限り、変えたほうがいいということはサルでもわかる。

TCDを販売しているデザインプラス社は公式サイトで「文章構造ミスを生じる可能性を最小限にするためにH1タグをロゴに設定している」「デザインに沿った自然な表示方法を選択したほうが長期的に見て最も有効なSEOであると考えている」と答えているが、この理由に関しては正直サッパリ意味がわからないし理解できそうにもない。ブログでこれはまずいでしょうに。

ただ、これだけオシャレなテンプレを約1万円で売ってくれているわけだし、バージョンアップもしてくれる。SEOに関するカスタマイズをしたければ自力でやってしまえばいいと思うよ。

他のテンプレートへの買い替えを検討する前に、やれることはやったほうがいい。デザインを気に入って購入したのだとしたら、もったいないからさ。