ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

ページのSEOとアクセシビリティを分析する

Liferay DXP 7.4以降では、ページ監査ツールを使用して、ページのSEOとアクセシビリティを検証できます。ページ監査ツールはGoogle PageSpeed Insightsサービスを使用して、Liferay DXPに特定の推奨事項を提供します。このツールを使用すると、コンテンツ作成者は次のことができます。

ページが検索エンジンのインデックス作成と可視性のために最適化されていることを確認します。これにより、ページは検索結果で上位にランク付けされ、適切なオーディエンスにリーチできます。
ページのアクセシビリティに関するベストプラクティスへの準拠を確認し、すべてのユーザーにとっての使いやすさと全体的なエクスペリエンスを向上させます。
具体的な情報に基づいて、ページに影響を与えているSEOおよびアクセシビリティの問題を修正してください。

重要

ページ監査ツールはPageSpeed Insightsを使用しているため、一般公開されているページでのみ機能します。 Liferayシステムでプライベートページが有効になっている場合、このツールは使用できません。

SEOとアクセシビリティのチェック

Liferay DXPのページ監査ツールは、次の要素を評価します。

SEOの問題：

正しくない画像のアスペクト比
欠落しているmeta-description
リンクテキスト
インデックスからブロックされているページ
無効なhreflang
無効な正規化URL
判読できないフォントサイズ
小さなタップ対象
欠落している<title>要素
一部のクロールできないリンク

アクセシビリティの問題：

低いコントラスト比
欠落しているimg-alt属性
欠落しているinput-alt属性

ページ監査を実行した後、問題を修正するための実用的な情報とともに、各問題の説明を確認できます。これらの各要素の詳細については、Google Lighthouseのドキュメンテーションを参照してください。

ページ監査ツールの設定

注記

ページ監査ツールを設定するには、Liferay DXPへの管理者権限が必要です。

ページ監査ツールはデフォルトで有効になっていますが、ページ監査を実行する前にツールの構成を完了する必要があります。この構成には以下が必要です。

PageSpeed Insights APIキー。 Googleでは、PageSpeed Insightsを自動化された方法で使用し、1秒あたり複数のクエリを実行するために、このキーが必要です。このAPIキーを作成するには、GoogleドキュメンテーションのGet Started with the PageSpeed Insights APIを参照してください。
ページ監査の優先戦略。デフォルトでは、ページ監査ツールはモバイル戦略を使用しますが、ページを分析するためにデスクトップ戦略を構成することもできます。モバイル戦略には、小さな画面でコンテンツを監査するための追加のルールが含まれています。選択した戦略はすべてのページ監査に適用されるため、ページのモバイルバージョンとデスクトップバージョンを監査する場合は、各監査戦略を個別に実行する必要があります。

ページ監査ツールのAPIキーと監査戦略を構成します

ページ監査ツールを構成するには、Liferay DXPでGoogle PageSpeed Insights設定を構成します。 Liferay DXPの他の設定と同様に、さまざまなスコープでページ監査ツールを有効または無効にできます。これらの構成設定にアクセスするには、管理者権限が必要です。詳細については、構成スコープの理解を参照してください。

現在ご利用のサイト向けにページ監査ツールを設定する

サイトメニュー（）を選択し、構成→サイト設定に進みます。
コンテンツ & データセクションで、 ページ をクリックします。
サイトスコープのセクションで、 Google PageSpeed Insights をクリックします。

注記

Google PageSpeed Insights の設定は、サイトスコープにおいて、その設定が上位スコープとして有効になっている場合にのみ利用可能です。詳細については、構成スコープの理解をお読みください。
［Enable Google PageSpeed Insights］チェックボックスがオンになっていることを確認します。
Google PageSpeed InsightsのAPIキーをコピーし、APIキーの欄に貼り付けてください。
PageSpeed Insightsテストの推奨戦略を選択してください。選択された戦略は、すべてのページ監査に適用されます。
をクリックして保存します。

