マツダコウヘイ @matskohe

next-seoでseoのスコアあげてみた。

Published on
投稿日: 2021-03-25
lastPublished on:
最終更新日: 2021-04-06

tl;dr

next-seoをいれて設定したら、lighthouseのseoのスコアが82→100になった。

経緯

「webサイト作りました」系の記事でよくlighthouseを見るので、自分もやってみた。

方法

このブログのテンプレでも使っていた、next-seoを使うことにした。

<NextSeo>の色々値を設定。ページ毎にtitleやdescriptionの設定値変更。

Before

lighthouse_before

After

lighthouse_after

アクセシビリティとSEOのスコアが上がった。やったー。

この画像だと、preformanceが2低いけれど、97になったり、98になったり、ばらつきがあるようので気にしない。

pwaが+になっていることについては、また別記事で。

マツダコウヘイ @matskohe
© 2022
matsudakohei.com