oo

ページ単位での設定

個々のページをニーズに合わせて設定することができます。 この方法で行われたすべての変更は、選択されたページにスコープされます。

特定のページを設定するには、 サイトメニュー(サイトメニュー)を開き、 サイトビルダーページ に進みます。 次に、カスタマイズしたいページの Actions(Actionsボタン)をクリックし、 Configure を選択します。

Click the Actions button for the page you want to customize, and select Configure

または、アプリケーションバーの右上にある Actions(Actionsボタン)をクリックして、一般的なページ設定にアクセスすることもできます。 → アプリケーション・バーの右上にある Configuration(Configurationボタン)をクリックします。

これらの設定は、以下のタブに整理されています。

note

これらの設定の多くは、ユーザーのロケールに応じた翻訳を提供するためにローカライズすることができます。 詳しくは、 初期インスタンスのローカライゼーション および ローカライゼーション可能なサイト・フィールドの変更 を参照してください。

共通

ここでは、ページの名前、フレンドリーURL、レイアウトなどの基本情報を設定できます。

基本情報

nameフィールドを使用して、サイトナビゲーションに使用され、ブラウザのタイトルバーに表示されるページのタイトルを設定します。 ページ階層を表示するように設定されている場合、ページをメニュー表示から隠すことができる。 有効化しても、他のナビゲーション・メニューに追加された場合、隠しページは表示されます。 詳しくは ページ階層の管理 を参照してください。

Use the name field to set the page's title and check the checkbox to hide it from menu display.

note

子ページは親ページの可視性を継承します。 また、隠しページはデフォルトのナビゲーション・メニューには表示されないが、他の作成されたナビゲーション・メニューには表示することができる。

URL

また、 復元 アイコン(フレンドリーURL復元アイコン)をクリックすると、以前に使用したURLが表示され、復元されます。 詳細については、 ページのフレンドリURLの設定 を参照してください。

他のパラメータが指定されていない場合、ページのデフォルト・パラメータを設定するには Query String を使用します。 クエリー文字列は、ウェブ・コンテンツ・テンプレートに大きな利点をもたらします。 さらに、新しいタブで開く、特定のフレーム内で開くなどの属性を持つTarget Typeフィールドを使って、ページリンクの動作をコントロールすることができます。

Use the Friendly URL field to set a page's custom URL.

tip

ページの名前とフレンドリーURLはページ作成時に一緒に定義されますが、その後は個別に設定されます。 両者が一致するように、一緒に更新するのがベストプラクティスです。

ページレイアウト

レイアウトテンプレートは、ウィジェットページのどこにウィジェットを配置できるかを指示します。 グローバルテンプレートまたはカスタムページテンプレートのいずれかを使用して作成された基本的なウィジェットページに対して、ユーザーは、選択されたテンプレートに行われた変更をページが 継承 するかどうかを決定することができます。 ページが変更を継承しない場合は、カスタムレイアウトを選択して、ウィジェットの行と列のコンテナを定義します。

Select a layout template to define row and column containers for widgets.

カテゴリー設定

トピックタグ を使ってページのコンテンツを分類し、ユーザーがより簡単に見つけられるようにしましょう。 タグとカテゴリの使用の詳細は、 カテゴリとタグを使用したコンテンツの整理 を参照してください。

Use Topics and Tags to categorize a page's content

カスタマイズの設定

ウィジェット・ページのカラムがユーザーのために カスタマイズ可能 であるかどうかを決定する。 カスタマイズが有効な場合、ユーザーがカスタマイズできる列を指定します。 詳細については、 ウィジェット・ページのユーザー・パーソナライズを有効にする を参照のこと。

Determine whether users can customize a widget page.

デザイン

ここでは、ページのテーマを設定し、そのデザイン、CSS、JavaScriptをカスタマイズすることができます。 このエディターには、 ページセットの設定ページ からもアクセスできる。

テーマ

