Along with having access to some of the industry tools that allow you to audit sites and track performance effectively I rely heavily on some chrome extensions for my day to day analysis.

This is a list of the most useful extensions that I have come to use on a daily basis. Some are likely to be familiar to you, however hopefully there is one or two nuggets that will help you in the future also.

SEO Quake

Chrome Web Store – SEO Quake

There is a lot more to this plugin than the two features I’ve chosen to talk about below, so I’d recommend having it enabled for the features that are useful to you. The handy thing is you can easily switch on and off the features that you prefer.

SERP Overlay

A lot of SEO folks will use an extension like this to read some basic 3rd party metrics about a domain. What I specifically like about the SEO Quake extension is the overlay it offers in the SERPs. The settings allow you to quickly highlight some basic stats within the SERP pages as well as changing any websites you care about to a different colour background. This is really useful if you are just looking for a quick snapshot as to where you are.

If you are using this to check ranking positions then I’d recommend using this in incognito mode, ensuring that the results you are seeing are not affected by personalisation. This tool will also work to some degree on mobile SERP checks when using Chromes built in developer tools.

Page SEO Audit

The other feature I like about the SEO Quake extension is the Page SEO Audit feature. This allows you to have a bit of a more wider diagnosis on the pages that you are looking at. Including an overview of metrics for the most common elements an SEO would normally be responsible for, for example; URL Structure, Page Titles, Meta Descriptions, canonical tags etc.

Image Size Info

Chrome Web Store: Image Size Info

One of the most common factors when it comes to page speed problems I see is the use of images. The image size info plugin is a really handy tool as it can help identify a number of bits of information in an easy to read dialog box for a quick analysis.


Chrome Web Store: Lighthouse

If you’ve ever had to dive into the auditing of Progressive Web Apps, then hopefully you have come across this tool. Lighthouse is an open platform plugin that goes through an extensive audit of web app requirements and then outputs a report on how well the page did. The reports will contain a traffic light system based on items that require urgent attention, and some minor alterations that should be considered. For anyone using Lighthouse for the first time, then check out the plugins guide – Using Lighthouse.


Chrome Web Store: Wappalyzer

There are many extensions like this available, however Wappalyzer tends to be my favourite. Wappalyzer is a tool that helps you identify the types of web technologies that are being used on websites, giving you a bit of an insight into the content management systems in use, any server platform information that is available, web technologies and languages as well as any analytics scripts that are being run.

Web Developer

Chrome Web Store: Web Developer

A popular extension for SEO’s and developers, the Web Developer extension is a must have. The extension allows at a quick click of a button a number of reports that are useful for checking and reviewing common issues. I’ve summarised a number of the tabs below, however there is a lot more that can be besides this.

Disable, Cookies and CSS Tab

These three tabs of the extension allows the testing of different ways a page can be rendered. This is possible by the ability of switching off a number of elements a browser would traditionally load. This is useful if you want to remove personalisation by removing cookies, want to test accessibility issues for machines that may not run js, load css correctly amongst many others.

Images Tab

The images tab is also a great way to test the content of a page quickly. You can use the reports in here to see if there are any images that are using dimensions that are larger than that displayed, remove images to see visibily the text to image content ratio, plus a whole heap more.

Information Tab

The information tab contains reports that relate to the elements that are being used on the page. For example, it is possible to view the hierarchy of divs and H1 tags, as well as view a report of all hex colours being used on a page. Other reports include the use of anchor text, unique links on the page and display options that get overlayed on the page for quick identification of elements.


Chrome Web Store: Copytables

For anyone that regularly pulls data from the web then I’d imagine you’d be interested in this. The extension essentially allows you to scrape any data from a page that is formatted in a template. I tend to use this on pages where there is no export functionality available, or where I may have ran out of credits for an export so use this more manual solution. Either way, with the export formats that are available and it’s speed of use, it’s a handy extension to have that won’t slow down your browser.


Chrome Web Store: Canonical

A quick extension I use just to view the canonical of a page very quickly. When you install the extension you can hover over the button to see the canonical URL that is set for the page. If you were to click on the button you are then taken to the canonical URL that has been set.

Serp Bookmarklet

So this one isn’t strictly an extension, however it is something that I have found incredibly useful over the years. This is basically a piece of JavaScript that allows you to scrape all the information you need from a page regarding the use of internal linking. I tend to use this to get an idea about how a navigation has been put together, or if I just want to grab a list of the URLs so that I can do a screaming frog crawl on a specific list. You can also use this to scrape the results from SERPS page.

To use this you simply need to create a new bookmark and add the below javascript into the URL field. Try it out, you will not be disappointed.

javascript:(function()%7Bstr%3D"<link href%3D%27 rel%3D%27stylesheet%27 type%3D%27text/css%27>%5Cn"%3Banchors%3Ddocument.getElementsByTagName("a")%3Bstr%2B%3D"<table>"%3Bstr%2B%3D"<tr><th>%23</th><th>HREF</th><th>Anchor</th></tr>%5Cn"%3Bvar k%3D0%3Bvar listing%3D""%3Bvar links%3D""%3Bvar anchorTexts%3D""%3Bvar linksAnchors%3D""%3Bfor(i%3D0%3Bi<anchors.length%3Bi%2B%2B)%7Bvar anchorText %3D anchors%5Bi%5D.textContent%3Bvar anchorLink %3D anchors%5Bi%5D.href%3Bvar linkAnchor %3D anchorLink %2B "%5Ct"%2BanchorText%3Bif(anchorLink.match(/%5E((%3F!*%24/i))%7Blisting%2B%3DanchorLink%2B"%5Cn"%3Blinks%2B%3D"<a href%3D%5C""%2BanchorLink%2B"%5C">"%2BanchorText%2B"</a>%5Cn"%3BanchorTexts%2B%3DanchorText%2B"%5Cn"%3BlinksAnchors%2B%3DlinkAnchor%2B"%5Cn"%3Bk%3Dk%2B1%3Bif (anchorText %3D%3D%3D undefined) anchorText %3D anchors%5Bi%5D.innerText%3Bstr%2B%3D"<tr>"%3Bstr%2B%3D"<td>"%2Bk%2B"</td>"%3Bstr%2B%3D"<td><a href%3D"%2Banchors%5Bi%5D.href%2B">"%2Banchors%5Bi%5D.href%2B"</a></td>"%3Bstr%2B%3D"<td>"%2BanchorText%2B"</td>"%3Bstr%2B%3D"</tr>%5Cn"%3B%7D%7Dstr%2B%3D"</table><br/> <br/><h2>Plain Listing</h2><textarea cols%3D80 rows%3D10>"%3Bstr%2B%3Dlisting%3Bstr%2B%3D"</textarea><br/> <br/><h2>HTML Links</h2><textarea cols%3D80 rows%3D10>"%3Bstr%2B%3Dlinks%3Bstr%2B%3D"</textarea><br/> <br/><h2>Anchors</h2><textarea cols%3D80 rows%3D10>"%3Bstr%2B%3DanchorTexts%3Bstr%2B%3D"</textarea><br/> <br/><h2>Links Anchors </h2><textarea cols%3D80 rows%3D10>"%3Bstr%2B%3DlinksAnchors%3Bstr%2B%3D"</textarea><br/> <br/><p align%3Dcenter><a href%3D%27>Bookmarklet by Liam Delahunty of Online Sales</a></p>"%3Bwith(

Are there any extensions that I’ve missed that you think should be added?