*

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でオートコンプリート(入力履歴)を一部消す方法

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

超便利!Android版Chromeのタップして検索で気になる単語をその場で検索

スマートフォンで Android 版 Google Chrome を使用して色々なサイトを見ていた時、偶然にですが便利機能を見つけてしまいました。それはタップして検索です。 Android 版 Chrome のバージョン […]

Chromeでテーブルの列をコピー、矩形選択ができる拡張機能「Copytables」

ウェブサイト上でもデータをまとめる際に表がよく使われます。これは table タグを使って表を表示しています。このテーブルのデータをコピーして Excel で活用したいという場合に少々面倒な事に遭遇しました。 ウェブサイ […]

ブラウザ
最新IE以外が衝撃のサポート終了!バージョンの確認方法とアップデート方法

2016年1月13日をもって旧バージョンの Internet Explorer(ブラウザ) のサポートが終了した事をご存知でしょうか。サポートが終了という事は、もう金輪際アップデートはないという事です。どんな危険な脆弱性 […]

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

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

Chromeの検索窓でAmazon等色々なサイトの検索をする方法

ブラウザの Google Chrome をお使いの方であれば、アドレスバーに検索キーワードを入力して検索する事は日常茶飯事でしょう。そして、そこに入力した結果表示されるものは Google だと思います。 実は、Chro […]

上部広告

著者について

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

フォローはこちら

       

上部広告

       
宇佐美
ガソリンスタンドENEOSの看板にある「宇佐美」とは何か?

普段何気なしに利用しているガソリンスタンドですが、ふと気になっ

中部国際空港のプレミアムラウンジセントレアに入るための条件や必要な物

空港には特別な待合室(ラウンジ)があります。中部国際空港も例外

厚さ4cmの封筒が入る郵便ポストは存在するか?

郵便物をポストに投函する場合、投函できる厚みのボーダーラインとしてよく

潮騒そば
こだわりの魚介スープが織り成すラーメン、彦根市の「らー麺潮騒」

滋賀県彦根市の彦根駅周辺の国道8号線を通っている時に、何か新し

超人気のラーメン店銀座篝がsitatte sapporo(シタッテ札幌)に上陸

2017年3月4日に札幌駅前に新たなランドマークとしてオープン

→もっと見る