New Google SERP layout

MOH · 12-03-2014 8:04pm #1

Is everyone else getting the new design for Google search results?

I'm actually finding it physically painful to look at. There's something about the new layout that strains my eyes. Never mind the fact that it's further truncating the title due to the font size increase.

I'm trying to knock together a Chrome extension to automatically inject css to change it back to the old version, but if anyone knows of one that's already been done that would be helpful.

Or if anyone's still got the old version, I'd appreciate the font size/weight/spacing of each of the SERP elements. If I do hack something together I'll stick it up on Github

Trojan · 13-03-2014 1:11am

Can you post a screenshot? Have heard about it, haven't seen 'em yet.

13-03-2014 10:30am

MOH wrote: »

I'm trying to knock together a Chrome extension to automatically inject css to change it back to the old version, but if anyone knows of one that's already been done that would be helpful.

Just use Stylish. Then all you have to do is write the CSS.

There's an article on the change here: http://techcrunch.com/2014/03/12/googles-search-results-ditch-the-underlined-links-increase-the-font-size-more-in-new-experiment/

MOH · 13-03-2014 2:43pm

Trojan wrote: »

Can you post a screenshot? Have heard about it, haven't seen 'em yet.

Main differences seem to be the title is larger, with the underline removed; the green 'cite' text is smaller, and the description is a lighter grey that's harder to read. Not sure if they've changed the padding between entries too.

28064212 wrote: »

Just use Stylish. Then all you have to do is write the CSS.

There's an article on the change here: http://techcrunch.com/2014/03/12/googles-search-results-ditch-the-underlined-links-increase-the-font-size-more-in-new-experiment/

Cheers. I'd hacked together plugins for FF and Chrome last night, but that's probably an easier route. If anyone's interested, here's the CSS I ended up with:

/* Fix title font size */
#res h3 a {
	font-size: medium!important;
}

/* Fix size on cite (green) text */
._md {
font-size: 14px!important;
}


/* Fix underline on title */
#tads a, #tadsb a, #res a, #rhs a, #taw a {
	text-decoration: underline!important;
}

/* Fix text color for description */
.s {
	color: inherit!important;
}

/* Fix title size on news items */
#newsbox span.tl>a[class=l] {
font-size: 15px!important;
}

flynnlives · 13-03-2014 4:02pm

They have also lightened the background color around adwords! sneaky!
will almost certainly see a jump in ctr and thus google profits!

also note on facebook the new layout the ad section on the right is wider. They to have tweaked the news stream fonts and colors and the
differentiation between stories and sponsored posts has been further blurred.

New Google SERP layout

Comments