Diagnosing Site Infrastructure Issues: The Big List Of The Best Firefox Plugins
Tomorrow, I’ll be speaking at Search Marketing World in Dublin and in one of my sessions, I’m planning to talk about the various tools I use to assess a site and diagnose technical and SEO-related issues with it. It seems like every time I speak at or attend a session at a conference, someone in the audience asks what tools people use so I thought I’d compile a list.
I also thought I’d ask the Twitter audience what tools (specifically Firefox plugins) people like the most to see what I might be missing. Overwhelmingly, the favorite was Firebug. I have to agree with the crowd; Firebug is probably my favorite too. But people recommended lots of other tools, some of which I use all the time and some I’d never heard of. Here’s the list for your debugging pleasure.
- Firebug: everyone’s favorite plugin. Sure, it’s a much better way to view the source code of a page, debugs javascript, and lets you see CSS. But it also lets you tweak code and see how it would look rendered on the page, and it shows you exactly where code is located on a rendered page, and it helps you from going crazy trying to figure out why things aren’t lining up, and it… Well, you get the idea. My favorite use of it lately is to search the code for a URL, then inspect the element to find that link on the page. Sometimes those links are sneaky and Firebug makes them super easy to find.
- Web Developer Toolbar: another plugin I use all the time. It adds a cool toolbar to the browser that lets you easily disable things like javascript, images, and CSS, view meta data, see a page in a different resolution, validate stuff… and I have barely started. One thing to note is that when you disable CSS and then images, CSS becomes enabled again (this is just a bug in the toolbar). So, you have to disable CSS after you disable images.
- User Agent Switcher: This is useful to see if a page is cloaking, but obviously, only if it’s cloaking at the user-agent level (vs. for instance, by IP address). Simply add the user agents you want to check out (for instance Googlebot, MSNbot, or Slurp) and then select that user agent and reload the page. The most well-known example of how this works is the nike.com site. Here’s how the home page looks when the user agent is set to default (in this case, Firefox):
And here’s how that same page looks when the user agent is set to Googlebot:
(As an aside: note that for whatever reason, the Flash page isn’t loading for me. Yet another reason why I just don’t buy the argument that all Flash sites are good for users and that webmasters have to jump through these cloaking hoops to make sure search engines index the pages. If I’m a customer and I want to buy some shoes, I don’t want to have to debug why your site isn’t loading for me. (Not to mention if I’m at the mall and want to check out your shoes on my mobile phone…) People want non-Flash links too!
- Live HTTP Headers: view the HTTP response of a page. For instance, is the page returning a 200 response when it should be returning a 404? Is the redirect a 301 or 302? And speaking of redirects, how many hops does the server take you on before you land on the destination? And that’s just the kinds of things you can get from the status code. There’s all kinds of value to be found in header information. Is the page setting a cookie? Is it sending data compressed? What really is being downloaded?
- Header Spy: Similar to Live HTTP Headers. I haven’t used this plugin, since Live HTTP Headers works pretty well for me.
- Yslow: indeed, why slow? This is a great example of a tool that not only provides data, but shows you how to make that data actionable.
- Flashblock: replaces Flash with a play icon. I think this is great because the page loads without Flash, but you can view it if you want to.
- Aardvark: view page elements, remove elements from pages, do lots of analysis.
- ColorZilla: I hadn’t heard of this plugin, but it sounds pretty cool. You can easily grab any color that you see on a page, as well as lots of other little things.
- HTML Validator: exactly as it sounds.
- SEO For Firefox: This is Aaron Wall’s plugin and he has a video on his site describing it. This plugin adds a bunch of links under the Google search results. You can click on a link to find out more information about that result. For instance, below is the first result for “vanessa” (this site). I’ve clicked the first few links to get more information. The rest show what the page looks like by default for each result (a question mark appears until you click it to retrieve the information). (As an aside, I don’t know that all of these factors influence rankings, but it’s still useful data to have and nice to have it all at a glance. It’s also handy to be able to click the “whois” link next to any result.)
This plugin also highlights nofollow links on a page.
- SEO Quake: also has a toolbar and search results parameters that are customizable.
- Search Status: this plugin provides a lot of the same information as SEO for Firefox, as well as things like robots.txt and keyword density.
- SEO Link Analysis: provides lots of things beyond links including anchor text (helpful) and PageRank (perhaps not as helpful). I’m having trouble getting it installed though.
- View Dependencies: shows you a list of all the dependent files and lets you open them to take a closer look.
- Meta Info Sidebar: shows a lot of seo-related and meta data in a sidebar.
- SEOpen: I haven’t used this, but it looks like it provides many of the same details as some of the other plugins. This list was in part recommended by Twitterers, which means that they all had preferences about which SEO tool to use. I think it’s all about finding the one that you like best.
- View Rendered Source: A much easier-to-read version of view source. Since I use Firebug for viewing the source of a page, I haven’t found a need for this, although it looks like a pretty readable way to look at page source code.
- ShowIP: see the IP of a page, and query info such as whois.
- Advanced Dork: easy access to Google’s advanced operators.
And if you want to know even more about Firefox plugins, cshel blogged her list back in January.





Hey Vanessa, what’s the trouble with my link analysis extension? You’ve got my email now so drop me a line
It would be nice if most of these could work with FireFox 3.
I like rank checker to easily keep track of ranking for a set of keywords.
http://tools.seobook.com/firefox/rank-checker/
I would add to this great list Web Developer plugin – lots of options yet easy to use. Also, Aaron Wall’s latest Rank Checker is handy addition.
Have fun in Dublin!
SearchCap: The Day In Search, April 2, 2008…
Below is what happened in search today, as reported on Search Engine Land and from other places across the web…….
Diagnosing Site Infrastructure Issues: The Big List Of The Best SEO Firefox Plugins…
Diagnosing Site Infrastructure Issues: The Big List Of The Best SEO Firefox Plugins…
Great list Vanessa, and thanks for adding a few more to check out. I loved that you had Firebug and think it has great technical SEO value and isn’t just for design.
Likewise, for many of the same reasons, like wyspianski, I would have to add the Web Developer toolbar to the list… there isn’t a day that goes by that I don’t use it (here’s a walk-thru from Stephan http://www.cnet.com/8301-13530_1-9763258-28.html). Great for turning off JavaScript, images, and CSS; can edit the HTML and CSS, linearize a page, etc.
One that I also love is Link Counter (here’s a brief run through on some ways to use it in general, http://www.cnet.com/8301-13530_1-9853637-28.html and a trick to check server status on a large list of domains/URLs http://www.cnet.com/8301-13530_1-9899573-28.html). I especially like the ability to check server status on all the links on a page, or custom color code the highlighting for links to a domain, as well as exporting a list of the links.
Your link for user agent switcher is busted. Nice list though.
Die besten SEO Firefox Plugins…
Warum viele SEOs Firefox nutzen? Ganz einfach, weil es jede Menge geniale Plugins gibt!
Das Thema wurde zwar schon oft behandelt, aber hier ist noch einmal eine tolle Liste an Plugins für den Firefox, die SEO ungemein erleichtern können:
Firebug:…
Thanks for this great list!
This is a great list, Vanessa. Nice use of Twitter to compile something of value to many people.
I use all of those listed above the Google SERP image, except for “Header Spy”.
For those listed below that image of the Google SERP, I only use “Show IP”.
.
What’s that nifty Firefox extension that Jake Baillie uses when on a conference panel and reviewing a site? It shows page element load times, response codes, and a whole bunch of other stuff. I was going to ask him, but his “contact” page doesn’t even render in my browser.
(Oh, and although a little off-topic for this thread, I also use the “dephormation” extension too.)
I recently found a handy tool that checks the links on just the page you are viewing. That can be handy if you want to just check a single page that you have edited, or a new blog post you just published.
Link Checker: https://addons.mozilla.org/en-US/firefox/addon/532
I used it on this page as a test, and it found one broken link, on the “User Agent Switcher” entry: broken HTML code.
I was like, what do people mean, web developer toolbar isn’t listed and the user agent switcher links is broken?!
Er, but then I realized an entire paragraph was missing because of very broken code indeed.
It would have been interesting to see how Google handled that particular error…
So my guess is that it would have extracted the text as it appeared on the page (minus the paragraph about web developer toolbar, and minus the link to the user agent switcher). So, it would be the exception that proves the “validated code doesn’t matter” rule.
In my eyes SEO Quake is the most useful seo plugin and when you use it you don’t need “seo for firefox” or “search status”.
Invaluable!
Perfect!
Essential!
Holiday Links Come In Lots of Different Packages…
Did you know there’s only 261 shopping days left before Christmas? That might seem like a crazy thing to worry about in April but you know what they say, the early bird gets the link. Using the holidays to attract links is fun, good for trend watchin…
Anyone know of an extension that will number the search results on a SERP? I default my view to the top 100 and sometimes look for my co. to see if we’re on the radar (or demonstrate that we’re not). I also can’t tell if a higher result is on page 1, 2, 3 – without counting. I can only use the scroll bar to estimate about where we stand – would be great to know exactly where we’re ranking for a given keyword when I’m trying to make an example.
Sweet list Vanessa, a personal favorite of mine though, is the Firefox 2 web developer toolbar. As a designer I couldn’t live without it.
[...] Diagnosing Site Infrastructure Issues: The Big List Of The Best Firefox Plugins (tags: web_dev firefox extensions) [...]
Great list! I recently started using SEO Quake and must admit that the links data is a bit jumbled, but also very helpful. I use it as a tool for sending free business development leads to clients who aren’t aware of inbound links from interested parties.
Good stuff!
[...] discoverability, and other important topics. Also, don’t forget Vanessa’s List of Best Firefox Plugins for diagnosing site infrastructure [...]
Vanessa, I’ve recently updated SEO Link Analysis, would you try if it works for you now?