1. 部分的な設計

メタデータ部分設計

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

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

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

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

  • ヘッド
  • ボディトップ
  • ボディボトム
Metadata partial html

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

セクション

構成要素

プレースホルダー

概要

アクセスのしやすさ

リンクをスキップ

body

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

分析

Google Analytics

head

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

コンプライアンス

プライバシー警告

body

クッキー使用に関するウェブサイトの警告を追加できます。 プライバシー警告メッセージをカスタマイズしたり、タイプを選択したり、クッキー警告を表示せずにページを除外したりできます。

形態

フォーム・スクリプト

body

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

汎用メタレンダリング

HTMLスニペット

head または body

各ページのタグの直後やクロージングタグの前に カスタムHTMLを追加 できます。サードパーティのコンポーネント(ウィジェット、トラッキングスクリプトなど)を埋め込みたい場合や、利用可能なコンポーネントがどれもあなたのカスタムニーズに合わない場合に便利です。

サイトメタデータ

ブラウザタイトル

head

ブラウザでページタイトルを表示できます。

CanonicalURL

head

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

習慣

head

各ページの メタデータフィールド 内に格納されたメタデータをレンダリングします。

ファビコン

head

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

OpenGraph

head

OpenGraphの Facebook連携マークアップ をページに表示できます。

head

ページのキーワードや説明をレンダリングします。

ツイッター

head

ページ上に Twitter連携マークアップ を表示できます。

この記事を改善するための提案がある場合は、 お知らせください!