# ｈ1タグの条件分岐の方法をしえてください。

**URL:** <https://community.shopify.com/t/topic/24184>\
**Category:** 技術的なQ＆A\
**Created:** [November 3, 2020, 8:44am UTC](https://community.shopify.com/t/topic/24184 "2020-11-03T08:44:20Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ヘッダーロゴをトップページでは`h1`、それ以外では`div`で囲みたい、というLiquidでの条件分岐方法が質問された。目的は、コレクションページや商品詳細ページでは、ロゴではなくコレクション名や商品名を`h1`にしたいというSEO/マークアップ上の整理。 

回答では、`header.liquid`内でLiquidの条件分岐を使い、`request.page_type == 'index'`（トップページ判定）の場合のみロゴを`h1`で囲み、それ以外は`div`で囲む方法が示された。`header-logo`スニペットをそのまま読み込む構成で対応できる、という内容。 

コード例が解決の中心で、質問者は「参考になった」と返信しており、議論は実質的に解決済み。コレクション名や商品名を各ページの`h1`にする具体的な実装までは、このやり取りでは触れられていない。

<div class="post-metadata">

**Author:** ![hiromura](https://avatars.discourse-cdn.com/v4/letter/h/57b2e6/32.png) [@hiromura](https://community.shopify.com/u/hiromura)\
**Post date:** [November 3, 2020, 8:44am UTC](https://community.shopify.com/t/topic/24184/1 "2020-11-03T08:44:20Z")

</div>

お世話になります。

現在私どもサイトのヘッダーロゴにｈ1を入れていまして

# {%- include "header-logo" -%}

header-Liquidではこの様になっています。

しかしトップページこれでもいいのですができればコレクションページや商品詳細ページではコレクション名や商品名をh1にしたいです。

条件分岐というのがあり、トップではh1タグでそれ以外はdivタグになるように記述をしたいのですがLiquidなのでわかりません。

サンプルコードとかいただけると幸いです。

よろしくお願いします！

---

<div class="post-metadata">

**Author:** ![takeru-noda](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takeru-noda/32/163722_2.png) [@takeru-noda](https://community.shopify.com/u/takeru-noda)\
**Post date:** [November 3, 2020, 2:48pm UTC](https://community.shopify.com/t/topic/24184/2 "2020-11-03T14:48:57Z")

</div>

header.liquidファイルで条件分岐させて、トップページの場合はロゴをh1タグで囲み、それ以外のページはdivタグで囲む、という方法をご紹介します。

ご質問内のコードを参考にして、スニペットのheader-logoファイルを読み込む設定にしています。

```css

        {% if request.page_type == 'index' %}
          # 
        {% else %}
          

        {% else %}
          

        {% endif %}
     

```

以上、ご参考ください。

---

<div class="post-metadata">

**Author:** ![hiromura](https://avatars.discourse-cdn.com/v4/letter/h/57b2e6/32.png) [@hiromura](https://community.shopify.com/u/hiromura)\
**Post date:** [November 4, 2020, 3:19am UTC](https://community.shopify.com/t/topic/24184/3 "2020-11-04T03:19:44Z")

</div>

ありがとうございます！とても参考になりました。
