Detecting ‘rel=nofollow’ (FireFox)

Filed under: Articles

This guide can be used to detect the use of the attribute rel=”nofollow” on Firefox browsers in any computer, whether it is on a PC, Linux or Macintosh computer. The rel=”nofollow” attribute can be highlighted in your Firefox browser by adding one line to your userContent.css file. The userContent.css file is used to change the appearance of web pages in Firefox. This step by step guide will show you how to modify the userContent.css file to show the rel=”nofollow” links highlighted in red.

How to detect the attribute rel=”nofollow” using the Firefox browser:

  1. Quit Firefox and go to the following directory (NB xxx is a random string of eight characters):
    • For PCs using Windows XP / 2000: C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\xxx.default\chrome
    • For PCs using Windows 95 / 98 / ME: C:\WINDOWS\Application Data\Mozilla\Firefox\Profiles\xxx.default\chrome
    • For Linux computers: ~/.mozilla/firefox/xxx.default/chrome
    • For Macintosh (MAC OS X) computers: ~/Library/ApplicationSupport/Firefox/
      Profiles/xxx.default/chrome
  2. There should be an example file called userContent-example.css, rename this file to userContent.css (remove -example)
  3. Open up your new userContent.css file and add the following line:
    a[rel~="nofollow"] { border: thin dashed firebrick! important; background-color: rgb(255, 200, 200)! important; }
  4. Save and close the file

Testing Firefox to see rel=”nofollow” highlighted in red.

  1. Open Firefox and visit Attribute rel=”nofollow”
  2. Firefox should automatically highlight 4 links in red. These are the links that are using the attribute rel=”nofollow”. See below image:

Screenshot of Firefox showing highlighting of rel=nofollow attribute

Don’t have Firefox? Download Firefox - it’s free and comes in many languages for Windows, Mac OS X and Linux i686. Learn how to customize your userContent.css and userChrome.css files for FireFox.

13 Comments »

  1. This is a nifty little piece of advice- very useful!

    however, it does make some pages a little too ‘pink’ for my liking - is there any way of turning this on and off easily?

    Tom

    Comment by Tom — May 21, 2007

  2. […] That said, I believe that all users should be able to recognize these links as being problematic (or untrusted) at first glance. The more advanced, web-savvy users will sometimes have tools installed or special settings which highlight links with “rel=nofollow”, the normal user does not. If a link is marked as being problematic / untrusted for search engines, the user should see that as well — it’s nothing more than the Google Webmaster Guideline “Don’t deceive your users or present different content to search engines than you display to users (…)”. It is deceiving to show users a normal link and at the same time tell search engines that you really don’t want to link there! In my opinion, if the link is not good enough, the user should be informed. There are two ways to do that. My favorite solution would be for browsers to automatically highlight these kinds of links on all sites. However, I doubt that will happen any time soon… […]

    Pingback by Adding “rel=nofollow” markup to your site » johnmu.com — July 24, 2007

  3. Thx for this info
    I was have plugin to show nf links
    but dont work well (sometimes shows, sometimes not)

    Now is ok, and i can make own .css for nofollow

    @Tom you cannot turn on/off but you can remove ping background from css
    border is enoughf for me :)

    Comment by mosh — November 29, 2007

  4. thanks this did exactly what I needed!

    Comment by banner advertising — February 4, 2009

  5. What exactly does this do? Just highlight links differently that are nofollowed?

    Comment by Custom WebSite Development — July 5, 2009

  6. Just a note to say that I think this tool is truly amazing - and have raved about it in my new book on link building “The Link Building Black Book”.

    To the person who didn’t like the color - you can customize the border by changing the word firebrick, and the link background by changing the numbers in the rgb(255, 200, 200) attribute.

    Best regards,
    Alex Newman.

    Comment by Link Building Black Book — December 29, 2009

  7. does this mean i can see whose site I will be visiting are nofollow?

    can you also tell me how to know which links in my site are using nofollow thus pulling my PR down?

    i will really appreciate your help. I’ve been forever wondering about this. that my PR3 sites all dropped to zero because i mistakenly linked to some sites that are not really linking back (or doing so with nofollow).

    thanks.

    http://heniperrr.blogspot.com

    Comment by jenie — May 18, 2010

  8. There’s a plug-in for Firefox that does the trick and allows you to turn the options on and off just in case you only want to peek whether the links are no-follow.

    Affilorama SEO Toolbar - https://addons.mozilla.org/en-US/firefox/addon/60338

    Comment by Daily Dotventures — August 4, 2010

  9. wow good add-on i will be using this one thanks.

    Comment by lee@work online from home — September 23, 2010

  10. Thanks. now I can see your blog using nofollow…

    Comment by yang from o-learn — September 30, 2010

  11. This is cool. Does anyone know any blogs with any ‘follow’ links. My boss said that I would get a raise if I found 10 of them and posted comments. I really need that raise…! :D

    Thanks for the explanation.

    Nice Blog!

    Comment by Zeth — January 28, 2011

  12. This site has always useful information about the subject has been taken.IT developers can take more help from this article.Well its an informative sharing with all of us at Web Directory!!Portal Galati Anunturi Galati

    Comment by dede — November 12, 2011

  13. Thank you

    Nice blog

    Comment by dan — December 19, 2011

Leave a comment