りんご大好き

りんご大好きです♪  Macintosh が大好きなのですが、何故か Mozilla の Firefox や Thunderbird を愛用しています(^^ゞ。


MacBook Pro(Mid2007) の購入が切っ掛けで、AppleのiWebを使用し『りんご大好き』と云うBlogを 2007年に立上げましたが、2012年6月のAppleのMobileMe (iWeb)サービス終了と供に御無沙汰していました^_^;


2013年から復活しましたので、また宜しくお願い致しますね。

2017年07月 ≪  12345678910111213141516171819202122232425262728293031 ≫ 2017年09月
TOPWeb ≫ 最近のGoogleの検索結果の表示変更に対応!

最近のGoogleの検索結果の表示変更に対応!

どーも、Ryo(@macmacintosh)です♪

最近、Googleが検索結果の表示に変更を加えている様なので、検索結果が見難くなり困っています。
検索結果のリンクのフォントサイズが大きくなり、リンクを示すアンダーラインが表示されません。
更に広告に黄色のラベル付けも施されています。
検索結果のリンクのフォントサイズサイズだけが大きくなるので有れば未だ良いのですが、空白エリアの面積が大きくなった事も違和感を憶えた要因の一つかもしれません。

検索結果のリンクの文字数は おそらく「32文字前後」で制限が掛かっている様ですが( 適当です^_^; )、今回の変更でWebブラウザの表示の段階(CSS)で更に28文字前後に削られてしまっている様です。(これは、表示可能範囲の設定内でフォントサイズを大きく指定した事で 表示しきれない部分が 省略されてしまっている様です。)
Webサイトの運営側の方は注意が必要となり、影響が大きいかと思います。
今後はタイトルの文字数は28文字以内にまとめる様に留意した方が良さそうな気がします。素人考えですが^_^;。

まぁ、Googleの検索を利用する際にはWebブラウザの表示の際にCSSを適用させ、表示範囲を本来の?「32文字前後」で表示する事は可能な様ですが、万人向けでは有りません。Google側で修正してくれる事を切に希望します。

これらの変更はPC環境の表示をスマートフォンなどの表示に合わすべくした変更の影響の様ですが、長年の慣れの為か馴染めません^_^;。

さて、今回のGoogleの検索結果の表示変更に対応する CSSが userstyles.org に挙がっていました。
こちら→ Google Search underlines/font size (pre-March2014)

しかし、そのCSSでは自分は満足出来なかったので、自己流で強引に対応した結果が以下です^_^;。
リンクに下線を付加したり、リンクの文字サイズを抑えて表示文字数を増やしたりして見易くしているつもりです^_^;。
因みに、Mac の OS X 10.9.2環境の Firefox 27.0.1 にて確認しています。

適用前
google_before_result1-shadow.png


適用後
google_after_result1-shadow.png



以下に、参考で CSSを書いておきます。
尚、お決まりですが自己責任で宜しくお願い致します^_^;。
@-moz-document url-prefix("http://www.google.co.jp/"), 
url-prefix("https://www.google.co.jp/"),
url-prefix("http://www.google.com/"),
url-prefix("https://www.google.com/")
{

div.srg a:link {
text-decoration: underline!important;
}

#tads a, #tadsb a, #res a, #rhs a, #taw a {
text-decoration: underline!important;
}

._Fe, ._md {
margin-left: 10px!important;
font-size: 12px!important;
}

div.vsc > div.gl{
margin-left: 10px!important;
font-size: 12px!important;
}

#res h3 {
margin-left: -6px!important;
font-size: 14px!important;
}

#newsbox span.tl>a {
font-size: 14px!important;
}

.nrg-title>a {
margin-left: -6px!important;
font-size: 14px!important;
}

.nrg-footer {
font-size: 11px!important;
}

.irg-title>a {
margin-left: -6px!important;
font-size: 14px!important;
}

.irg-footer {
font-size: 11px!important;
}

#ires .kv {
height: 14px!important;
}

.st {
line-height: 1!important;
}

#center_col, #foot{
width:570px!important;
}
}


では(^-^)/~
関連記事
スポンサーサイト



Comment













非公開コメントにする

Trackback

Trackback URL