ページ設定UIリファレンス
個々のページは、ニーズに合わせて設定できます。 このようにして行われた変更はすべて、選択したページに限定されます。
特定のページを設定するには、 サイトメニュー (
) を開き、 サイトビルダー → ページ に移動します。 次に、カスタマイズしたいページの アクション (
) をクリックし、 設定 を選択します。
または、アプリケーション バーの右上にある オプション (
) → 設定 (
) をクリックして、一般的なページ設定にアクセスすることもできます。
これらの設定は、以下のタブに整理されています。
これらの設定の多くは、ユーザーのロケールに応じた翻訳を提供するためにローカライズすることができます。 詳細については、 初期インスタンスのローカライズ および ローカライズ可能なサイトフィールドの変更 を参照してください。
共通
ここでは、ページ名、フレンドリーURL、レイアウトなど、ページの基本情報を設定できます。
基本情報
名前フィールドを使用して、サイトナビゲーションに使用され、ブラウザのタイトルバーに表示されるページのタイトルを設定します。 ページ階層を表示するように設定されている場合、メニュー表示からページを非表示にすることができます。 有効にした場合、非表示ページは、追加された他のナビゲーションメニューにも表示されます。 詳細については、 ページ階層の管理 を参照してください。
子ページは親ページの表示設定を継承します。 また、非表示ページはデフォルトのナビゲーションメニューには表示されませんが、作成した他のナビゲーションメニューには表示できます。
URL
フレンドリー URL フィールドを使用してページの新しい URL を設定するか、 復元 アイコン (
) をクリックして、以前使用した URL を表示および復元します。 詳細については、 ページのフレンドリー URL の設定 を参照してください。
URLの末尾にスラッシュが付いていないことを確認してください。 例えば、 https://example.com/product/item1/の代わりに、 https://example.com/product/item1 を使用します。
検索文字列を使用すると、他のパラメーターが指定されていない場合に、ページのデフォルトパラメータを設定できます。 クエリ文字列は、Webコンテンツテンプレートにおいて大きな利点をもたらします。 さらに、「ターゲットタイプ」フィールドを使用することで、ページリンクの動作を制御できます。このフィールドには、リンクを新しいタブで開く、特定のフレーム内で開くなどの属性があります。
ページ名とフレンドリーURLは、ページ作成時に最初に一緒に定義されますが、その後はそれぞれ独立して設定されます。 両者が一致するように、一緒に更新するのがベストプラクティスです。
ページレイアウト
レイアウトテンプレートは、ウィジェットページ上のウィジェットの配置場所を決定します。 グローバルテンプレートまたはカスタムページテンプレートを使用して作成された基本的なウィジェットページの場合、ユーザーは、そのページが選択したテンプレートへの変更を継承するかどうかを設定できます。 ページが変更を継承しない場合は、カスタムレイアウトを選択して、ウィジェットの行と列のコンテナを定義します。
カテゴリ設定
トピック と タグ を使用してページのコンテンツを分類し、ユーザーがより簡単に見つけられるようにします。 タグとカテゴリの使用方法の詳細については、 タグとカテゴリを使用したコンテンツの整理 を参照してください。
タグに特殊文字を使用することは避けてください。インデックス作成、コンテンツ取得、ページ設定の保存に問題が発生する可能性があります。 一般的に制限される文字には、次のものがあります。 &、 '、 @、 \、 ]、 }、 :、 、、 =、 >、 /、 <、 [、 {、 %、 |、 +、 #、 `、 ?、 "、 ;、 *、 ~、および改行 (\n) やキャリッジリターン (\r ) などの空白文字。
カスタマイズの設定
ウィジェットページの列がユーザーによってカスタマイズ可能かどうかを確認します。 カスタマイズが有効な場合、ユーザーがカスタマイズできる列を指定します。 詳細については、 ウィジェットページのユーザーパーソナライズを有効にする を参照してください。
デザイン
ここでは、ページのテーマを設定したり、デザイン、CSS、JavaScriptをカスタマイズしたりできます。 このエディタは、 ページセットの設定ページ でもアクセスできます。
テーマ
ここでは、ページセットのテーマ設定を使用するか、ページ用のカスタムテーマを定義できます。 ページのテーマをカスタマイズする場合、さまざまなテーマ設定を切り替えることができます。
基本設定
ここでは、ページの設計システムやスタイルの一部を変更できます。
ファビコン: テーマから適用されるデフォルトのファビコンを変更します。
マスター: マスターページのテンプレートを変更します。 詳細については、 マスターページテンプレート を参照してください。
スタイルブック: テーマから適用されるデフォルトのスタイルブックを変更します。 詳細については、 スタイルブックを使用してサイトの外観を標準化する を参照してください。
アイコン: サイトのナビゲーション メニューでページ名と一緒に表示するアイコンを選択します。
コンテンツページには、編集サイドバーメニューの「ページデザインオプション」（
）にマスターとスタイルブックの設定も含まれています。
カスタマイズ
また、CSSおよびJavaScriptエディタにアクセスして、ページにカスタムコードを追加することもできます。
テーマ CSS クライアント拡張機能: テーマ CSS クライアント拡張機能 を追加して、テーマに含まれるデフォルトの CSS を完全に置き換えます。
CSS クライアント拡張機能: CSS クライアント拡張機能 を追加して、ページの CSS をクライアント拡張機能で拡張します。 これらはテーマのCSSとマスター拡張機能の後に読み込まれます。
カスタム CSS: カスタム CSS は適用可能で、テーマの後に読み込まれます。
JavaScript クライアント拡張機能とカスタム JavaScript: JavaScript クライアント拡張機能 を追加することで、このマスターページテンプレートを使用するページにアクセスしたときに JavaScript を実行できます。 カスタムJavaScriptコードを追加することも可能で、ページ下部で実行されます。
サイトのテーマがJavaScriptを使用している場合は、個々のページやページセットではなく、テーマにカスタムJavaScriptコードを追加するのが最善です。 これにより、サイトのJavaScriptコードが常に一箇所に保持されます。 テーマがJavaScriptを使用していない場合は、サイトのJavaScriptコードをすべてここに記述してください。
詳細設定
追加設定にアクセスして、ページのコンテンツと機能をカスタマイズできます。
カスタムフィールド: サイトページに定義したカスタムフィールドを表示および設定します。 詳細については、 カスタムフィールド を参照してください。
埋め込みウィジェット: Web コンテンツ テンプレート、 ページ フラグメント、または テーマ を使用してページに埋め込んだウィジェットにアクセスします。
モバイルデバイスルール 削除済み: この機能は 7.3 で非推奨となり、それ以降のバージョンで削除されました。 以前は、ページがモバイルデバイス向けにページセットのルールを使用しているかどうかを判定していました。
カスタムフィールド と 埋め込みウィジェット のセクションは、ページにカスタムフィールドと埋め込みウィジェットを作成した後にのみ表示されます。
SEO (Automatic Copy)
検索エンジン最適化（SEO）とは、検索エンジンの検索結果ページ（SERP）におけるページのランキングを向上させるために使用される手法のことです。 SEOタブでは、ページのコンテンツを最適化するために使用できる設定に簡単にアクセスできます。 詳細については、 SEO およびメタデータ構成リファレンス を参照してください。
HTMLタイトル
HTMLのタイトルフィールドを使用して、ページの <title> タグを定義します。 このタイトルは検索エンジンがページをランク付けするために使用され、検索エンジンの結果ではページの見出しとして機能しますが、ページの 名前を置き換えることはありません。 HTMLタイトルの推奨される長さは 60 文字未満です。
説明
説明フィールドを使用して、ページの <description> タグを定義します。 この説明文は、検索エンジンがページのランキングを決定する際に使用され、また、検索結果のプレビューにも表示されます。 説明文の推奨される長さは155文字未満です。
カスタム正規化URL
Liferay DXP 2024.Q2+/Portal GA120+
正規ページとは、類似または同一のコンテンツを持つ複数のウェブページの中から、優先されるバージョンを識別するものです。 正規ページを選択することで、検索エンジンがどのバージョンのページがインデックス登録および検索結果のランキング対象となる主要なページであるかを確実に理解できるようになります。 また、重複コンテンツによる検索順位の低下を防ぎ、ユーザーが最も関連性の高いコンテンツを見つけやすくする効果もあります。
正規 URL をカスタマイズおよびローカライズするには、 カスタム正規 URL を使用する フィールドをチェックしてください。
表示ページテンプレート では、カスタム正規 URL はサポートされていません。
カスタム正規URLを持つページは、 サイトマップから除外されます。
キーワード
人々があなたのページのコンテンツを検索する際に使用する可能性の高いキーワードをリストアップしてください。 これらのキーワードは、ページのランキングに影響を与えます。 キーワードを別々の行に分けるか、カンマ区切りのリストに分割してください。
タイトル、見出し、説明文、段落、画像altテキストなど、ページコンテンツ全体を通してキーワードを頻繁に使用してください。
プレビュー
HTMLタイトル、説明、カスタムURLの設定に基づいて、検索エンジン結果ページ（SERP）でページがどのように表示されるかをプレビューできます。
ロボット
Robots フィールドは、ページの <meta name="robots"> タグを設定します。 このタグは、検索エンジンがページをクロールしてインデックスを作成する方法を制御します。 ページがインデックスされないようにするには、 noindex のような値を指定したり、検索エンジンがページ上のリンクをたどらないようにするには、 nofollow のような値を指定したりできます。 Robots meta tag、data-nosnippet、および X-Robots-Tag 仕様 で、robots meta tag についてさらに詳しく学びましょう。
これらの値を指定すると、HTMLコード内でrobotsフィールドは次のように表示されます。
<meta name="robots" content="noindex, nofollow">
言語フラグを使用して、このフィールドをローカライズすることもできます。
サイトマップ
sitemap.xml ファイルに表示ページを含めるかどうかを決定し、その優先度と変更頻度フィールドを設定します。 これらは、検索エンジンに対して、表示ページをクロールしてインデックスを作成するかどうか、他のサイトページと比較してどの程度の優先順位を付けるべきか、そしてどのくらいの頻度で更新されるかを指示するものです。
Liferay DXP 2024.Q2+/Portal GA120+ XML サイトマップの [子ページ URL を含める] ボックスで [子ページ URL を含める] をオン/オフすることで、XML マップ上の子ページのインデックス作成を有効/無効にします。 詳細については、 XML サイトマップの設定 をお読みください。
ページの優先度
ページの優先度を0.0から1.0の間で設定します。 これは、サイトをクロールしてインデックスを作成するツールに対し、サイト内の他のページと比較して、そのページをどの程度優先すべきかを指示するものです。
定期更新
ドロップダウンメニューを使用して、サイトをクロールおよびインデックス登録するツールに、ページの更新頻度を指示してください。
Open Graph
対応可能：Liferay DXP/Portal 7.3以降
Open Graph は、Twitter、Facebook、LinkedIn など、それをサポートするアプリケーション コンテキストで共有されるサイト コンテンツのプレビューを標準化するインターネット プロトコルです。 これは、 <meta> タグとして構造化データをページ ヘッダーに埋め込むことによって実現されます。これは、 RDFa と同様です。
Open Graph タブでは、Open Graph <meta> タグを使用して、ページのメタデータを定義し、コンテンツの魅力的な表現を作成できます。 ここで定義された値は、 サイト レベルで定義されたデフォルト値を上書きします。
Open Graph <meta> タグは、認証されていないユーザーのページ ヘッダーにのみ含まれます。 ユーザーがログインしている場合は、それらは含まれません。
画像
画像フィールドを使用して、ページの次の Open Graph プロパティ <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" />
画像の別の説明
画像のalt説明フィールドを使用して、ページの og:image:alt プロパティを定義します。 ［言語フラグ］ボタンを使用して画像の別の説明をローカライズすることもできます。
カスタムタイトルと説明文
カスタムのタイトルと説明フィールドを使用して、 og:title および og:description プロパティを定義します。 これらのプロパティは、ページのHTMLタイトルと説明の代わりに、リッチプレビューで使用されるカスタムテキストを作成します。 また、これらの値は、 ［言語フラグ］ ボタンでローカライズすることができます。
Open Graphのページ表示のプレビュー
ページのOpen Graph設定をプレビューします。 このセクションでは、プロトコルをサポートする環境でページのURLが共有された場合に、ページのコンテンツがどのように表示されるかを示します。 ただし、画像の比率はURLが掲載されている場所によって変わることがあります。
カスタムメタタグ
ここでは、ページの <head> にカスタム <meta> タグを追加できます。 これらのタグはページのHTMLソースコード内でのみ表示され、ページのデータを記述し、検索エンジンの結果やソーシャルメディアの投稿など、さまざまな状況でそのデータがどのように表示されるかを決定するために使用されます。 各タグはプロパティ属性とコンテンツ属性で定義されます。
カスタム <meta> タグは、認証されていないユーザーのページ ヘッダーにのみ含まれます。 ユーザーがログインしている場合は、それらは含まれません。
