タイトルタグ等 meta tag を設定する方法
注意事項
ecforce管理画面で配布しているベーシックテーマ (only_a_few_items,several_items,various_items) を利用していないショップ様向けの説明です。
ベーシックテーマご利用時は ecforce管理画面のショップのメタタグ設定 (opens in a new tab)で設定します。
設定箇所
各画面のファイルの最下部にて設定できます。
<!-- meta_description --> などのコメント文の代わりに、固定の文言、もしくは変数を記載してください。
{% content_for meta_description %}
<!-- meta_description -->
{% endcontent_for %}
{% content_for meta_keywords %}
<!-- meta_keywords -->
{% endcontent_for %}
{% content_for title %}
<!-- title -->
{% endcontent_for %}参考
- 2021/06 shared_partial > header の記載方法変更について
- ショップの基本設定>メタ/OGP情報 (opens in a new tab)
- ショップのメタタグ設定 (opens in a new tab) ※ec_force_default_theme では使えません
設定例(1)
商品詳細ページで title タグを「商品名 - ショップ名」、meta description を「商品の説明文」とする場合。
{% content_for meta_description %}
{{ product.master.parsed_description | newline_to_br }}
{% endcontent_for %}
{% content_for title %}
{{ product.name }} - {{ base_info.shop_name }}
{% endcontent_for %}設定例(2)
商品詳細ページで title タグを「商品名 | meta/OGP情報 (opens in a new tab)で設定済のタイトル」とする場合。
{% content_for title %}
{{ product.name }} | {{ base_info.meta_title }}
{% endcontent_for %}meta/OGP情報 (opens in a new tab) での設定値を取得する変数
- タイトル：
{{ base_info.meta_title }} - メタディスクリプション：
{{ base_info.meta_description }} - メタキーワード：
{{ base_info.meta_keyword }} - 「SNSでシェアする画像」のURL：
{{ base_info.sns_ogp_logo.url }}
titleタグ,metaタグによく利用する変数（商品詳細ページで利用可）
- 商品管理 の 詳細サブ：
{{ product.parsed_sub_description }} - 商品管理 の 詳細サブ(モバイル用)：
{{ product.parsed_sub_description_mobile }} - 商品管理 の メタディスクリプション：
{{ product.meta_description }} - 商品管理 の メタキーワード：
{{ product.meta_keywords }} - 商品管理 の 自由項目1：
{{ product.option01 }} - 商品管理 > SKU管理 の 詳細サブ：
{{ product.master.parsed_description }} - 商品管理 > SKU管理 の 詳細サブ(モバイル用)：
{{ product.master.parsed_description_mobile }}
各ページ変数の読み込みについて
shared_partial の header ( ec_force/shop/shared/_header.html )内で読み込みを定義しています。
shared_partial の header の読み込みは layout ( 購入、購入以外)にて定義しています。
{% include 'ec_force/shop/shared/header.html' %}