TCDのテーマはSEO対策で不利なのか?Hタグの使い方と修正方法

SEO

TCDはSEOに弱いのか?Hタグの使い方と修正方法

ユウキです。

「 TCD のテーマって SEO 対策で不利って聞いたけど大丈夫?」

この噂はネット上で割と多く見かけますが、あなたが TCD のテーマを検討しているなら気になりますよね。

なぜ SEO に弱いと言われているのか。理由はHタグの構造にあるようです。

先に結論だけ言うと、TCD「Be」などの最新テーマは既に修正済みですので利用されている方はご安心ください。

TCD「Be」についてはこちらの記事も参考にどうぞ。

最新テーマでは修正されているとはいえ、過去に販売されたテーマや、当ブログで利用している「MAG」など影響するものはあります。

ですが、正しく修正と設定さえすれば画像の通り、Google のウェブマスター向け検査ツール Lighthouse にて、モバイル表示のスコアが94点を出せるモバイルフレンドリーなテーマですから、気にする必要はありません。(2020年3月3日時点)

▼クリックするとポップアップします▼

TCDテーマのLighthouseスコア93点

SEO に関して、Google 検索で上位表示できていますので、デザイン性の優れた TCD テーマを使うメリットがありますよね。

ここでは過去に販売されていた TCD「MAG」の H1 ロゴ修正方法について詳しく解説していきます。

H1タグの構造が問題?

H1タグの構造が問題?

TCD のテーマでH1タグが問題と議論されている理由は、主見出しであるH1タグがブログのロゴタイトルだからです。

実際に公式のMAGデモサイトのソースコードを確認してみると、

実際に公式のMAGデモサイトのソースコードを確認してみると

ロゴにH1タグが使用されているのが確認できますね。

▼クリックするとポップアップします▼

ロゴにH1タグが使用されている

Hタグの正しい使い方

Hタグ(見出し)は基本的に階層にする必要があり、下の画像のようにH1→H2→H3のように順に使うことを推奨されています。

Hタグの正しい使い方1

見出しの繰り返しや重複については下の画像のように【中見出し】→【小見出し】の構造にします。

Hタグの正しい使い方2

なぜHタグを重要視するのか?

Googleのジョン・ミューラー氏はHタグについて以下のように言及しています。

Googleは検索エンジンにおいて見出しを使用します。 しかし、ページ上のコンテンツをよりよく理解するために使用します。

H1、H2、H3、見出しをどのように並べればいいのか、そしてコンテンツはどうあるべきなのか、私の観点からすると、それは実際には関係ありません。

引用元:MARKETIMESの記事 Googleウェブマスターズ英語版オフィスアワーより

Googleがページを理解するために見出しを使用していることは読み取れますね。

別の記事も確認すると、見出しの使い方が検索順位に大きな影響を与えているとは言えないかもしれないけど、

検索エンジンがよりよく理解して、ユーザーへ適切にコンテンツを配信するためには重要であると捉えられます。

h1タグ、h2タグ、h◯タグの順番はグーグルにとって重要か?重要ではない。でもユーザビリティやアクセシビリティにとっては重要だ。なのにどうして修正しないのか?

「検索ランキングに直接影響するものだけを改善すればいい」という考え方は、本当に憎むべきものだと思う。

引用元:Web担当者Forumの記事 元グーグル社員 ペドロ・ディアス氏のツイートより

TCDのテーマで、H1タグがロゴに使われていることで起きる問題は、各ページのタイトルの重要度が薄まってしまったり、主見出しが重複してしまうことによって、Googleは「何が重要なのか」理解しづらくなることです。

TCD公式サイトでロゴにH1タグを使用している理由について、以下のように回答されています。(2016年6月17日)

TCDシリーズ各テーマではH1タグをロゴに設定しておりますが、SEOを考慮してH1タグを記事の見出しに使いたいというお問い合わせをいただくことがあります。H1タグを記事見出しに使うことがSEOに効果が有るか否かに関しては意見が分かれるところではあります。

厳密な見出しタグのルールによると、H2タグやH3タグの後にH1タグを表示する事は、文章の構造上間違っていると判断されます。これはSEOとして不利になる可能性があります。

弊社テーマでは、ロゴよりも前に文章や見出しがないことから、文章構造ミスを生じる可能性を最小限にするために、H1タグをロゴに設定するという仕様としています。私たちは、H1タグを不自然な形で表示するのではなく、デザインに沿った自然な表示方法を選択することが、長期的に見て最も有効なSEOであると考えています。
※SEOに関しては、あくまでも弊社としての考え方であり、その効果を約束するものではありません。

引用元:ワードプレステーマTCD | WordPressのテーマ・カスタマイズ情報サイトより

上記回答から既に3年半以上も経過していますし、最新のテーマではHタグ構造を修正されていましたので、SEO 対策として重要であると捉えるべきですよね。

Hタグの使い方を配慮すると共に、主見出し(記事タイトル)に重要なキーワードを含めるのは、検索エンジンとユーザーへ適切に情報を伝えるためなので、あなたがこれからブログを始める段階、もしくは始めて間もないのであれば、しっかりと踏まえておくべきです。

TCD テーマ MAG のHタグを修正する

ここからは「MAG」のテーマファイルを編集して、ロゴのH1タグとディスクリプションのH2タグを変更する方法について記載します。

必要な編集は以下の9ヶ所です。

  • functions/header-logo.php
  • テーマヘッダー (header.php)
  • メインインデックスのテンプレート (index.php)
  • 個別投稿 (single.php)
  • 個別投稿ページ (page.php)
  • page/template1~4.php

順に説明していくので、変更箇所を修正、もしくはコピー&ペーストしてください。

テーマファイルを変更するので、念のためバックアップを取ってください。

サイトロゴのH1タグを変更する

インストールした状態のMAGは、全てのページでサイトロゴ(ブログのタイトル)がH1タグになっています。

ここではトップページのみ、このブログで言うと https://blog-de-affili.com/ のページだけH1タグで表示するように変更します。

【functions】→【header-logo.php】に移動して、画像の箇所で7~25行目あたりの記述を以下のコードに書き換えます。

トップページのみサイトロゴをH1になるように変更する

/**
 * フロントページにロゴを表示する
 */
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 '<div id="logo"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo['url'] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></div>' . "\n";
    echo "</div>\n";
  } else {
    echo "<div id='logo_text'>\n";
    echo '<div id="logo"><a href="' . $url . '/">' . $title . "</a></div>\n";
    echo "</div>\n";
  }
}
}

ディスクリプションのH2タグをdivに変更する

サイトロゴ下のディスクリプション(キャッチコピー)がH2タグになっているため、

Hタグの階層を正すため、H2タグをdivタグに変更します。

テーマヘッダー (header.php)に移動して、画像の箇所で57行目あたりの記述を以下のコードに書き換えます。

【Ctrl + F】で検索機能が使えるので、該当箇所を探す時間短縮になりますよ。

ディスクリプションのH2タグをdivに変更する

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

トップページの投稿見出しをH2タグに変更する

トップページに表示されている各投稿の見出しはH3タグが設定されています。

ブログタイトル下の階層表示を最適化するためにH2タグへ変更しましょう。

メインインデックスのテンプレート (index.php)に移動して、画像の箇所で15~17行目あたりの記述を以下のコードに書き換えます。

<h2 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php if($i == 1) { the_title(); } else { trim_title(40); }; ?></a></h2>
<?php } else { ?>
<h2 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php if($i == 1) { the_title(); } else { trim_title(50); }; ?></a></h2>

投稿ページタイトルのH2タグをH1タグに変更する

投稿ページのタイトルはH2タグが設定されています。

主見出しとして強調するためにH1タグへ変更しましょう。

個別投稿 (single.php)に移動して、画像の箇所で22行目あたりの記述を以下のコードに書き換えます。

投稿ページタイトルのH2タグをH1タグに変更する

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

固定ページタイトルのH2タグをH1タグに変更する

固定ページも投稿ページと同様でH2タグが設定されているので、H1タグに変更しましょう。

個別投稿ページ (page.php)に移動して、画像の箇所で19行目あたりの記述を以下のコードに書き換えます。

固定ページタイトルのH2タグをH1タグに変更する

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

固定ページテンプレートのタイトルもH1タグに変更する

テンプレートのタイトルも同様にH1タグへ変更しましょう。

【page】→【template1~4.php】の各ファイルに移動して、画像の箇所で5行目あたりの記述を以下のコードに書き換えます。

固定ページテンプレートのタイトルもH1タグに変更する

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

補足:MAG のパンくずリストの修正について

サーチコンソールにて、「data-vocabulary.org スキーマのサポートは終了します」と警告が出ている件について、

デザインプラス社のサポートへ問い合わせたところ、「テーマのアップデートにて対応予定」と返答いただいていました。

 

3月2日のアップデート(ver3.2.1)にて修正されているので、未対応の場合はご確認ください。

併せて WordPress テーマのアップデートは、編集したファイルが初期化されてしまう点を踏まえて進められてくださいね。

MAG のパンくずリストがアップデートにて修正対応

まとめ

お疲れ様でした。これでHタグの修正は完了です。

TCD テーマが SEO 対策に不利かもしれないのは、対処すればとくに問題ないということが分かったと思います。

Hタグの使い方と、MAG のHタグ修正方法について解説しましたが、構造自体の最適化が重要なのではなく、本質はGoogleを通じてユーザーに価値あるコンテンツを届けるのが重要であること。

今回の記事を通じて、SEO について理解を深めるきっかけになれば幸いです。

もし、TCD「MAG」を利用されている方は設定のサポートをしますので、気軽に公式LINEのメッセージにてお知らせください。

私経由で購入希望の場合はこちら広告タグからどうぞ。

WordPressのテーマ選びについて悩まれていれば、選び方と失敗しないためのポイントをまとめていますので参考にどうぞ。

運営しているブログの検索順位が上がらず悩まれていれば、初歩的ですがプラグインの確認で改善されるかもしれません。

WordPressテーマ「MAG」の導入とカスタマイズを解説WordPress の設定と TCD テーマのカスタマイズ前のページ

All in One SEO Pack の設定方法と初期のSEO対策次のページAll in One SEO Pack の設定方法と初期のSEO対策

関連記事

  1. WordPressテーマ「MAG」の導入とカスタマイズを解説

    WordPress

    WordPress の設定と TCD テーマのカスタマイズ

    ユウキです。今回は WordPress の初期設定と、当ブログでも…

  2. WordPress 投稿の書き方を初心者向けに解説|Classic Editor 版

    WordPress

    WordPress 投稿の使い方を初心者向けに解説|Classic Editor 版

    ユウキです。今回は初心者向けにクラシックエディターを使った Wor…

  3. TCD テーマ「Be」のテーマオプション設定を徹底解説

    WordPress

    TCD「Be」のテーマオプション設定を徹底解説

    ユウキです。今回は WordPress のテーマで、ブロガー用に特…

  4. WordPress テーマの選び方で失敗しないポイント

    WordPress

    WordPress テーマの選び方で失敗しないポイント

    ユウキです。レンタルサーバーを契約して WordPress の設置…

  5. All in One SEO Pack の設定方法と初期のSEO対策

    SEO

    All in One SEO Pack の設定方法と初期のSEO対策

    ユウキです。今回はブログ開設初期に誤りがちな All in One…

最近の記事
  1. WordPress の記事の書き方を4ステップで初心者向けに解説
  2. WordPress 投稿の書き方を初心者向けに解説|Classic Editor 版
  3. TCD テーマ「Be」のテーマオプション設定を徹底解説
  4. ブログが書けない原因を根本的に解決する
  5. All in One SEO Pack の設定方法と初期のSEO対策
ブログ応援ありがとうございます!
にほんブログ村 小遣いブログ アフィリエイトへ

 

 

人気ブログランキング アフィリエイトへ

 

 

FC2ブログランキング アフィリエイトへ
  1. WordPressテーマ「MAG」の導入とカスタマイズを解説

    WordPress

    WordPress の設定と TCD テーマのカスタマイズ
  2. TCD テーマ「Be」のテーマオプション設定を徹底解説

    WordPress

    TCD「Be」のテーマオプション設定を徹底解説
  3. ブログが書けない原因を根本的に解決する

    ブログ運営

    ブログが書けない原因を根本的に解決する
  4. WordPress テーマの選び方で失敗しないポイント

    WordPress

    WordPress テーマの選び方で失敗しないポイント
  5. エックスサーバーの契約手順とキャッシュバック方法

    ブログを始める

    エックスサーバーの契約手順とキャッシュバック方法
PAGE TOP