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

エクスペリエンス エディターで、<Tenant>/<Site>/Presentation/Partial Designs/Metadataに移動してメタデータ コンポーネントを追加または編集します。次のコンポーネントを使用できます。

コンポーネント

プレースホルダ

形容

アクセシビリティ

リンクをスキップ

body

障害を持つユーザーが移動できるページを構成できます。たとえば、ナビゲーションをスキップして、コンテンツに直接移動する場合などです。

解析学

Googleアナリティクス

head

Googleトラッキング コードを提供することで、Googleアナリティクスとの統合を追加できます。

コンプライアンス

プライバシーに関する警告

body

Cookieを使用してWebサイトに関する警告を追加できます。 プライバシー警告メッセージをカスタマイズしたり、タイプを選択したり、Cookie警告からページを除外したりできます。

フォーム

フォームスクリプト

body

Sitecore Formsに必要なスクリプトをレンダリングできます。WebサイトでSitecore Formsを使用する場合は、このコンポーネントをメタデータのパーシャル デザインに追加する必要があります。

汎用メタレンダリング

HTMLスニペット

head又は body

カスタムHTMLを <head> セクション (各ページの <body> タグの直後または終了 <body> タグの前 ) に追加できます 。これは、サードパーティのコンポーネント(ウィジェット、トラッキングスクリプトなど)を埋め込む場合や、使用可能なコンポーネントがカスタムニーズに合わない場合に便利です。

サイトメタデータ

ブラウザのタイトル

head

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

カノニカルURL

head

ページの正規URLをレンダリングします。

習慣

head

各ページの メタデータフィールド 内に保存されているメタデータをレンダリングします。

ファビコン

head

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

オープングラフ

head

OpenGraph Facebook統合マークアップをページにレンダリングできます。

head

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

囀る

head

Twitter統合マークアップをページにレンダリングできます。

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