*

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

おすすめトピックス

関連記事

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

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

Chromeで間違って閉じてしまったタブを再度開き復活させる方法

Google Chrome をはじめとするタブブラウザは一つのウィンドウで複数のタブを開き、色々なウェブサイトを切り替えて見ることができるので便利です。しかし、便利だからといってあまりにタブを開き過ぎると間違えて必要なタ […]

Chromeリロード
「ブラウザを更新しても画像が変わらない」を解決するChromeの小技

ホームページを作っていたり、Web 制作の現場ではあるあるな事を紹介します。 Web サイトを運営していれば、画像を差し替える事は度々ある事です。違う画像ファイル名でアップロードして html ファイルも書き換えるのはめ […]

思わぬトラブル!IEだけ画像が表示されない

こんにちは、桐村です。私が過去一瞬だけ Web デザイナーになった時に一度だけ経験したトラブルを紹介。 今現在の Windows の主要ブラウザ、「Internet Explorer」だけ画像が表示されない事態が起きまし […]

タブレットのGoogle Chromeで全てのタブを閉じるのが意外に難関だった

先日友人にある相談を持ちかけられました。 「タブレット(Android)でインターネットがクソ重いんだけど…。」 どうせあの友人の事だから、ゲームや色んなアプリをインストールしまくって重くなっているんだろうなとは思ってい […]

辞書サイトに行かずにその場で翻訳できるChrome拡張「どこでも翻訳」が便利

インターネット閲覧中やパソコンで作業中、この言葉を英語でどう書くんだろう?と思う事もしばしばあると思います。そんな時はブラウザの別タブを開いて辞書サイトへ行ったり Google 翻訳を開いたり、本の辞書を開いたりしますよ […]

著者について

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

フォローはこちら

       

       
安曇野市で安くてボリュームたっぷりの蕎麦「そばの庵はや田」

長野県安曇野市にあるお蕎麦屋さん「そばの庵はや田」へ行ってきま

Photoshopで行間を1ptにしても詰められない時の対処法

Photoshop の文字ツールで文字を入力して、文字パネルの

夜の彦根城を間近で見れる1日だけの特別な日「彦根城夜楽2019」

夜の彦根城を間近で見られる日が1年に1回だけあります。その1日

JA士幌町のスイートコーンとミルクの味わい「北海道のこだわりプリン」

士幌町の北海道のこだわりプリンをいただいて、とても美味しかった

Photoshopで写真の黄ばみや赤みを補正し抑える方法

デジカメで撮った写真が思ったより黄色かったという経験はありませ

→もっと見る