Essential browser tools for Web developers
Web analytics services such as Alexa, Quantcast and Google Trends provide all kinds of statistics on websites, from search analysis to page ranking to average time spent on a site. The add-ons below aggregate all of that top-line data into a single view, with hot links that let you drill down.
What it does: Provides search engine optimization statistics for the currently displayed Web page.
Who recommends it: Joe Raio, developer, 561 Media in Boca Raton, Fla.
Why it's cool: The most popular Chrome extension, SEO for Chrome, instantly shows pages indexed, social media statistics, back links and other critical SEO data. "I use this when talking with clients to show them how little visibility they have. It gives a bird's-eye view of how many pages are indexed on Bing, Google, etc., and I get those stats instantly," says Raio.
What it does: Shows a Web page's rankings from Google, Alexa, Compete and Quantcast, and provides information on website backlinks, the number of pages indexed with popular search engines, and related social network activity. WebRank SEO is available for Chrome, Opera and Safari; the Firefox version is called WebRank Toolbar.
Who recommends it:
• Steve Herz, president, Web design firm Moonstone Interactive in San Ramon, Calif.
• Josh Singer, Web312
Why it's cool: Alexa, Compete and Quantcast use different formulas to get to the same metrics. WebRank puts the results from all three in one place. "We look at them all, and if they're consistent, that tells us something," says Herz. If they all agree, he can feel confident that the volume rank and other data are accurate, he says.
"It gives you an idea, at a very high level, of how your page is doing, search-engine-wise," says Singer.
What it does: Offers basic SEO data, including page rankings and page/domain authority (a prediction of whether a page you've created will rank well once it launches). The Chrome extension is called Mozbar; the Firefox version is called SEO Toolbar on the downloads page but appears in your Add-ons Manager as MozBar.
Who recommends it:
• Shawn Nafziger, SEO director, Effect Web Agency
• Jason Hipwell, Clikzy Creative
Why it's cool: "SEO [Toolbar] for Firefox puts everything I need in one place. I can compare the important metrics of an entire page of Google search results at one time," says Nafziger.
The free toolbar provides basic SEO metrics such as inbound links, top pages and linking domains. To get more detailed data, such as keyword analysis and optimization recommendations, or to run more than three reports per day, you'll need an SEOmoz Pro service subscription, which costs $99 per month.
"The toolbar is extremely helpful because it pulls back-link data automatically into the toolbar," Nafziger adds. "It also allows me to highlight no-follow, internal and external links. Plus, I can quickly see page elements using the Analyze Page overlay."
Working with clients on website designs requires a lot of back-and-forth. The following tool can facilitate that communication by allowing online collaboration as the design progresses.
What it does: Allows Web-based collaboration for website development and review. The service includes a browser add-on that lets you upload screen images for group review and markup.
Who recommends it: Jason Hipwell, Clikzy Creative
Why it's cool: "Notable makes it easy to share designs with a client," Hipwell says. Anyone can make comments directly over a shared image, which can help expedite design approvals.
"We use it for internal designs and client material. Then when we move to development, the page images are put in Notable and all aspects of the site are labeled so the entire development team has an idea of what each project entails," says Hipwell. "It's great for collaboration, and we can always go back and see what someone said."
Related reading: Real Web developers don't use browser add-ons
Your turn: Share your favorite in-browser development aides in the comments.
Read more about App Development in Computerworld's App Development Topic Center.
- HTTP Status Code Cheat Sheet Look at the Graph, Find the Code and Boom - You're Solving Problems. Identifying and understanding common HTTP status codes can go a...
- 10 Steps to Application and Network Performance Nirvana 10 simple steps that network operations teams can take to ensure that applications and underlying infrastructure can both be tuned for maximum performance.
- Application Performance Management for Dummies Application performance management helps deliver the application performance users and the business demand. Effectively monitoring and troubleshooting application performance issues requires a comprehensive...
- IDC Report: Optimize IT and Business Gains This IDC Whitepaper outlines how CIOs can understand what the "total cost of data" is across their entire organization and how Delphix can...
- Business-driven data protection Setting up data protection infrastructures with your organizations' core mission or business in mind is key. In this webinar, the ARCserve team will...
- On-Demand Webinar: Mind the Gap! Watch the webinar featuring Bob Janssen, CTO and Co-Founder of RES Software, to start building a solid foundation for business and IT to... All App Development White Papers | Webcasts