GoogleChromeの拡張機能「Lighthouse」にSEO機能追加!使い方と自サイトを調査した結果

Googleクローム拡張機能「Lighthouse」 SEO

アラタツ
簡易的なSEOツール(無料)を探しているなら「Lighthouse」がいいかも!

どうも!あふぃりごとのアラタツです。

ブログやサイト、ホームページを運営していて、検索からの流入を増やしたいならSEO対策はとても重要になってきます。

しかし、Googleは頻繁にアップデートを繰り返しているため、その時期に合ったSEOを施していかないといけないので、常に最新のSEOを学び続けなければ時代に追いつけない仕組みになっています。

もし、あなたが3~1年前に有効だったSEO対策をしているとしたら、もうそれは時代遅れなのかもしれません。

しっかりと、今使えるSEO対策をしていきたいですよね。

今回は、Googleが提供しているGoogleクロームの拡張機能(アドオン)「Lighthouse」にSEO機能が追加されたのでご紹介します。

アラタツ
SEOを採点してくれるクローム拡張機能だよ。

Lighthouseってどんなアドオン?

ウェブマスター向け公式ブログ

先月、Googleウェブマスターブログでこんな記事が更新されました。

Lighthouse Chrome 拡張機能に追加された SEO カテゴリのご紹介

簡単に説明すると、「Lighthouse」に新しくSEO監査機能を追加したから使ってみんしゃい、というお知らせです。

Lighthouseは、直訳すると「灯台」という意味で、あなたの足元を照らしてSEOで暗礁に乗り上げないようにサポートするぜ!的な意味が込められているようです。

この拡張機能をクロームにインストールすれば、無料で簡易的なSEOヘルスチェックができます。

ということで、早速自分のサイトをチェックしてみました。

アラタツ
灯台もと暗し!(特に意味なし)

LighthouseをChromeに追加してみる

chromeに追加

まずは、使ってみなければ良し悪しはわからないということで、クロームに拡張機能を追加。

私も試してみたいわ、という方はこちらからどうぞ。

アラタツ
ちなみに、アフィリエイターならブラウザは必ずGoogleクロームを使うようにしようぜ!

拡張機能の追加は、上記リンクをクリックして「Chromeに追加」をクリックするだけです。

Lighthouseの使い方

クロームに「Lighthouse」を追加したら、拡張機能にアイコンのアイコンが追加されます。

SEOチェックをしたいページを開いた状態で、このアイコンをクリックすると「Option」というボタンが出てくるので、まずはそこをクリック。

Option

すると、オプションを決定する画面に変わるので、監査したい項目にチェックを入れます。

チェック項目
アラタツ
今回はすべてチェックを入れてみたぜ!

調べたい項目にチェックを入れたら「Generate report」をクリックするだけ。

解析開始

すると、「Lighthouse」がこのブラウザをデバックしています。という表示が出るのでしばらく待ちます。

解析中の画面(デバック)
アラタツ
基本的な使い方はこれだけ!あとは解析結果が出るのを待とう!

ちなみに、クロームの拡張機能の「Google翻訳」を入れておくと一応日本語で見れます。

アラタツ
ほんやくこんにゃく欲しいな、ドラえもん。

自サイト(あふぃりごと)を解析してみた結果

このSEOツールで解析できるのは大きく分けて5つ。

Lighthouseで解析できること
  • Performance
  • Progressive Web App(PWA)
  • Accessibility
  • BestPractice
  • SEO

解析が終わると、以下のようなレポート画面が立ち上がります。

採点結果

では、ひとつずつ頑張って解説してみます。

パフォーマンス=40点

パフォーマンス

今回の調査で一番点数が低かったのがパフォーマンスでした。

これは、ページの表示速度に関する項目だと思います。

Googleは、PageSpeed Insightsという表示速度を改善するためのツールも提供してくれていますが、それの簡易版といったところでしょうか。

この表示速度はサイト運営者の永遠の課題ですね。

デザインを取れば、やっぱり表示速度は重くなるし、でも表示速度だけを追求するとなんだか無機質なサイトになりがちです。

特に、最近はAMP化を推奨する動きですが、僕はなかなか導入に腰が重くなっています。

表示速度アップ

WordPressのサイト表示速度をPageSpeed Insightsを使いサクッと改善した方法

AMP化したけど納得いかねー

WordPressブログをプラグインでAMP対応させる超便利な方法

アラタツ
もっと表示速度が早くなるように改善に努めなさいってことですね。(;´Д`)

プログレッシブウェブアプリケーション(PWA)=55点

PWA

これは、いろいろと調べたのですが、イマイチまだ理解できてません。

簡単に言えば、WEBサイトをアプリのように使いやすくしましょうという取り組みのようですが、正直だからといって、何をどうすればいいのかという感じです。

まあ、とにかくユーザーが使いやすいサイトになるようにしていこうという感じだと思うのです。

あとは、スマホのホーム画面にアイコンを追加したり、プッシュ通知が出来たりと今後は、WEBサイトをアプリのように使えるように対策していきましょうってことです。

アラタツ
これは、正直アフィリエイターの仕事の枠を超えた話かな。

でも、時代に取り残されないように勉強しよう。

アクセシビリティ=57点

アクセシビリティ

これは、Googleのクローラーが回ってきたときに、そのページがわかりやすい構造になっているかを採点したものです。

クローラーはHTMLタグなどを細かくチェックし、その構造が適切かどうかを見ています。

あとは、色とかも見て、そのページがデザイン的にどうかも見ているようです。

アラタツ
「色のコントラストは満足です」だって。(笑)

ベストプラクティス=81点

ベストプラクティス

ここでは、SSL化しているかとか、もっとここを改善した方がいいよと教えてくれる項目です。

案外点数が高かったので、安心しました。

SEO=90点

SEO

で、やっとこさ本題のSEOの部分。

まあ、見た感じ特に問題はありませんでしたが、フォントサイズが小さすぎるという指摘を受けました。基本は16px以上になるようにしましょうとのこと。

最近は、スマホファーストなので文字が小さいとユーザーが不便に感じるという感じでしょうか。

まあ、ただこのツールはあくまでクローラーがどのように見えているかを判定するツールです。

クローラーばかり意識しすぎて、肝心のユーザーにどのように見えているかのチェックを怠ると本末転倒です。

SXOとは

SEOはSXOの時代へ突入!ユーザーの検索体験を最適化する対策方法とは

アラタツ
だって、ユーザーはこのタグ間違ってるからこのサイト駄目じゃんとは評価しないよね。

まとめ

まあ、こんな感じで自分のサイトの解析ができる拡張機能がリリースされたという話です。

正直、僕は色々なSEO分析ツールを使っているので、物足りない感はありましたが、Googleが提供している拡張機能ということは、それだけ重要度が高いものを取捨選択してパッケージしていると思われます。

つまり、最低限ここは抑えておけよというところが、ひと目でわかるので、初心者の方には非常に重宝できるツールなのではないかと思います。

今後、ますますスマホを重視したサイト構築が大切になってきます。

WEBサイトのアプリ化は、アフィリエイターも考えていかなければならない問題なのかも知れません。

あまりSEOのチェックはしたことがないという方は、無料で使えるのでぜひ試してみてください。

アラタツ
トップページだけでなくページごとに解析するのが基本だよ!

半年間で600万円のアフィリ報酬を獲得した方法を公開中!

カフェオレ戦略

[clickliscode color=”red” type=”shake” url=”https://affiligoto.com/post_lp/mail-magazine/” target=”blank” rel=””]チェックしてくれよな![/clickliscode]

こちらもクリック