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.
- The Business Value of Continuous Delivery Download this whitepaper to learn more about the business value of Continuous Delivery and see why it could be a game changer for...
- Ten Factors Shaping the Future of Application Delivery Download this research report conducted by Enterprise Management Associates (EMA) to learn how those that are seeking to accelerate application delivery are leveraging...
- Adobe Creative Cloud FAQ The following are answers to common questions about Adobe® Creative Cloud™ for teams membership, purchasing, security, and storage.
- What's coming to Adobe Creative Cloud Editing and video content creation workflows are about to get easier and more exciting, with major updates coming soon to Creative Cloud, bringing...
- On-demand webinar - 7 Keys to Service Catalog Implementation Success Watch this webinar to learn 7 crucial keys to make your service catalog a success!
- Transform Your IT Service Management Watch this webinar, to learn how EasyVista can increase IT productivity & efficiency and deliver streamlined & integrated IT Service & Asset Mgmt. All App Development White Papers | Webcasts