WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Lighthouse』



サイトの表示速度などのパフォーマンスや

PWA対応状況などを確認できる

Webサイト管理者向けのChrome拡張機能です

lighthouse7

Chrome拡張機能 Lighthouse インストール

 

インストール

lighthouse1

上記リンク先ページをChromeで開き

「CHROMEに追加」をクリックします

 

lighthouse2

拡張機能を追加をクリックすれば

インストール完了です

 

lighthouse3

Chromeにアイコンが追加されれば完了です

 

レビュー

lighthouse4

調べたいサイトでアイコンをクリックして

Generate reportをクリックします

 

lighthouse5

サイトをチェックして結果が表示されます

・Performance

ページの読込スピードで遅い所を表示してくれます

・ProgressiveWebApp

通称PWAに対応したサイト構成になっているかを

項目ごとに表示してくれます

・Accessibility

ALTなどElementなどに名前などを

しっかりと付けているかという事みたいです

・BestPractice

Googleからの提案など

・SEO

SEOに関する部分の提案など

とちょっとアバウトに書きましたが

サイトに関するSEOな部分を統合でチェックできます

 

lighthouse6

検索順位、SEOが気になる方は

参考にしてみては如何でしょうか

  • コメント: 0

関連記事

  1. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

  2. 言語・開発

    マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

    マウスを上に持ってくるだけで、その場所の要素のCSSを表示して…

  3. 言語・開発

    Chrome拡張機能のソースコードを閲覧できる拡張機能 『Chrome extension sour…

    GoogleChromeの拡張機能のソースコードを確認できる開…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP