Every day as an Internet Marketer I review web pages to see how their on-page optimizations stack up against best practices to find out where they might be improved. With all of the different factors that go into on-page optimizations, it can often be very cumbersome to search through the page source to find all the areas of optimization I regularly look for.
So I built a bookmarklet that highlights the areas I look for most often, as well as a bunch of external tools I use to check other aspects, such as the readability of the page or how old the domain name is.
How it works
The bookmarklet opens a window over the page you’re viewing to show you a bunch of different SEO factors and links to external sites. When you’re done just click the red "x" button at the top right and the window will close. You don’t have to leave the page or view the source.
There are two flavours, the stable version and a "Bleeding Edge" version that I might tweak from time to time (and may not work 100% all the time as I work on it). Drag the links below to your browser’s toolbar to install it, or copy the text in the textareas to create your bookmarks manually (useful for creating the bookmarklet on your iPad or tablet).
Stable Version (v. 0.2.5)
Drag this to your bookmarks bar: SEO
or copy this code:
Drag this to your bookmarks bar: SEO (BE)
or copy this code:
Install on iDevice
On an iPhone, iPad, or iPod Touch you will have to create the SEO bookmarklet manually. The process is a little involved, but well worth it to be able to check out SEO factors on the go.
- Select and copy the code in the box (in the post above)
- Tap the ‘action’ icon in Safari (the one that looks like a box with an arrow in it)
- Choose ‘Add Bookmark’
- Change the title to ‘SEO’ and choose the folder you want to save it in
- Tap the ‘Save’ button
- Now go to your bookmarks and find the bookmark you just titled ‘SEO’
- Tap the ‘Edit’ button and tap the title of the bookmark
- Select the URL, clear it, and paste the code you copied into the URL input
- Tap the back button in the top left. Your changes should be saved.
Full List of Features
The bookmarklet is broken into four main sections, and each can be hidden or expanded by clicking the title:
- On-Page Factors
- Title tag length and value
- Meta description tag length and value
- Count of
<img>tags with the alt attribute set, and total number of tags on the page
- Count of
<a>tags with the title attribute set, and total number of tags on the page
- Count of heading elements from h1 to h3 on the page
- Whether or not sitemap.xml and robots.txt files are present in the root folder of the domain (i.e. "www.seomoz.org/sitemap.xml" or "www.seomoz.org/robots.txt")
- Whether or not rel=canonical or meta robots tags are present, and what their values are
- The site cookie
- The referral URL to the current page
- A set of links that will perform various tasks on the page, such as the SEOmoz Term Extractor, the W3C Link Checker, and others
- Research and Intelligence Tools
- Open Site Explorer links for the current page and current domain
- An historic backlink graph for the site
- Access to the Google AdWords keyword tool
- and links to research and market intelligence resources
- External Tools
- De-personalize Google results pages
- Get Whois data from GoDaddy
- View past versions of the page you’re viewing through the Internet Archive’s Wayback Machine
- Text Length Checker
- Paste a chunk of text in the text box to find out how many characters are present
I have tested this on all modern browsers and on multiple sites and haven’t seen any issues. It also works fairly well on an iPad. If you find any issues or have any suggestions, let me know!