---
title: "メタデータ部分設計"
slug: "the-metadata-partial-design"
abstract: "メタデータコンポーネントの追加や編集。"
---
# メタデータ部分設計

SXAメタデータ部分設計を使って、検索エンジンやソーシャルネットワークなどの外部システムと統合するコンポーネントを追加できます。また、メタデータ部分設計を使って任意のHTMLコードやJavaScriptを含めることもできます。例えば、ブラウザタイトルのメタコンポーネントを追加できます。任意のHTMLにはHTMLスニペットコンポーネント、Googleタグマネージャーコード、その他のトラッキングコードを使用できます。

各ページデザインには少なくとも1つのメタデータ部分デザインが必要で、そうでなければ編集者がブラウザタブに表示されるタイトルやアイコンを制御できません。

メタデータ部分設計は通常の部分設計とは異なり、メタデータレイアウト(Layouts/Foundation/Experience Accelerator/Presentation/Metadata Layout)を使用します。このレイアウトは /Views/SXA/Metadata Snippet Layout.cshtmlにバインドされ、以下のプレースホルダーを含みます。

-   ヘッド
-   ボディトップ
-   ボディボトム

![Metadata partial html](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/100/sitecore-experience-accelerator/images/SXA-metadata-partial.png)

エクスペリエンスエディターで <Tenant>/<Site>/Presentation/Partial Designs/Metadataに移動してメタデータコンポーネントを追加または編集してください。以下のコンポーネントが利用可能です:

セクション

構成要素

プレースホルダー

概要

アクセスのしやすさ

リンクをスキップ

body

障害のある人がナビゲートできるページを設定できます。例えば、ナビゲーションをスキップしてタブで直接コンテンツに移すなどです。

分析

Google Analytics

head

Googleの追跡コードを提供することで、Google Analyticsとの連携を追加できます。

コンプライアンス

プライバシー警告

body

クッキー使用に関するウェブサイトの警告を追加できます。 [プライバシー警告メッセージをカスタマイズ](https://doc.sitecore.com/xp/ja/developers/sxa/100/sitecore-experience-accelerator/add-a-cookie-warning-message-to-your-site.html)したり、タイプを選択したり、クッキー警告を表示せずにページを除外したりできます。

形態

フォーム・スクリプト

body

Sitecoreフォームで必要なスクリプトをレンダリングできます。ウェブサイトでSitecoreフォームを使用する場合、このコンポーネントをメタデータ部分設計に追加する必要があります。

汎用メタレンダリング

HTMLスニペット

head または body

各ページのタグの直後やクロージングタグの前に [カスタムHTMLを追加](https://doc.sitecore.com/xp/ja/developers/sxa/100/sitecore-experience-accelerator/embed-html-in-sxa.html) できます。サードパーティのコンポーネント(ウィジェット、トラッキングスクリプトなど)を埋め込みたい場合や、利用可能なコンポーネントがどれもあなたのカスタムニーズに合わない場合に便利です。

サイトメタデータ

ブラウザタイトル

head

[ブラウザでページタイトルを表示](https://doc.sitecore.com/xp/ja/developers/sxa/100/sitecore-experience-accelerator/the-sxa-items-in-the-content-editor.html)できます。

CanonicalURL

head

ページの標準的なURLをレンダリングします。

習慣

head

各ページの [メタデータフィールド](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/edit-a-page-to-improve-links-for-social-media.html) 内に格納されたメタデータをレンダリングします。

ファビコン

head

ブラウザのお気に入りリストやタブにアイコンを表示できます。

OpenGraph

head

OpenGraphの [Facebook連携マークアップ](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/edit-a-page-to-improve-links-for-social-media.html) をページに表示できます。

ソ

head

[ページのキーワードや説明](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/improve-page-seo-472675.html)をレンダリングします。

ツイッター

head

ページ上に [Twitter連携マークアップ](https://doc.sitecore.com/xp/en/users/sxa/100/sitecore-experience-accelerator/edit-a-page-to-improve-links-for-social-media.html) を表示できます。