ここでは、ページセットのテーマ設定を使用するか、ページのカスタムテーマを定義することができます。 ページのテーマをカスタマイズすることを選択すると、様々なテーマ設定を切り替えることができる。

Determine whether to use the page set's theme settings or define a custom theme for your page.

基本設定

ここでは、ページのデザインシステムやスタイリングの一部を素早く簡単に変更することができます。

ファビコン :テーマから適用されるデフォルトのファビコンを変更します。

マスター :マスターページのテンプレートを変更します。 詳しくは マスターページテンプレート をご覧ください。

スタイルブック :テーマから適用されるデフォルトのスタイルブックを変更します。 詳しくは スタイルブックを使用してサイトの外観を標準化する を参照してください。

アイコンです :サイトのナビゲーションメニューでページ名と一緒に表示するアイコンを選択します。

Determine the favicon, master page template, style book and icon for your page.

note

コンテンツページには、サイドバーの編集メニューのページデザインオプション( ページデザインオプションアイコン )にあるマスターとスタイルブックの設定も含まれます。

カスタマイズ

また、ページにカスタムコードを追加できるCSSエディターやJavaScriptエディターにもアクセスできる。

テーマCSSクライアント拡張: テーマCSSクライアント拡張 を追加して、テーマに含まれるデフォルトCSSを完全に置き換えます。

CSSクライアント拡張: CSSクライアント拡張 を追加して、ページのCSSをクライアント拡張で拡張する。 これらはテーマCSSの後、マスターエクステンションの後にロードされます。

カスタムCSS: カスタムCSSを適用することができ、テーマの後に読み込まれます。

JavaScriptクライアント拡張とカスタムJavaScript: JavaScriptクライアント拡張 を追加することで、このマスターページテンプレートを使用したページが訪問されたときにJavaScriptを実行させることができます。 カスタムJavaScriptコードも追加でき、ページ下部で実行される。

Use CSS and JavaScript editors to add custom code to the page

tip

あなたのサイトのテーマがJavaScriptを使用している場合、個々のページやページセットではなく、テーマにカスタムJavaScriptコードを追加するのが最善です。 これにより、あなたのサイトのJavaScriptコードが一箇所に留まるようになります。 あなたのテーマがJavaScriptを使用していない場合、あなたのサイトのすべてのJavaScriptコードをここに置きます。

詳細設定

ページのコンテンツや機能をカスタマイズするための追加設定にアクセスします。

カスタムフィールド :サイトページ用に定義したカスタムフィールドを表示および設定します。 詳細については、 Custom Fields を参照してください。

埋め込みウィジェットWeb Content Templates , Page Fragments , または Themes を使ってページに埋め込んだウィジェットにアクセスします。

モバイル・デバイス・ルール :ページがそのページセットのモバイルデバイス用 ルール を使用しているか、独自に設定されているかを判断します。 これらのルールは、ページのコンテンツがさまざまなタイプのモバイルデバイスでどのように表示されるかを決定します。

note

カスタムフィールドと埋め込みウィジェットセクションは、ページにカスタムフィールドと埋め込みウィジェットを作成した場合にのみ表示されます。

SEO

検索エンジン最適化(SEO)とは、検索エンジンの結果ページ(SERP)におけるページの順位を向上させるために使用される方法を指します。 SEOタブでは、ページのコンテンツを最適化するための設定に簡単にアクセスできます。 以下の設定については、 SEOとOpen Graphを設定する を参照してください。

HTMLタイトル

HTMLのタイトルフィールドを使って、ページの<title>タグを定義する。 このタイトルは、検索エンジンがあなたのページをランク付けするために使用され、検索エンジンの結果でページの見出しとして機能しますが、ページの 名前 を置き換えることはありません。 HTMLタイトルの推奨される長さは 60 文字未満です。

説明

descriptionフィールドを使って、ページの<description>タグを定義する。 この説明文は、検索エンジンがあなたのページをランク付けするために使用され、あなたのページの検索結果のプレビューにも表示されます。 説明文の推奨される長さは155文字未満です。

カスタム正規化URL

