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

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

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

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

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

SEOの問題：

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

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

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

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

ページ監査ツールの構成

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

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

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

現在のサイトにページ監査ツールを構成する

1. サイト メニュー () を選択し、[構成] → [サイト設定] に移動します。

2. ［コンテンツとデータ］セクションで、［Pages］をクリックします。

3. ［Site Scope ］セクションで、［Google PageSpeed Insights］をクリックします。

   

   注

   Google PageSpeed Insights設定は、設定がより高いスコープとして有効になっている場合にのみ、サイトスコープで使用できます。 詳細については、「 構成スコープの理解」をお読みください。

4. ［Enable Google PageSpeed Insights］チェックボックスがオンになっていることを確認します。

5. Google PageSpeed Insights APIキーをコピーして、このキーを［API Key］フィールドの下に貼り付けます。

6. PageSpeed Insightsテスト用の優先戦略を選択します。 選択した戦略は、すべてのページ監査に適用されます。

7. [保存]をクリックします。

Liferay DXPシステムにページ監査ツールを構成する

1. Liferay DXPグローバルメニュー（）をクリックします。

2. ［コントロールパネル］タブを選択し、［設定］の下で、［System Settings］をクリックします。

3. ［コンテンツとデータ］セクションで、［Pages］をクリックします。

4. 目的のスコープ（システム、仮想インスタンス、またはサイト）の下で、［Google PageSpeed Insights］をクリックします。

5. ［Enable Google PageSpeed Insights］チェックボックスをオンまたはオフにして、ページ監査ツールを有効または無効にします。

   

6. 更新をクリックします。

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

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

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

   

   注

   ページ監査をまだ構成していない場合は、［ページ監査］パネルで構成を完了するように求められます。 この場合は、 [構成] をクリックし、 [構成を完了]します。

2. ［ページ監査］パネルには、［ページ監査の開始］ボタンが表示されます。

3. ［ページ監査の開始］をクリックして、ページをGoogle PageSpeed Insightsに接続し、監査プロセスを開始します。

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

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

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

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

Description（C）： 選択した監査テストに関する一般的な情報を提供します。

Tips（D）： エラーソースに関するより具体的な情報と、Liferay DXPでエラーを修正または軽減する方法が含まれています。

Failing Elements（E）： PageSpeed Insightルールを使用してテストに合格しなかったページ要素を一覧表示します。

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

• ページで以前に監査テストを実行したことがある場合、ページ監査ツールは最後のテストの実行時間とテスト結果を表示します。 ページ監査の結果を更新するには、再起動 () アイコン (A) をクリックして新しいテストを実行します。

• ページ監査ツールは、特定の時間にSEOとアクセシビリティの問題についてページを分析します。 ページまたはページのコンテンツが変更された場合 (たとえば、動的なコンテンツを表示する場合)、テスト結果が異なる場合があります。

• ページ監査では、 デフォルト エクスペリエンス の結果のみが表示されます。

• ページがローカライズされている場合は、言語ごとにページ監査テストを実行できます。 テストを実行する前に、ページ監査ツールの［フラグ］ボタンをクリックして言語を選択してください。

  

• リモート ライブ ステージング を使用してページを公開していて、ステージング環境がインターネットに接続されていない場合は、ライブ環境でページ監査ツールを使用できますが、問題を修正できるのはステージング環境のみです。

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

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

一般的なエラー

関連トピック

• Google PageSpeed Insights
• PageSpeed Insights API を使ってみる
• 設定スコープについて