Google検索の結果から特定のドメインを除外する方法2つ

やりたいこと

Google検索の結果の上位に役立たない記事が出てきて、これを出さなくしたい。

ドメイン単位

検索クエリに除外したいドメインを指定する

"-site" 指定でドメインを除外できます。

例えば”はてな”というキーワードで検索するときにhatena.ne.jpのドメインのものを除外したいときはキーワードを以下のようにします。

"はてな -site:hatena.ne.jp"

欠点 - わざわざ毎回入力が面倒（URLを作成するツールを自分で作れば良いんですが・・） - サイトをたくさん入力するとクエリが長くなる

CSSを使って隠す

FirefoxやChromeの拡張のStylusを使ってCSSを無理やり当てて隠すことができます。

Stylus – 🦊 Firefox (ja) 向け拡張機能を入手

なお、CSSを当てられれば他の拡張機能でも大丈夫です。

例

#search > div > div > div > div, .ULSxyf, div[id^="arc-srp"] {
  /* 検索結果から特定ドメインのものを除外 */
  &:has(a[href*="https://twitter.com"]) { display: none; }
}

欠点 - マークアップが変わると効かなくなってしまう - 通信量自体は減らない - 隠しているだけなので1ページ目に何も出てこず、”もっと見る”を押すまで何もないことがある

おまけ

Googleの検索結果をつめてみました。

.srp {
  --center-abs-margin: 100px;
}

#rcnt {
    width: 100%;
    display: block;
    
    > div {
        width: 100%;
    }
}

/* 他の検索 */
div[data-smqc="4"] {
    display: none;
}

#taw {
  margin-left: 200px;
  margin-top: -44px;
}

cite, br {
    display: none;
}

.g {
    width: 100% !important;
    margin-bottom: 16px !important;
}

#search h3, .ULSxyf h3, div[id^="arc-srp"] h3
{
    margin-top: 0;
    margin-left: 250px;
    font-size: large;

    & + div {
        width: 246px;
        overflow-x: hidden;
    }
}

#search table h3 {
    margin-left: 0;    
}

#search > div > div > div > div, .ULSxyf, div[id^="arc-srp"] {
  margin-bottom: 0;
  svg { display: none}

  > div {
      margin-bottom: 0;
  }
    
  > div > div > div > div {
    margin-bottom: 0;
  }

  /* 関連性の高い検索 */
  &:has(a[href*="/search"]) { display: none; }

  /* 検索結果から特定ドメインのものを除外 */
  &:has(a[href*="https://twitter.com"]) { display: none; }
}