*

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

おすすめトピックス

関連記事

拡張機能不要!Chromeでウェブページの全体スクリーンショットを撮る「フルサイズスクリーンショット」

2017年6月5日、ウェブブラウザ Google Chrome の最新版のバージョン59が公開されました。30種類の脆弱性を改善した他、いくつかの新機能が実装されています。その中でも目を引いたのが「フルサイズスクリーンシ […]

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

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

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

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

ウェブサイトの右クリック無効を解除するChrome拡張「Enable right click」

稀にですが右クリックを無効化しているウェブサイトにたどり着く事があります。右クリックを無効にしている理由は色々とあるでしょうが、右クリックが無効だとマウス操作で戻ったりタブを閉じたりするマウスジェスチャが使えなくなるので […]

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

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

Insert Text
右クリックから定型文を挿入できるChrome拡張「Insert Text」

仕事柄、何度も同じことを何度も入力する機会がある方もいらっしゃると思います。メールの書き始めや締め等など。そんなのをいちいち打ち込んでいたら時間もかかるし面倒です。そういう場合、ある場所からコピーしてきて使っていたのです […]

著者について

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

フォローはこちら

       

       
本格ネパールカレーの栗山町「earth」はお洒落で入りやすくてナンカレーが美味

北海道の栗山町にある earth(アース)は本格ネパールカレー

ネジを締める時のワッシャー(座金)には何の意味があるのか?

ネジと言えば日常生活で使う家電や生活用品に数え切れない数のネジ

中部国際空港(セントレア)のカプセルホテル「TUBE Sq」に泊まってみた口コミ感想

中部国際空港(セントレア)に2017年4月8日にオープンしたカ

岐阜県垂井町の大人気パン屋「グルマンヴィタル本店」の食パンをレビュー

岐阜県不破郡垂井町にあるパン屋「グルマンヴィタル(GURUMA

谷汲ゆり園
林の中に咲く百合が美しい岐阜県揖斐川町の「谷汲ゆり園」で森林浴をしながら散歩

岐阜県揖斐郡揖斐川町にある谷汲ゆり園は日本のゆり園ベスト5に選

→もっと見る