こんにちは。おおたにです。

Liferayはバージョン7.4からGoogle PageSpeed Insightsとの連携に対応し、ページ内のパネルでSEOのための改善案を確認できるようになりました。今回はその方法を紹介します。

PageSpeed InsightsのAPIキーを取得する

Liferay 7.4との連携ではPageSpeed InsightsのAPIキーが必要となります。まずは以下の手順でAPIキーを取得します。

1. PageSpeed Insightsのページにアクセスし、「キーを取得する」をクリックする。

2. 新しいプロジェクトを作成する。

3. APIキーが作成されるので「SHOW KEY」をクリックしてAPIキーをコピーする。

LiferayサイトにPageSpeed Insightsを設定する

続いて、LiferayのサイトにPageSpeed Insightsを利用するための設定を行います。利用設定はサイト毎に行う必要があります。

1. 目的のサイトのプロダクトメニュー > 設定 > サイト設定 > ページ > Google PageSpeed Insights を以下のように設定する。

• Google PageSpeed Insights を有効化 : チェックを入れる
• APIキー : 先ほどコピーしたAPIキーを貼り付ける
• 優先する戦略 : モバイルかデスクトップか、優先的に計測したいアクセスを選択する

2. 「保存」をクリックする。

ページ監査を実施する

以上で準備完了なので、実際にページ監査を実施してみましょう！当然ではありますが、外部からアクセスしてチェックされるため、IPアドレス等でアクセス制限されているようなサイトはチェックできません。

1. 画面右上の「ページ監査」アイコンをクリックする。

2. 画面右側にページ監査ペインが表示されるので、「ページ監査の開始」をクリックする。

3. チェックが完了すると、以下のように監査結果が表示されます。この結果を参考にページを改善していくことができます。

今回の紹介は以上となります。皆様もぜひ試してみてください。