【Stylebot】Google「他のキーワード」を非表示にするCSS
この記事では、Googleの検索結果の最後に表示される「他のキーワード」項目を非表示にするCSSについて書きます。
ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。
本記事で紹介するCSSを使えば、Googleの検索結果の一番下に表示される「他のキーワード」欄を消せます。
Googleで調べものをした時、ページの一番下部に「他のキーワード」という項目が表示される場合があります。
調べた単語に関連する他のキーワードが表示されています。例えば、「SEOとは？」と検索すると、「SEO対策とは？」、「SEO 初心者」といったSEOに関連するキーワードが表示されます。クリックすると、そのキーワードで再度検索してくれます。
人によっては邪魔です。Googleの検索結果を、「純度100%の検索結果」にしたい場合は、思い切って消してみましょう。
CSSを使うことで、削除できます。どの単語で検索しても、「他のキーワード」が表示されなくなります。CSSで自身の環境上、非表示にしているだけなので、誰にも迷惑をかけませんし、いつでもオンオフを切り替えられます。
「最近のGoogleは、純粋な検索結果だけでなく、余計なことも表示しすぎ！邪魔すぎ！検索の意味ないんだけど！」と悩んでいる方、参考にしてみてください。
本記事で紹介するStylebotは、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。
2022年7月8日に、全てのGoogleの不要項目を削除するまとめ記事を公開しました。
これまでは、1つずつ記事をチェックする必要がありましたが、下記記事を参考にすることで、「強調スニペット」、「他の人はこちらも質問」、「トップニュース」、「レシピ」、「マップ」、「動画」、「他のキーワード」、「フッターにある現在地」を、一気に全削除できます。
インストール方法
ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を利用します。
Chromeウェブストアからインストールできます。
https://chrome.google.com/webstore/detail/stylebot/oiaejidbm...Chrome拡張機能だけでなく、Microsoft EdgeとFirefox版もあります。
「Chromeに追加」でインストールできます。
右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。
Google検索結果の「他のキーワード」を非表示にするCSS
Googleで適当な単語を検索します。試しに、「SEOとは」で検索してみます。ページ下部に「他のキーワード」欄があって、色々関連するキーワードが表示されます。
この状態で、インストールしたStylebotアイコン→「Stylebotを開く」をクリックします。
書き込むコードは、以下になっています。
/*「他のキーワード」非表示*/
.oIk2Cb {
display: none;
}下記画像のようになればOKです。書き込めたら、右上の「×」をクリックします。
瞬時に反映されて、「他のキーワード」項目が非表示になります。検索結果の記事のすぐ下に、Googleのロゴ、及びページネーション（ページ番号）が配置されます。どの単語で検索した時でも消えます。
オンオフしてみた比較GIF画像を貼っておきます。スッキリしていいですね。
「ナポリタン」などの飲食関連のキーワードだと、現在地の周辺にある店を「他のキーワード」として表示してきます。上記CSSを使うことで、同時に抹消できます。
ライトテーマ使用時も反映されます。「他のキーワード」欄を非表示にしているだけで、通常の記事や動画などはこれまで通り、検索結果に表示されます。
オンオフ切り替えたい時は、Googleの検索結果上で、拡張機能アイコンをクリック→「www.google.com」をオフにします。これで元通り、「他のキーワード」欄が表示されます。
感想
以上、Googleの検索結果ページの一番下に表示される「他のキーワード」欄を非表示にするCSSでした。
純粋な検索結果だけを求めている方に便利かもしれません。合わせて、「他の人はこちらも質問」項目も非表示にするといいかもしれません。
本記事を含む合計8つの「Google検索を快適にする方法」記事を書きました。気になった方は、参考にしてみてください。