Liferay DXPシステム向けページ監査ツールの設定

Liferay DXP グローバルメニュー ( ) をクリックします。
コントロールパネル → システム設定 に移動します。
コンテンツ & データセクションで、 ページ をクリックします。
目的のスコープ（システム、仮想インスタンス、またはサイト）の下で、 Google PageSpeed Insights をクリックします。
ページ監査ツールを有効または無効にするには、 Google PageSpeed Insights を有効にする チェックボックスをオンまたはオフにします。
をクリックして を更新します。

ページ監査ツールをグローバルに無効にするには、システムスコープで［Enable Google PageSpeed Insights］オプションをオフにします。

ページ監査ツールへのアクセスとページ監査の実行

監査したいページにアクセスし、アプリケーションバーの ページ監査 () ボタンをクリックします。

注記

ページ監査をまだ設定していない場合、ページ監査パネルに設定を完了するよう促されます。この場合は、 をクリックして設定 を行い、をクリックして設定を完了します。
［ページ監査］パネルには、［ページ監査の開始］ボタンが表示されます。
ページ監査を開始 をクリックして、ページを Google PageSpeed Insights に接続し、監査プロセスを開始します。

テストを実行した後、ページを開いてページ監査（）ボタンをクリックすることで、いつでも最新の監査結果を確認できます。

ページ監査ツールでSEOとアクセシビリティの問題を分析する

監査を実行した後、ページ監査ツールには、Google PageSpeed Insightsのルールに従って、ページの問題が表示されます。テスト名の横の数字は、その特定のテストのエラーの総数を示します（または、テストに100を超えるエラーがある場合は+100）。

問題をクリックすると、次の3つのセクションが表示されます。

説明 (C): 選択された監査テストに関する一般的な情報を提供します。

ヒント (D): Liferay DXP のエラーの原因と、エラーを修正または軽減する方法に関するより具体的な情報が含まれています。

失敗した要素 (E): PageSpeed Insight ルールを使用してテストに合格しなかったページ要素を一覧表示します。

ページ監査ツールのGUIには、ページの問題の一覧と、問題を修正または軽減するための実用的な情報が表示されます。

ページ監査ツールを使用するときは、次の情報を考慮してください。

以前にそのページで監査テストを実行したことがある場合、ページ監査ツールには最後のテストの実行時間とテスト結果が表示されます。ページ監査の結果を更新するには、再起動（）アイコン（A）をクリックして新しいテストを実行します。
ページ監査ツールは、指定した時点におけるSEOとアクセシビリティの問題点について、ページを分析します。ページまたはページのコンテンツが変更された場合（たとえば、動的コンテンツを表示する場合）、テスト結果が異なる場合があります。
Page Audit は、デフォルトエクスペリエンスの結果のみを表示します。
ページがローカライズされている場合は、言語ごとにページ監査テストを実行できます。テストを実行する前に、ページ監査ツールの フラグ ボタンをクリックして、言語を選択してください。
リモートライブステージングを使用してページを公開していて、ステージング環境がインターネットに接続されていない場合は、ライブ環境でページ監査ツールを使用できますが、ステージング環境でのみ問題を修正できます。

トラブルシューティングページ監査パネルのエラー

ページを監査する際のエラーを回避するには、有効なGoogle PageSpeed Insights APIキーを構成し、監査するページにインターネットからアクセスできることを確認してください。

よくある間違い

エラー	Description
このAPIキーは無効です	Google PageSpeed Insights APIキーが無効です。有効な API キーを設定するには、エラーメッセージにある API キーの設定ボタンをクリックしてください。 APIキーを取得するには、GoogleドキュメンテーションのGet Started with the PageSpeed Insights APIを参照してください。
このページは監査できません	監査しようとしているページは、一般に公開されていません。
予期しないエラーが発生しました	これは一般的なエラーです。ページ監査ツールが正しく構成されていること、および監査するページにインターネットからアクセスできることを確認してください。