A bookmarklet is a Javascript code that can be saved as a bookmark in your internet browser (such as Google Chrome or Firefox), which allows users to perform certain functions by clicking on it.
To create a bookmarklet, simply go to Bookmarks > Bookmark Manager > Add New Bookmark, add the bookmark name, and paste the JavaScript in the URL field.
Once you click on the bookmarklet, it will execute the code on the current page you are viewing, providing a convenient way to use tools or scripts without having to navigate away from the page.
It has become a very handy shortcut for me to perform different SEO analysis. This article is a collection of bookmarklets that I tested and used.
You can drag the heading link to the bookmarks bar and create bookmarklets instantly.
View and validate the schema
This bookmarklet helps instantly check the schema markup is used on the page and also validate if there’s any error or missing for the markup used.
javascript: (function() {
window.open('https://validator.schema.org/#url='+window.location)
})();Open the current page on Wayback machine
The Wayback Machine bookmarklet helps me retrieve archived versions of a webpage quickly, and allows me to analyse changes over time. If I noticed a competitor has a page improved significantly, this help
javascript:window.open('https://web.archive.org/web/*/'+window.location)Filter the exact URL in the Google Search Console
This bookmarklet filters the GSC data for the exact URL you are viewing, so you can instantly see the performance without going to GSC manually. This one has saved me a lot of time!
If you have multiple property in your Google Search Console, you will see an error message. Don’t worry – just choose the property from the dropdown and you will be directed to the URL performance report.
javascript: (function() {
window.open(`https://search.google.com/search-console/performance/search-analytics?resource_id=${encodeURIComponent(window.location.origin)}&page=!${encodeURIComponent(window.location.href)}`)
})();Open Sitemap
This bookmarklet allows you to open sitemap directly in your browser, but it only works if the sitemap file ends with sitemap.xml. In case your website uses a sitemap_index, you would need to tweak the function a bit.
javascript:(function(){var%20url=window.location.protocol+'//'+window.location.hostname+'/sitemap.xml';window.open(url,'_blank');})();Open robots.txt
I use this bookmarklet to quickly access robots.txt, it helps me review which sections of the site or any crawlers are being disallowed.
javascript:(function(){var%20url=window.location.protocol+'//'+window.location.hostname+'/robots.txt';window.open(url,'_blank');})();Check competitor on SEO tools
Checking competitors’ domain or URL on SEO tools is my day-to-day. With this bookmarklet, I can directly open Ahrefs or SEMRush to analyze the domain or URL organic traffic and keyword data.
Check domain on Ahrefs
javascript:(function(){ window.open('https://app.ahrefs.com/site-explorer/overview/v2/prefix/live?target='+location.host)})();Check Exact URL on Ahrefs
javascript:(function(){ window.open('https://app.ahrefs.com/site-explorer/overview/v2/prefix/live?target='+window.location)})();Domain Overview on SEMRush
javascript:(function(){ window.open('https://www.semrush.com/analytics/overview/?searchType=domain&q='+window.location)})();Exact URL Overview on SEMRush
javascript:(function(){ window.open('https://www.semrush.com/analytics/overview/?searchType=url&q='+window.location)})();Convert Anchor Text to Href Link
By converting the text of a link into the actual URL, it simplifies the process of copying links directly from a webpage.
javascript:(function(){var i,c,x,h; for(i=0;x=document.links[i];++i) { h=x.getAttribute("href"); x.title+=" " + x.innerHTML; while(c=x.firstChild)x.removeChild(c); x.appendChild(document.createTextNode(h)); } })()Open PageSpeed Insight Test
The PageSpeed Insights tool by Google provides information into areas that need optimization, allowing for the implementation of best practices that result in faster loading times and better overall performance.
javascript:(function(){ window.open('https://developers.google.com/speed/pagespeed/insights/?url='+encodeURIComponent(location.href))})();Extract schema markup
I found this bookmarklet on Oxyplug. Unlike opening the schema markup on the validator directly, it extracts only the schema markup without other HTML elements.
It makes the schema markup easier to copy and clear to understand the code structure as they are not condensed in the same line inside the code editor.
javascript:!function e(){let t=document.querySelectorAll('script[type="application/ld+json"]'),r=[];if(t.forEach(e=>{try{let t=JSON.parse(e.textContent);r.push(t)}catch(l){console.error("Error parsing JSON-LD:",l)}}),r.length>0){let l=JSON.stringify(r,null,2),n=l.replace(/(".*schema\.org.*")/g,'<span style="background-color: lightgreen;">$1</span>'),o=new Blob([n],{type:"text/html"});URL.createObjectURL(o);let c=window.open();c.document.write("<pre>"+n+"</pre>"),c.document.close()}else console.log("No JSON-LD Schema Markup found on this page.")}();Extract URLs from SERP
This bookmarklet extracts URLs from search engine results pages (SERPs) and streamlines the data collection process for SERP analysis. Instead of manually copying and pasting each URLs, you can quickly gather the full list and start analysing competitors faster.
javascript: var a = document.getElementsByTagName('a'), arr = '';for (var i = 0; i < a.length; i++) if (a[i].ping && !a[i].href.includes('google')) arr += ('<p>' + a[i].href + '</p>');var newWindow = window.open();newWindow.document.write(arr);newWindow.document.close();Highlight Heading
The bookmarklet color-codes each heading tier, so you can quickly visualise the structure of a webpage’s content at a glance without using any browser extension.
javascript:void((function(){var a,b,c,d,e,f;f=new Array('yellow','orange','aquamarine','lightskyblue','pink','plum');for(a=1;a<=6;a++){b=document.getElementsByTagName('h'+a);for(c=0;c<b.length;c++){d=b[c];e=d.style;e.backgroundColor=f[a-1];e.border='solid';e.padding='2px';e.color='black';d.innerHTML='H'+a+' - '+d.innerHTML;}}})())Also: Extract Heading in a new tab
If you need to copy the website structure, this bookmarklet extracts the heading and list them in a new tab.
javascript:(function(){
var headings = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
var headingList = "";
headings.forEach(function(heading) {
headingList += heading.tagName + ": " + heading.textContent + "\n";
});
var newWindow = window.open();
newWindow.document.write("<pre>" + headingList + "</pre>");
})();
Create Internal Link Table
This bookmarklet generates a list of internal links on the webpage and displays them in a new window.
javascript:(function(){var links=document.querySelectorAll("a");var linkTable="<table><thead><tr><th>Anchor</th><th>URL</th></tr></thead><tbody>";links.forEach(function(link){if(link.href.startsWith(window.location.origin)){linkTable+="<tr><td>"+link.textContent.trim()+"</td><td>"+link.href+"</td></tr>";}});linkTable+="</tbody></table>";var newWindow=window.open();newWindow.document.write(linkTable);})();Show Page Title and Description
Understanding a webpage’s meta title and description is crucial for on-page optimisation.
With this bookmarklet, you can easily extract and review a page’s title and meta description without the need to view the page source or use developer tools. It also shows the character count.
javascript:(function(){
var metaTitle = document.querySelector('title').textContent;
var metaDescription = document.querySelector('meta[name="description"]');
var descriptionContent = metaDescription ? metaDescription.content : 'No meta description found';
var titleCharacterCount = metaTitle.length;
var descriptionCharacterCount = descriptionContent.length;
var finalMessage = "Meta Title: " + metaTitle + " (" + titleCharacterCount + " characters)\nMeta Description: " + descriptionContent + " (" + descriptionCharacterCount + " characters)";
alert(finalMessage);
})();Check Canonical URL
Checking if a URL matches the canonical version ensures consistent indexing and prevents duplicate content penalties. It helps consolidate link equity and optimize crawl efficiency for search engines.
This SEO bookmarklet allows you to check if the canonical URL matches the current URL.
javascript: (function () { var url = document.location; var links = document.getElementsByTagName('link'); var found = 'Not Found'; for (var i = 0, l; l = links[i]; i++) { if (l.getAttribute('rel') == 'canonical') { found = 'Canonical Found\n\nCanonical Reference:\n'+l.getAttribute('href')+'\n\nCurrent URL:\n'+document.location;if(l.getAttribute('href')==document.location){found=found+'\n\nCanonical tag matches current URL.'}else{found=found+'\n\nThe Canonical reference and current URL are different. Canonical fallback in place.'} break; } } alert(found); })();Final thoughts
With the SEO bookmarklet, you can streamline your workflow and save a lot of time from opening multiple tabs or copying and pasting information.
If there are any repetitive tasks that you would like to simplify, try to look for resources and see if there is smarter way to do that.
