*

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 ブラウザを立ち上げると右上に名前が表示されるようになりました。Google アカウントにログインしていると名前が表示されるようです。 Google アカウントにログインしていないと、この部分は人のマー […]

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

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

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

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

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

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

html5のaudioタグで出るプレイヤーにダウンロードボタンがあるんだが【Chromeのみ】

html5 には audio タグというものがあって、音声ファイルを指定するだけでウェブサイト上で音声を流せる便利なタグがあります。昔のように WMP や Quick Time プラグインに頼らず、FLASH プレイヤー […]

著者について

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

フォローはこちら

       

       
メルカリのうるさすぎる不要なプッシュ通知を止める

CM でも放送されている誰でもかんたんフリマアプリとして代表的

シーリングファン
天井に取り付けられるプロペラ「シーリングファン」の意味とは?

天井が高いカフェやオフィスなどでたまに天井に取り付けられている

ASUSタブレットPC「T101HA」でPhotoshopは問題なく使える?

今まで外出先や旅行先で作業する為のモバイル端末として、Andr

イタリアンジェラート
小樽市のイタリアンジェラート専門店「パスコロ」豊富なメニューと滑らかな口溶けが魅力

北海道の小樽市にあるパスコロは、手作りアイスのイタリアンジェラ

札幌大通近くのハヤシライス専門店「フェルム・ソレイユ」2週間熟成した究極のハヤシライスを食すランチ

札幌市中央区役所の近くにあるハヤシライス専門店「フェルム・ソレ

→もっと見る