フォーラムへの返信
-
一応コードも置いておきます。
/** * _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:
こんにちは。
トップページ以外の固定ページや投稿、アーカイブページのヘッダーにあるロゴのタグを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:
補足：SEO対策として考えるのなら
上のコードそのままだとトップページのH1が「メディア上で設定した個別のALT」になってしまう<h1 class="c-site-branding__title"> <a href="https://example.com/" class="custom-logo-link" rel="home" aria-current="page"> <img width="484" height="98" src="https://example.com/wp-content/uploads/2023/05/logo-horizontal.png" class="custom-logo" alt="メディア上で設定した個別のALT"> </a> </h1>条件分岐してトップページでは、
<span class="screen-reader-text"><?php bloginfo( 'name' ); ?></span>のようにH1にサイトネームが入るようにする必要があると思います。<h1 class="c-site-branding__title"> <a href="https://example.com/" class="custom-logo-link" rel="home" aria-current="page"> <img width="484" height="98" src="https://example.com/wp-content/uploads/2023/05/logo-horizontal.png" class="custom-logo" alt="メディア上で設定した個別のALT"> <span class="screen-reader-text"><?php bloginfo( 'name' ); ?></span> </a> </h1>Who liked:
/** * WordPressのコア関数 the_custom_logo() が使用する * wp_get_attachment_image_attributes フィルターを利用して * サイトロゴのALT属性をカスタマイズします。 */ add_filter( 'wp_get_attachment_image_attributes', function ( $attr, $attachment ) { // カスタムロゴのIDを取得 $custom_logo_id = get_theme_mod( 'custom_logo' ); // 現在処理中の画像がサイトロゴかどうか確認 if ( $custom_logo_id && $attachment->ID === (int) $custom_logo_id ) { // メディアライブラリで設定されたALT属性を取得 $custom_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ); // カスタムALT属性が存在する場合は、それを使用 if ( ! empty( $custom_alt ) ) { $attr['alt'] = $custom_alt; } } return $attr; }, 10, 3 );こちらのコードを My Snow Monkey に追加すれば、メディアに設定した代替テキストと入れ替えることが出来ますが、SEO目的ならトップページの
H1をどうするか？もう少し考える必要がありそうです。Who liked:
一括非表示
/** * すべてのSNSアカウント入力欄を削除 */ function my_remove_all_sns_accounts( $accounts ) { return array(); // 空の配列を返すことですべてのSNSアカウント入力欄を削除 } add_filter( 'inc2734_wp_profile_box_sns_accounts', 'my_remove_all_sns_accounts', 99 );Who liked:
個別に残す場合
/** * YouTube と LINE だけを残す */ function my_customize_sns_accounts( $accounts ) { $custom_accounts = array(); // YouTube と LINE だけを保持 if ( isset( $accounts['youtube'] ) ) { $custom_accounts['youtube'] = $accounts['youtube']; } if ( isset( $accounts['line'] ) ) { $custom_accounts['line'] = $accounts['line']; } return $custom_accounts; } add_filter( 'inc2734_wp_profile_box_sns_accounts', 'my_customize_sns_accounts', 99 );Who liked:
snow_monkey_template_part_render_<slug>
snow_monkey_pre_template_part_render_<slug>
のどちらかのフィルターフックを使用されてはどうでしょうか？/** * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 * @param $vars テンプレートパーツのリクエスト配列 */ add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function( $html ) { $html = str_replace( '書き換え前の文字列', '書き換え後の文字列', $html ); return $html; }, 10 );/** * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 * @param $vars テンプレートパーツのリクエスト配列 */ add_filter( 'snow_monkey_pre_template_part_render_template-parts/loop/entry-summary/title/title', function( $html ) { return 'New HTML'; }, 10 );Who liked:
「お知らせ一覧ページ」や「実績一覧ページ」は、カスタム投稿タイプでしょうか？
その場合は、以下のようにis_post_type_archive( $post_types )で条件分岐できます。add_action( 'snow_monkey_before_archive_entry_content', function () { $_title = '一覧ページ'; if ( is_post_type_archive( 'news-achievements' ) ) { // 「お知らせ一覧」の場合 $_title = 'お知らせ一覧'; } elseif ( is_post_type_archive( 'achievements' ) ) { // 「実績一覧」の場合 $_title = '実績一覧'; } ?> <div class="news-section"> <h2><?php echo esc_html( $_title ); ?></h2> </div> <?php } );参考ページ
Who liked:
上に記載されているコードの8行目を修正して以下のようにするとどうでしょうか？
add_action( 'snow_monkey_before_archive_entry_content', function () { ?> <div class="news-section"> <h2>一覧ページ</h2> </div> <?php } );Who liked: - h1タグの役割が希薄化する
