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

この記事では、Googleで検索した時に表示される「動画」項目を非表示にするCSSについて書きます。
ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。
本記事で紹介するCSSを使えば、Googleの検索結果の途中に表示される「動画」欄を消すことができます。
Googleで調べものをした時、単語によりますが、検索結果に「動画」という欄が表示されることがあります。
検索した単語に関連するYouTubeをはじめとした動画が、表示されます。サムネイル、タイトル、配信サイト、何時間前に配信されたかを確認できます。クリックで表示します。

動画を見たくなくても、単語によって表示されてしまいます。不便に思う人がいるかもしれない…と思い、本記事では、CSSを使って非表示にする方法を紹介します。
「YouTube全然見ないのに、検索結果に動画がずらずら表示されて邪魔!不要!」という方、ぜひ試してみてください。
CSSで自身の環境上、非表示にしているだけなので、誰にも迷惑をかけませんし、いつでもオンオフ切り替えできます。本記事で紹介するStylebotは、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。
インストール方法
ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を利用します。
Chromeウェブストアからインストールできます。
Chrome拡張機能だけでなく、Microsoft EdgeとFirefox版もあります。
「Chromeに追加」でインストールできます。

右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。
CSS
Googleで適当な単語を検索します。試しに、「ニュース」で検索してみます。僕の場合、中央あたりに動画欄が表示されました。
その状態で、インストールしたStylebotアイコン→「Stylebotを開く」をクリックします。

書き込むコードは、以下になっています。
/*検索結果の「動画」項目非表示*/
.uVMCKf.aNytqb {
display: none;
}
下記画像のようになればOKです。書き込めたら、右上の「×」をクリックします。

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

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

【おまけ】検索ボックス下の「動画」ボタン非表示
上記CSSは、検索結果内の動画項目を非表示にするだけです。検索ボックスの下にある「動画」ボタンを非表示にしたい場合は、追加で下記のCSSを書き込みます。
/*検索ボックス下の「動画」ボタン非表示*/
a[href*="vid&sa="] {
display: none;
}
検索ボックス下の「動画」ボタンが非表示になります。比較画像を貼っておきます。

感想
以上、Googleの検索結果に表示される「動画」カテゴリーをごっそり非表示にするCSSでした。
僕みたいな純粋な記事の検索結果だけ求めている方におすすめです。
- 【Stylebot】Googleの検索結果から「広告記事」を排除するCSS
- 【Stylebot】Google「強調スニペット」を非表示にするCSS
- 【Stylebot】Google「他の人はこちらも質問」を非表示にするCSS
- 【Stylebot】Google「トップニュース」を非表示にするCSS
- 【Stylebot】Google検索の「レシピ」を非表示にするCSS
- 【Stylebot】Google検索の「地図(マップ)」を非表示にするCSS
- 【Stylebot】Google「他のキーワード」を非表示にするCSS
- 【Stylebot】Googleのフッターにある現在地を非表示にするCSS
- 【Google】検索ボックス下の「画像」を「すべて」の横に配置するCSS