【Stylebot】Google検索結果の「動画」項目を非表示にするCSS

2025年5月2日Google

この記事では、PCウェブサイト版「Google」で検索した時に表示される「動画」項目を非表示にするCSSについて書きます。2025年5月にショート動画を消すCSSも追記しました。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

PC版「Google」で調べものをした時、単語によりますが検索結果に「動画」という欄が表示されることがあります。

検索した単語に関連するYouTubeをはじめとした動画が表示されます。サムネイル、タイトル、配信サイト、何時間前に配信されたかを確認できます。クリックで表示します。

動画を見たくなくても単語によって表示されてしまいます。不便に思う人がいるかもしれない…と思い本記事ではCSSを使って非表示にする方法を紹介します。

ショート動画も同様に消せます。

「YouTube全然見ないのに検索結果に動画がずらずら表示されて邪魔！不要！」という方、ぜひ試してみてください。CSSで自身の環境上非表示にしているだけなので誰にも迷惑をかけませんし、いつでもオンオフを切り替えられます。

本記事は拡張機能を導入できるPCブラウザ向けです。スマホのアプリ版ではできません。

拡張機能を利用できるブラウザアプリ（例：Kiwi Browserは2025年1月で開発終了なのでMicrosoft Edge CanaryやFirefox）などをインストールして、ブラウザ版から利用する場合はもしかしたら使えるかもしれません。

1. 【追記】まとめて他項目も非表示にしたい方へ
2. 前提
3. Google検索結果の「動画」を非表示にするCSS
4. 感想

【追記】まとめて他項目も非表示にしたい方へ

PC版「Google」の検索結果に表示される以下のような項目をまとめて非表示にするCSS記事を公開しました。

ちまちま当サイトの記事をいったりきたりするのがめんどくさい方におすすめです。個別記事で紹介しているCSSを一つの記事にまとめています。

【Google】検索結果の不要で邪魔で余計な項目をCSSで非表示！

この記事では、PCウェブサイト版「Google」の検索結果から余計な項目を非表示にするCSSについて書きま ...

https://www.naporitansushi.com/google-search-bulk-eliminatio...

Googleを快適に使うための設定記事も書いています。

【Google検索】快適な検索結果を得るための8つの方法

この記事では、Google検索をちょっとでも快適にするための8つの方法について書きます。テーマの変更、1 ...

https://www.naporitansushi.com/google-search-comfort/

前提

「Stylebot」などのCSSを適用できる拡張機能を既に導入している前提です。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

https://www.naporitansushi.com/stylebot/

Google検索結果の「動画」を非表示にするCSS

スタイルシートを開く

Googleで適当な単語を検索します。試しに「ニュース」で検索してみます。僕の場合中央あたりに動画欄が表示されました。

その状態でインストールした「Stylebot」アイコンを左クリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードを書き込みます。

CSS

/*「動画」非表示（2025年5月2日修正）*/
div[class][data-hveid] div[class][data-hveid]:has(>div>div>a[href*="udm=7"]) {
    display: none !important;
}

もしかしたら以下のほうがいいかもです。ちょっとまだ検証不足です。僕が実際に以下を使って特に問題ないか検証中です。

CSS

/*「動画」非表示（2025年5月2日修正）*/
div[class][data-hveid] div[class][data-hveid]:has(div[class][data-hveid]>div>div>a[href*="udm=7"]) {
    display: none !important;
}

注意事項

本記事のCSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。

もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。

下記画像のようになればOKです。右上の「×」をクリックします。

消えたか確認する

瞬時に反映されて「動画」項目がごっそり消えます。どの単語で検索した時でも表示されません。オンオフした比較GIF画像を貼っておきます。

PC版「Google」の検索結果にある「動画」欄を非表示にする前と後の比較GIF画像

ライトテーマ使用時も反映されます。

オンオフ切り替えたい時は、Googleの検索結果上で拡張機能アイコンをクリック→「www.google.com」をオフにします。これで元通り動画欄が表示されます。

【追記】ショート動画を非表示にする

以下CSSを追加で書き込みます。

CSS

/*「ショート動画」非表示（2025年5月2日作成）*/
div[class][data-hveid]:has(>div>div>div>div>div>g-scrolling-carousel+div>a[href*="udm=39&"]) {
    display: none !important;
}