Google検索結果の順位を数字で表示する方法【Stylus】

検索結果の順位をすぐ知りたい

検索順位、指で数えてない？

もっとスマートに順位がわかる方法を教えよう。

Stylusを使用して、順位を表示させる

Stylusは、WEBを自分好みのデザインに変更できるツールだ。

Stylusの導入についてはこちらの記事を参照↓

Google検索結果でリンクの色を変える方法【Stylus】

スタイルの名称は「googleserp」にして、3行目までのコードは上記の記事中で紹介している「訪問済みリンクの色を変更する」コードの記述。

今回の「順位表示」のコードは5行目以降となる。

①Stylusに以下のコードを入力

body {
counter-reset: result !important;
}

h3.LC20lb:before {
content: counter(result) ". " !important;
counter-increment: result !important;
display: inline-block;
background: #ffc8c8;
margin-right: 1em;
}

②検索結果を確認

タイトルの頭に順位が表示されるようになった。

これで、指で順位を数える必要はなくなった。