*

Google検索結果のリンクから下線が消えたので無理やり出した

公開日: : 最終更新日:2015/04/06 ブラウザ ,

Web制作オフィス

ある日いつも通り Google 検索を利用したらある事に気づきました。いや、それはもう驚愕の事態でした。

Google 検索結果のリンクから下線が消えている!!!

2014年3月 Google の仕様変更により、リンクから下線は削除、文字サイズは少し大きくなりました。

リンクと言えば、青文字に下線というのが Web のセオリーだった筈です。赤文字に下線とか、下線無しはユーザビリティ的に良くないのです。広く一般的に青文字+下線というのはこれはリンクであると認識されるので、リンクの色を変えたり下線を消したりするとリンクと認識されにくくなります。

それをまさか Google がひっくり返してくるとは思いませんでした。検索結果といえばそこにリンクがあるというのは当然ではあるのですが、下線なしリンクはやはり気持ち悪いです。

リンクの下線を復活するには

Google Chrome で下線を復活させました。まず、下線を出すにはどうすれば良いかというのを考えました。例えば、スタイルシートで a タグに text-decoration で underline を付けたら下線は復活します。自分の管理下ではないサイトで CSS を適用するには…。

ユーザスタイルシートという手があるじゃないか。

ユーザスタイルシートとは、Webページの見え方をWebブラウザのレベルで設定変更する機能のことである。あるいは、ブラウザに設定・適用されたユーザー独自のスタイルシートのことである。(引用元

つまり、自分のパソコンだけで Google に対して a タグに下線を付けろという設定が出来るわけです。その為には Chrome の拡張機能を使います。

Stylebotを使う

拡張機能の Stylebot はユーザスタイルシートを設定できる拡張機能です。Chrome ウェブストアで「Stylebot」を検索してください。

すると右上に「CSS」というアイコンが出来ます。

20140812

Stylebot の設定

それから、Google のサイトに対して、リンクに下線を付けるという設定をします。

201408122

右上の「CSS」アイコンをクリックすると上のようなメニューが出るので「Options」をクリックします。

201408123

右のメニューから「Styles」をクリックし、「Add a new style」をクリックします。

201408124

一番上の URL にはユーザスタイルシートを適用したいサイト、今回の場合は google のアドレスを記入します。更に a タグに対してスタイルシートを記入します。

a{
    text-decoration:underline;
}

記入したら、右下の「Save」を押したら設定は完了です。Google の検索結果でリンクに下線が表示される筈です!

  • Pocket

おすすめトピックス

関連記事

オートコンプリート
PC、スマホ版Chromeでオートコンプリート(入力履歴)を一部消す方法

オートコンプリートとは、ウェブサイトのフォーム内のテキストボックスなどに入力した言葉をブラウザが記憶して、今までに入力した内容をテキストボックス下に表示される機能です。 ウェブサイトの検索窓やお問合せフォームなどで活躍す […]

Chromeのアドレスがドメインしか出ない
Chromeでドメインしか表示されなくなったURLを全部表示させる方法

いつもメインでつかわせてもらっている Google Chrome さんが詳しい URL を表示してくれなくなりました。ページを表示していてもそのページのドメインしか表示しなくなったという事です。 詳しい URL を表示す […]

別窓キャンセル
別窓で開く「_blank」を無効化して無視するChrome拡張機能

ウェブサイトを見ている時にリンクをクリックして別ページヘ行くという事は日常茶飯事ですよね。でも、リンクをクリックした時に同じウィンドウ(タブ)で開くのか別窓(別タブ)で開くのかの2パターンがあります。 ウェブサイト側で別 […]

1クリックでJavascriptのオンオフを切替えるChrome拡張「Quick Javascript Switcher」

Javascript という言葉を一度は聞いたことがあるかもしれません。Javascript とは、ブラウザ上で動くプログラミング言語の一つです。今のウェブの世界では当たり前のように Javascript が使われていま […]

ノートパソコンでタイピング
ChromeやFirefoxならフォームの狭いテキストエリアを伸ばせます

インターネットをしていれば、よく文字を入力する場面は多いかと思います。ブログのコメント欄、インターネットショッピングで配送先の入力などなど、色々ありますね。それらは総じて入力フォームと言います。 ピンと来ない方は、下の画 […]

Chrome
【Chrome】ブックマークは左という固定観念やめたら?上でもいいじゃない

Google Chrome では2014年12月現在、Internet Explorer や Firefox のようにブックマーク(お気に入り)をブラウザの左側に固定して表示する事はできません。そして Google はわ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
楽天ポイントカードでW0211003013エラーが発生してポイントが使えない

出光のガソリンスタンドで給油して、楽天ポイントカードを使用した

ESRランニングポーチ
ランニング中でもスマホが邪魔にならないESRランニングポーチのレビュー

日々のランニングやマラソン大会に出た時、ある悩みの種がありまし

はじめ整体院外観
滋賀県彦根市の「はじめ整体院」で体の歪みや重心のズレを相談してきた

近頃長い間歩くと足の痛みや足の不調が顕著に現れるようになってき

青森大間土産のマグロ一本釣り「やいっやー!山本さんラングドシャ」

お隣さんが本州最北端の青森県大間町へ旅行に行ったという事でお土

増田うどん
札幌の「増田うどん」甘いお出汁の肉うどんが魅力のうどん専門店

札幌市中央区役所の近くにある「増田うどん」は福岡肉うどんがメイ

→もっと見る