SEOとOpen Graphの設定¶
対応可能:DXP/Portal 7.3以降
表示ページテンプレートは、個別のコンテンツを専用のURLで表示するためのカスタムレイアウトです。 これらのレイアウトは、フラグメントとウィジェットの両方を使用して構築され、Webコンテンツの記事、ドキュメント、ブログエントリーなどのために作成することができます。 各テンプレートには、独自のSEOとOpen Graphの設定があり、手動および動的に入力することができます。
以下の手順で、表示ページテンプレートのSEOとOpen Graphの設定を行います。
サイトメニュー(
) を開き、 [Design] → [Page Templates] 、 [Display Page Templates] タブをクリックします。
目的のテンプレートの アクション ボタン (
)をクリックし、 [構成] を選択します。
また、テンプレートの編集時に、 設定 ボタン (
) をクリックすることで、これらの設定にアクセスすることもできます。
[SEO] または [Open Graph] タブに移動し、目的の設定を入力してください。
[保存] をクリックします。
重要
[SEO]タブと[Open Graph]タブを行き来すると、保存されていない変更は失われます。
SEOとOpen Graphの設定を行う際、値を直接入力したり、フィールドマッピングを使用して動的に値を追加したりすることが可能です。 使用可能なマッピングオプションは、テンプレートのコンテンツタイプとサブタイプによって異なります。 フィールドをマッピングするには、 [フィールドセレクタ] ボタン () をクリックし、利用できるフィールドを選択するだけです。 Liferay DXP 7.4 U1およびPortal 7.4 GA5では、この方法で追加されたフィールドは
${}
のプレースホルダーとして表現され、プレースホルダーはフィールド参照IDとフィールドラベルの2つの部分から成ります(${fieldReferenceID:Field Label}
)。
注釈
以前のバージョンでは、マッピングプレースホルダーはフィールド参照IDのみを含んでいました(例:${title}
、${authorName}
、${Text84981642}
)。
カスタムWebコンテンツとドキュメント構造におけるフィールド参照IDは人間が読めるものではないため、Liferayは、管理側で明確にするためにフィールドラベル値を提供します(例: ${Text84981642:Contributors}
)。 このラベルはエンドユーザーには表示されず、マッピングにも影響しないため、ユーザーが自由に編集することができます。 マッピングは、プレースホルダーのフィールド参照IDにのみ依存します。
注釈
Liferay は可能な限り、マッピングされたフィールドの翻訳を提供します。 ただし、マッピングされたフィールド以外で提供されたテキストは翻訳されません。
SEO設定の参考¶
検索エンジン最適化 (SEO) とは、検索エンジン結果ページ (SERP) でのページのランキングを改善するために使用される方法を指します。 表示ページテンプレートを使用すると、コンテンツの表示ページをSEO用に設定することができます。
HTMLタイトル¶
[HTML タイトル] フィールドは、表示ページの <title>
タグを定義します。 このタイトルは、検索エンジンによってページのランク付けに使用され、検索エンジンの結果でページの見出しとして機能します。 デフォルトでは、表示ページテンプレートはこのフィールドを ${title}
にマップしています。 必要に応じて、この値を直接編集し、フィールドセレクタを使用して追加のマッピングを含めることができます(例: ${title} ${authorName:Author Name}
)。
HTMLタイトル の推奨される長さは 60 文字未満です。
Tip
SEOとOpenGraphのタイトルを一緒に更新することをお勧めします。
説明¶
[Description] フィールドは、表示ページの説明 <meta>
タグを定義します。 この説明は、ページをランク付けするために検索エンジンによって使用され、ページのプレビューとして検索エンジンの結果に表示されます。 デフォルトでは、表示ページテンプレートはこのフィールドを ${description}
にマップしています。 必要に応じて、この値を直接編集し、フィールドセレクタを使用して追加のマッピングを含めることができます(例: ${description} ${authorName:Author Name}
)。
ページの説明の推奨される長さは 155 文字未満です。
Tip
SEOとOpenGraphの説明を一緒に更新することをお勧めします。
ロボット¶
[Robots] フィールドは、表示ページの robots.txt
ルールを構成します。 これらのルールは、サイトをクロールしてインデックスを作成する検索エンジンやその他のツールに指示を与え、クロールするパスとクロールしないパスを定義します。 Webクローラーは、robots.txt
の指示に従う場合もあれば、従わない場合もあることに注意してください。
言語フラグ を使用して、このフィールドをローカライズすることもできます。
サイトマップ¶
表示ページを sitemap.xml
ファイルに含めるかどうかを決定し、 [Page Priority] と [Change Frequency] を設定します。 これらのフィールドは、表示ページをクロールしてインデックスを作成するかどうか、他のサイト ページと比較してそのページにどのように優先順位を付けるか、および更新頻度を検索エンジンに通知します。
Open Graph 設定の参考¶
対応可能:Liferay DXP/Portal 7.3以降
Open Graph は、Facebook、Slack、Twitterなどのアプリケーションコンテキストで共有する際に、サイトコンテンツのプレビューを標準化するインターネットプロトコルです。 これは、 <meta>
タグとしてページヘッダーに構造化データを埋め込むことで、 RDFa と同じように実現します。
Liferay DXP を使用すると、ページの Open Graph <meta>
タグを動的に構成する表示ページ テンプレートを作成できます。 ここで定義された値は、サイトレベルで定義されたデフォルト値をオーバーライドします。
注釈
Open Graph <meta>
タグは、未認証のユーザーに対してのみページヘッダーに含まれます。 ユーザーがログインしているときは含まれません。
タイトル¶
[タイトル] フィールドは、表示ページの og:title
プロパティを定義します。これは、リッチプレビューでコンテンツに表示されるタイトルを定義します。 デフォルトでは、このフィールドは ${title}
にマッピングされます。 必要に応じて、この値を直接編集し、フィールドセレクタを使用して追加のマッピングを含めることができます(例: ${title} ${authorName:Author Name}
)。
Tip
SEOとOpenGraphのタイトルを一緒に更新することをお勧めします。
説明¶
[Description] フィールドは、表示ページの og:description
プロパティを定義します。これは、リッチ プレビューでコンテンツに表示される説明を決定します。 デフォルトでは、このフィールドは ${description}
にマッピングされます。 必要に応じて、この値を編集し、フィールドセレクタを使用して追加のマッピングを含めることができます(例: ${description} ${authorName:Author Name}
)。
Tip
SEOとOpenGraphの説明を一緒に更新することをお勧めします。
画像¶
[Image] フィールドは、表示ページの og:image
プロパティを定義します。これは、リッチ プレビューでコンテンツに表示される画像を構成します。 基本的な画像タグに加えて、DXP は、選択した画像の表示方法を決定する多くの構造化プロパティを自動的に追加します。 [画像]フィールドは、次の <meta>
タグを定義します。
<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
デフォルトでは、このフィールドは表示ページ テンプレートにマップされていません。 つまり、別の画像フィールドを選択しない限り、テンプレートはデフォルトでサイト レベルで設定された画像になります。
画像の別の説明¶
[Image Alt Description] フィールドは、表示ページの og:image:alt
プロパティを定義します。これは、表示されたコンテンツの og:image
プロパティに対してスクリーン リーダーが読み取る代替テキストを決定します。
<meta property="og:image:alt" content="This is an example." />
デフォルトでは、このフィールドは表示ページ テンプレートにマップされていません。 つまり、別のテキスト フィールドを選択しない限り、テンプレートはデフォルトでサイト レベルで設定された代替テキストになります。