Seeing nofollow links in Google Chrome

Posted on 5 September 2008 at 22:31 UTC, filed under CSS, Javascript, disclaimer

Here’s a simple trick to view nofollow links in Google Chrome. Just drag and drop the following button to your bookmark bar and hit it whenever you want to see links with the rel=nofollow HTML microformat:

Nofollow?

This bookmarklet inserts a tiny bit of CSS into the top of the page you’re currently viewing. The CSS is similar to that which is used in other nofollow highlighting methods:

a[rel~=nofollow] {
border:1px dashed #852! important;
background-color:#fcc! important;
}

Try it out on a page with nofollowed links!

By the way, this bookmarklet also works in Opera & Firefox (but there are simpler ways to handle it in Firefox).

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Previous post: Confirm that you’re using Analytics on all pages
Next post: Hackers stealing your PageRank

There are 9 trackback pings to this post.

Stadt Waldheim möchte nicht mehr gefunden werden (7 September 2008 at 12:36 pm)

[...] Seeing nofollow links in Google Chrome [...]
SearchCap: The Day In Search, September 8, 2008 (8 September 2008 at 11:17 pm)

[...] Seeing nofollow links in Google Chrome, johnmu.com [...]
SEM News: SearchCap: The Day In Search, September 8, 2008 - Search Engine Marketing (8 September 2008 at 11:18 pm)

[...] Seeing nofollow links in Google Chrome, johnmu.com [...]
Linkuri 10.09.2008 (10 September 2008 at 1:06 am)

[...] Cum sa vezi linkurile cu nofollow in Chrome? [...]
Vendo links nofollow pelo Google Chrome « Internet, seo, design, usabilidade, css, google, muitas dúvidas e pensamentos. (10 September 2008 at 4:02 am)

[...] Também funciona no Opera e no Firefox. Fonte: Seeing nofollow links in chrome. [...]
WebNotes » [SEO] Voir les liens nofollow dans Chrome (11 September 2008 at 7:25 am)

[...] Le bookmarklet se trouve sur le blog de John Mu. [...]
Nofollow Highlighting In Google Chrome | Talk In Code (28 November 2008 at 6:26 pm)

[...] Take a look at the bookmarklet on johnmu.com. [...]
Search Engine Optimization » Adding a javascript snippet to Google Chrome in order to detect nofollow links (26 December 2008 at 12:05 pm)

[...] Google employer John Mueller has blogged about a useful piece of code to be used in Google Chrome browser here. [...]
magnus.de (20 April 2009 at 7:25 am)

[...] Chrome beschreibt Googles John Mueller, wie man nofollow-Links sichtbar [...]

There are 14 comments to this post.

John Honeck (6 September 2008 at 1:33 am):

Has it been six months since the last post already?

I know I saw somebody talk about this very point the other day, I’ll have to find that and point them your way.
Tanner (does Utah marketing) (8 September 2008 at 10:57 pm):

Handy little trick, definitely good for SEOs.
海外SEO情報ブログ - 海外のSEO対策で極めるアクセスアップ術 (9 September 2008 at 8:56 pm):

Google Chromeでnofollowリンクを一発で見破る…

遅ればせながら、Google Chromeをインストールしました。
世間で言われているほど動作が速いようには感じないのですが、それでもInternet Explorerよりは断然早く、普段のブラウジングはChrome…..
Vivian (10 September 2008 at 4:50 pm):

wow, great trick! this will make chrome easier to use for SEO’s.
Remi Turcotte (10 September 2008 at 6:53 pm):

i still prefer the ff extension searchstatus for identifying ‘nofollow’ links
Lofty (27 November 2008 at 9:08 am):

Nice tip, simple and effective. I find some tools and add ons are over complicated and have too many features that you will never use.
MyHome MyOffice (1 January 2009 at 9:46 am):

Nice Tip. Simple and not complicated at all.

Thanks.
Fred (11 May 2009 at 2:30 am):

Sweet! Thank you. Can’t wait till they officially roll out chrome plugins/extensions.
David Hopkins (29 May 2009 at 11:31 pm):

Thanks I am always forgetting the code for this for new isntalls.
post.url.to.it (15 September 2009 at 1:49 am):

One smart bookmarklet to discover nofollow links…

Here’s a simple trick to view nofollow links in Google Chrome or in Firefox. Just drag and drop the following button to your bookmark bar and hit it whenever you want to see links with the rel=nofollow HTML microformat….
vats thakur (23 January 2010 at 6:59 pm):

Hello,thanks for nice suggestion.
Gyi Tsakalakis (12 October 2011 at 3:09 pm):

Nice, I’ve been looking for an easy solution like this for Chrome.
Pritesh (26 November 2011 at 6:26 pm):

Sweet! top tip, thanks for the suggestion!
Petr Rozsypal (8 July 2012 at 3:26 pm):

Well, it works, but how can I turn it off .)

Feel free to leave a reply to this posting.

Seeing nofollow links in Google Chrome

Related Posts