ページのカスタムカノニカルURLを設定する。 この方法で設定されたカスタムURLは、システム設定の設定よりも優先されます。

キーワード

あなたのページのコンテンツを検索する際に、人々が使いそうな単語をリストアップする。 これらのキーワードは、あなたのページのランキングに貢献します。

tip

タイトル、見出し、説明文、段落、画像のaltテキストなど、ページのコンテンツ全体にキーワードを頻繁に使用しましょう。

Set the page's HTML title, description, custom canonical URL and keywords to improve your page's ranking in Search Engine Results Pages (SERP)

プレビュー

HTMLタイトル、説明文、カスタムURLの設定に基づいて、検索エンジンの結果ページ(SERP)にページがどのように表示されるかをプレビューします。

Preview how a page is displayed in search engine results.

ロボット

ページの robots.txt ルールを設定する。 これらのルールは、検索エンジンやその他のツールがあなたのサイトをクロールしたりインデックスを作成したりする際に、クローラーが指定したパスにアクセスすることをブロックしたり許可したりする指示を与えるものです。

Configure robots.txt rules for your page to provide instructions to search engines

サイトマップ

サイトクローラーが使用するサイトマップにページが含まれているかどうかを判断する。 ページを除外することで、サイトのクローラーがクロールやインデックスを作成する際に、そのページをスキップするように指示します。

ページの優先度

ページの優先順位を0.0から1.0に設定する。 これは、クロールやインデックスを作成するツールに、あるページがサイト内の他のページと比較してどのように優先されるべきかを知らせるものです。

定期更新

ドロップダウンメニューを使用して、あなたのサイトをクロールおよびインデックスしているツールに、ページの更新頻度を知らせます。

Determine if the page is included in the sitemap, and set its page priority and change frequency

Open Graph

利用可能です:Liferay DXP/Portal 7.3+.

Open Graph は、Twitter、Facebook、LinkedInなどのアプリケーション・コンテキストで共有されるサイト・コンテンツのプレビューを標準化するインターネット・プロトコルである。 これは、 RDFa と同様に、構造化データをページヘッダーに <meta> タグとして埋め込むことで実現する。

Open Graph タブでは、Open Graph <meta>タグを使用してページのメタデータを定義し、コンテンツの魅力的な表現を作成することができます。 ここで定義された値は、 サイト レベルで定義されたデフォルト値をオーバーライドする。

note

オープングラフ タグは、認証されていないユーザーにはページヘッダーにのみ含まれます。 ユーザーがログインしているときは含まれない。

画像

画像フィールドを使用して、ページに対して以下のオープングラフ <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" />

画像の別の説明

og:image:altプロパティを定義するには、画像のalt説明フィールドを使います。 また、 言語フラグ ボタンを使って画像のalt説明をローカライズすることもできます。

カスタムタイトルと説明文

og:titleog:descriptionプロパティを定義するには、カスタムタイトルとカスタム説明フィールドを使用します。 これらのプロパティは、ページのHTMLタイトルと説明文の代わりにリッチプレビューに使用されるカスタムテキストを作成します。 これらの値は、 言語フラグ ボタンを使ってローカライズすることもできます。

Open Graphのページ表示のプレビュー

ページのオープングラフ設定をプレビューする。 このセクションでは、プロトコルをサポートするコンテキストでURLが共有されたときに、ページのコンテンツがどのように表示されるかを表示します。 ただし、画像の比率はURLが掲載されている場所によって変わることがあります。

Preview your Open Graph configuration.

カスタムメタタグ

ここでは、カスタム<meta>タグをページの<head>に追加することができます。 これらのタグは、ページのHTMLソースコードにのみ表示され、ページのデータを記述し、そのデータが検索エンジンの結果やソーシャルメディアへの投稿など、さまざまなコンテキストでどのように表示されるかを決定するために使用されます。 各タグはプロパティ属性とコンテンツ属性で定義されます。

Add custom meta tags to a page's head using the Property and Content fields.

関連トピック

Capability: