- このトピックには8件の返信、3人の参加者があり、最後に
により2週、 3日前に更新されました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)
-
投稿
-
こんにちは。
トップページ以外の固定ページや投稿、アーカイブページのヘッダーにあるロゴのタグをdivからh1に変更したい。
ということですが、その場合、
c-site-branding__titleとc-entry__titleの両方が h1 タグになりますが、あえてそうしたいということでしょうか？
この場合、致命的なペナルティを受けるわけではありませんが、SEOのベストプラクティスとは言えません。
理由は以下の通りです。- h1タグの役割が希薄化する
検索エンジンに対して、そのページに最も重要な見出しが2つあるという、曖昧なシグナルを送ってしまいます。「サイト名」と「そのページの固有タイトル」のどちらが本当に重要なのか、判断を迷わせる可能性があります。 - サイト全体で同じh1タグが重複する
サイトロゴの h1 は、サイト内のどのページでも同じ内容（サイト名）になります。これにより、例えば「会社概要」のページも、「お問い合わせ」のページも、「（サイト名）」という h1 を持つことになり、各ページの独自性が薄れてしまいます。ページの主題とは関係のない h1 が全ページに存在することになります。 - ページの主要なテーマが伝わりにくい
検索エンジンは、そのページが「何について書かれているか」を h1 タグから強く読み取ろうとします。
ページ固有のタイトル（例：「美味しいカルボナーラの作り方」）だけが h1 であればテーマは明確ですが、そこにサイト名（例：「山田さんの料理ブログ」）の h1 が加わると、シグナルが分散してしまいます。 - アクセシビリティ的にもマイナス
支援技術（スクリーンリーダー）では最初の h1 を重視します。また、アクセシビリティやマークアップ評価ツールで指摘されやすくなります。
何か特別な理由が無いかぎりは、Snow Monkey のデフォルトのままで使用されることをおすすめします。
Who liked:
一応コードも置いておきます。
/** * _title_tag タグをh1に変更 */ add_filter( 'snow_monkey_get_template_part_args_template-parts/header/site-branding', function ( $args ) { $args['vars']['_title_tag'] = 'h1'; return $args; }, 10, 1 );Who liked:
そのトピックは記事タイトル部分なので、ロゴ部分を変えたい場合は別の方法で対応する必要があります。
これでどうでしょうか？
add_filter( 'snow_monkey_get_template_part_args_templates/layout/header/' . ( get_theme_mod( 'header-layout' ) ?: 'center' ), function( $args ) { $args['vars']['_title_tag'] = 'h1'; return $args; }, 100 );Who liked: No userまーちゅう様
ご返信ありがとうございます、またh1が2つになることを気にしていただき、ありがとうございます。
固定ページと投稿のc-entry__titleは下記ページを参考にh2に変更しました。アーカイブページの
c-entry__titleのh1をh2に変更するのは下記コードであっていますでしょうか。add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/archive/entry/header/header' === $slug ) { $html = str_replace( '<h1 ', '<h2 ', $html ); $html = str_replace( '</h1>', '</h2>', $html ); return $html; } return $html; }, 10, 2 );Who liked: No userアーカイブページのc-entry__titleのh1をh2に変更するのは下記コードであっていますでしょうか。
一部コードが消えているようだったのでこちらで調整してみました。実際に h2 になっているのか確認して、変わっているようなら大丈夫だと思います。
解決したらトピックのクローズをお願いします！
Who liked:キタジマ様
h2に変更できました。
c-page-header__titleでもh2に変更できました。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/common/page-header' === $slug ) { $html = str_replace( ' <h1 ', '<h2 ', $html ); $html = str_replace( ' ', ' ', $html ); return $html; } return $html; }, 10, 2 );トピック閉じます。
Who liked:
- h1タグの役割が希薄化する
9件の投稿を表示中 - 1 - 9件目 (全9件中)
- トピック「トップページ以外のロゴのタグをdivからh1に変更したい」には新しい返信をつけることはできません。