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:

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

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).

There are 9 trackback pings to this post.
  1. [...] Seeing nofollow links in Google Chrome [...]

  2. [...] Seeing nofollow links in Google Chrome, johnmu.com [...]

  3. [...] Seeing nofollow links in Google Chrome, johnmu.com [...]

  4. [...] Cum sa vezi linkurile cu nofollow in Chrome? [...]

  5. [...] Também funciona no Opera e no Firefox. Fonte: Seeing nofollow links in chrome. [...]

  6. [...] Le bookmarklet se trouve sur le blog de John Mu. [...]

  7. [...] Take a look at the bookmarklet on johnmu.com. [...]

  8. [...] Google employer John Mueller has blogged about a useful piece of code to be used in Google Chrome browser here. [...]

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

There are 14 comments to this post.
  1. 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.

  2. Handy little trick, definitely good for SEOs.

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

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

  4. wow, great trick! this will make chrome easier to use for SEO’s.

  5. i still prefer the ff extension searchstatus for identifying ‘nofollow’ links

  6. 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.

  7. MyHome MyOffice (1 January 2009 at 9:46 am):

    Nice Tip. Simple and not complicated at all.

    Thanks.

  8. Sweet! Thank you. Can’t wait till they officially roll out chrome plugins/extensions.

  9. Thanks :) I am always forgetting the code for this for new isntalls.

  10. 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….

  11. Hello,thanks for nice suggestion.

  12. Nice, I’ve been looking for an easy solution like this for Chrome.

  13. Sweet! top tip, thanks for the suggestion!

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

Feel free to leave a reply to this posting.

Warning! Your comment will be lost if you mistype the spam-test or forget to enter your name or e-mail-address. Copy your comment to the clipboard to be sure.

You may use these tags within your reply: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>