【Stylebot】Google検索の「地図(マップ)」を非表示にするCSS

Stylebot&Stylus

Stylebotのアイコン

この記事では、Google検索で、食べ物や店の名前を検索した時に表示されるGoogleマップ欄を非表示にするCSSについて書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を使います。

Google検索結果に表示されるGoogleマップ欄を非表示にしたイメージ画像

本記事で紹介するCSSを使えば、Googleの検索結果に表示される「マップ」欄を消すことができます。

Googleで、「飲食店」、「カフェ」、「カラオケ」といった店・場所を検索すると、大体2~4番目あたりに、「マップ」という項目が表示されることがあります。

検索した単語に関連する場所・店が、Googleマップの2Dで表示されます。上部に地図、下部に店名、レビュー、営業時間などが表示されます。

人によっては、邪魔かもしれません。この機能、自動的に自分が住んでいる場所付近がヒットするようになっています。僕の場合、広島です。迂闊にこの画面をネット上に公開してしまうと、住んでいる地域がバレてしまう可能性があります。

配信者や、ブロガーさんは、思いきって非表示にしておくといいかもしれません。これまで通り、普通にGoogleマップは利用できます。あくまで、Google検索結果に載せないようにするだけです。

自身の環境上、非表示にしているだけなので、誰にも迷惑をかけませんし、いつでもオンオフ切り替えできます。本記事で紹介するStylebotは、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。

おまけで、検索ボックス下に表示される「地図」ボタンを非表示にするコードも紹介します。

インストール方法

ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を利用します。

Chromeウェブストアからインストールできます。

Firefox・Edgeをご利用の場合

Chrome拡張機能だけでなく、Microsoft EdgeFirefox版もあります。

「Chromeに追加」でインストールできます。

Stylebot - Chrome ウェブストア

右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。

CSS

Googleで適当な単語を検索します。試しに、「ナポリタン」で検索してみます。僕の場合、3番目にマップが表示されました。

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

Stylebot 「Stylebotを開く」をクリック

白紙のスタイルシートが表示されるので、以下のコードを書き込みます。

/*検索結果の「地図(マップ)」非表示*/
.D1Lyfe,
#Odp5De {
  display: none;
}

下記画像のようになればOKです。書き込めたら、右上の「×」をクリックします。

Stylebot 「検索結果の地図(マップ)非表示」コードを書き込んだ画面

瞬時に反映されて、「マップ」項目がごっそり消えます。どの単語で検索した時でも表示されません。

CSSでマップ欄を非表示にした画像

「カラオケ」で検索した時の比較画像も貼っておきます。しっかり、非表示になっています。

「カラオケ」で検索した時のGoogle検索結果比較画像

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

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

Stylebot 「www.google.com」のオンオフ

【おまけ】検索ボックス下の「地図」ボタン非表示

上記CSSは、検索結果に表示されるマップ欄を非表示にするだけです。検索ボックスの下にある「地図」ボタンも非表示にしたい場合、追加で下記のCSSを書き込みます。

/*検索ボックス下の「地図」ボタン非表示*/
a[href^="https://maps"] {
  display: none;
}

「地図」ボタンが消えます。完全にマップからおさらばできます。Googleマップを開きたい場合は、URLを入力します。

検索ボックス下の「地図」ボタンを非表示にするCSSを適用した比較画像

感想

以上、Googleの検索結果に表示される「マップ」カテゴリーをごっそり非表示にするCSSについてでした。

Googleの「君がいる場所、ここでしょ?」という圧力、びっくりします。

Posted by ナポリタン寿司