Anyone who knows me knows that I am always looking for ways to speed up my workflows or make tasks that I do regularly easier. One thing I’m constantly doing is going to Semrush to look up data on sites I’m working on, competitors, etc.
This little bookmarklet has made that process easier allowing me to access the 3 most common reports I go to.
What It Is
I built a simple bookmarklet that lets you instantly open Domain Overview, URL Overview, or Backlinks Overview reports in Semrush for whatever page you’re currently browsing. No copy/paste required.
Why Use This
If you’re in the middle of competitor research or browsing a prospect’s site, this saves you clicks and time. Instead of going back to Semrush and typing in the domain or URL, you can get the data with one click.
How It Works
The script detects both the domain and the full URL of the page you’re on. When you click the bookmarklet, a small popup gives you three options:
- Domain Overview → Analyze the entire domain.
- URL Overview → Analyze just the page you’re viewing.
- Backlinks Overview → See the backlink profile for the domain.
Pick the report you want, and it opens in a new tab.
The Code
Here’s the bookmarklet code:
javascript:(function(){
var u = window.location;
var href = u.href;
var hostname = u.hostname.replace(/^www\./, '');
var domainURL = 'https://www.semrush.com/analytics/overview/?searchType=domain&q=' + encodeURIComponent(hostname);
var urlURL = 'https://www.semrush.com/analytics/overview/?searchType=url&q=' + encodeURIComponent(href);
var backlinksURL = 'https://www.semrush.com/analytics/backlinks/overview/?q=' + encodeURIComponent(hostname) + '&searchType=domain&device=desktop';
var popupWidth = 400;
var popupHeight = 400;
var padding = 20;
var left = window.screen.width - popupWidth - padding;
var top = padding;
var popup = window.open('', '', `width=${popupWidth},height=${popupHeight},left=${left},top=${top}`);
popup.document.write(`
<html>
<head>
<title>Semrush Quick Links</title>
<style>
body { background-color: #1e1e1e; color: #f5f5f5; font-family: 'Segoe UI', sans-serif; text-align: center; padding: 20px; }
h2 { margin-bottom: 10px; }
p { margin-bottom: 20px; }
button { margin: 10px; padding: 12px 24px; font-size: 16px; border: none; border-radius: 8px; background-color: #ffcc00; color: #1e1e1e; cursor: pointer; transition: background-color 0.3s; }
button:hover { background-color: #e6b800; }
.credit { margin-top: 30px; font-size: 13px; color: #aaaaaa; }
.credit a { color: #ffcc00; text-decoration: none; }
.credit a:hover { text-decoration: underline; }
</style>
</head>
<body>
<h2>Semrush Quick Links</h2>
<p>Choose which report to open:</p>
<button id="domainBtn">Domain Overview</button>
<button id="urlBtn">URL Overview</button>
<button id="backlinksBtn">Backlinks Overview</button>
<div class="credit">
Script by Mike Friedman.<br>
For more great AI and SEO tools and tips visit<br />
<a href="https://theseopub.com/" target="_blank">The SEO Pub</a>.
</div>
<script>
document.getElementById('domainBtn').addEventListener('click', function() { window.open('${domainURL}', '_blank'); });
document.getElementById('urlBtn').addEventListener('click', function() { window.open('${urlURL}', '_blank'); });
document.getElementById('backlinksBtn').addEventListener('click', function() { window.open('${backlinksURL}', '_blank'); });
</script>
</body>
</html>
`);
})();How to Use It
- Copy the code above.
- Create a new bookmark in your browser.
- Paste the code into the bookmark’s URL field.
- Click the bookmarklet whenever you’re on a page you want to analyze.
Or you can drag and drop the above link into the bookmark bar on your browser to create the bookmarklet instantly.
👉 This little tool gives you one-click access to Semrush data without breaking your workflow.
🚨 In case it wasn’t obvious,you do need to have an active Semrush account for this to work.
