Liferay 7.4でGoogle PageSpeed Insightsを使ってみよう - Liferay 7.4でGoogle PageSpeed Insightsを使ってみよう - aegif Labo Blog Liferay
null Liferay 7.4でGoogle PageSpeed Insightsを使ってみよう
機能
2023.09.05
こんにちは。おおたにです。
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. チェックが完了すると、以下のように監査結果が表示されます。この結果を参考にページを改善していくことができます。
今回の紹介は以上となります。皆様もぜひ試してみてください。
関連記事
RANKING
2021.1.08
2020.12.01
2020.12.28
2020.12.18
2020.10.30
Liferay DXP 7.3の新機能であるアプリビルダー(App Builder)をご紹介!
2020年10月にリリースされたLiferay DXP 7.3の新機能について紹介します
Liferay7.3から導入されたLiferay API Explorerを紹介します。
Liferay 7で実際にデータベースに対して発行されているクエリを出力する方法をご紹介
Liferay 7ではデフォルトでレスポンスヘッダにプロダクト情報が出力されるため、それを削除する方法をご紹介