webruary

RSS

  • HOME
  • Web
  • Firefox の Stylus で Yahoo!・Google・bing・DuckDuckGo の検索結果に順位表示

Firefox の Stylus で Yahoo!・Google・bing・DuckDuckGo の検索結果に順位表示

だいぶ前に「Firefox の Stylish でYahoo!・Google・bingの検索結果に順位表示。」ってのを書いてました。

その後、特に Google でちょくちょく html が変更になり、その度に修正をしてました。

そして2020年11月2日あたりに、また html が変わり、今では DuckDuckGo を主に使ってたりするので新しく書き直しました。

ここから続き

Stylish ではなく Stylus だけどコードは同じ

コレも変わったところですが、数年前に Stylish が Firefox にブロックされたので、今は Stylus を使用しています。

ただ、CSS のコードに何か変更点があるとかはないので、そのまま使用できます。

CSS
/* Google */
@-moz-document url-prefix("https://www.google.co.jp/"), url-prefix("https://www.google.com/") {
	body {
		counter-reset: result !important;
	}
	div.yuRUbf h3.LC20lb::before {
		content: counter(result) ". " !important;
		counter-increment: result !important;
	}
}


/* Yahoo */
@-moz-document url-prefix("https://search.yahoo.co.jp/") {
	body {
		counter-reset: result !important;
	}
	div.sw-Card__title a.sw-Card__titleInner h3::before {
		content: counter(result) ". " !important;
		counter-increment: result !important;
	}
}


/* Bing */
@-moz-document url-prefix("https://www.bing.com/") {
	body {
		counter-reset: result !important;
	}
	
	li.b_algo h2::before{
		content: counter(result) ". " !important;
		counter-increment: result !important;
	}
}


/* DuckDuckGo */
@-moz-document url-prefix("https://duckduckgo.com/") {
	body {
		counter-reset: result !important;
	}
	
	h2.result__title a.result__a::before{
		content: counter(result) ". " !important;
		counter-increment: result !important;
	}
}

まぁ、SEO で検索順位を気にするあたり、順位を表示するのは Google だけでいいんだと思いますが、タイトルの前に順位がないと違和感を覚える体になってしまったので…。

DuckDuckGo を利用し始めた理由

最近 Google の検索結果が、詐欺サイトに転送させるだけのページ、いわゆる検索エンジンスパムのページが多くひっかかる気がするんです。

きっと Google も対策をアレコレしていると思いますが、それも追いつかないんですかね…。

DuckDuckGo の前に bing にしようと思ってたのですが、bing って表示件数が 10件までなのと、ページ下部に行ってからキーワードを変更しようと思うと、上まで戻らないといけないのがイマイチだったので DuckDuckGo になりました。

ただ、DuckDuckGo と Google は検索結果が異なるので、DuckDuckGo で検索して「なんか違うなぁ~」って時は Google を使ってます。

※2020/11/19 追記
Google のコードがまた変わったので修正。
前回のが不評だったからの戻したのかな?
※2021/5/5 追記
ちょっと前に Google が変更されてたけど、この記事修正するの忘れてた…。
コード変わりすぎ。
  • ツイートする
  • facebookでシェアする
  • はてなにブックマークする
  • LINEでシェアする

Sponsored Links

Comment Form

※ コメント欄には反映されません。むしろ hoge@~ のままでも大丈夫です。
※ <b> のみ使用でき、URL は自動リンクされます。

投稿したコメントは管理人が承認するまで表示されません。
それと、日本語が含まれない場合は投稿がスルーされる(スパム対策)のでご注意ください。