Predator: Free heading structure scanner

Reveals all the correctly marked-up H1-H6 headings on any site

Why are headings important?

Google, Chat GPT, Perplexity etc don’t see sites the way we do. They see code, they see the hierarchy, they see how you’ve labelled important information. Then they return it to users in search results

What is The Predator bookmarklet?

Its some code you can add to your bookmark manager, and when you click the bookmark, it reveals the heading structure on that page. It does one job, its ideal for checking your own site, or checking templates before you buy them to see how much extra work there is.

What is Predator looking for?

Predator is looking for h1-h6 headings, which enables the user to check they are messaging hierarchy of the page is correct and the correct informa

Example of web page with heading structure present

Multiple site headings, all heading types are present.

Multiple H2’s and H3’s no H1 tag.

Am example of multiple h1 tags, if everything is most important, nothing is.

How to use the Predator

Copy the Javascript Code
Add the code to a bookmark in your browser – name it something appropriate
Go to a page you want to check and click on the bookmark
See the results

javascript:(function(){var styles={H1:{color:’#FF0000′,label:’TARGET: H1′},H2:{color:’#FF8C00′,label:’TARGET: H2′},H3:{color:’#FFFF00′,label:’TARGET: H3′},H4:{color:’#00FF00′,label:’TARGET: H4′},H5:{color:’#00FFFF’,label:’TARGET: H5′},H6:{color:’#0000FF’,label:’TARGET: H6′}};var headers=document.querySelectorAll(‘h1,h2,h3,h4,h5,h6’);if(headers.length===0){alert(‘NO SEMANTIC SIGNATURES DETECTED. TEMPLATE IS COLD.’);return;}headers.forEach(function(h){var cfg=styles[h.tagName];h.style.outline=’3px dashed ‘+cfg.color;h.style.backgroundColor=cfg.color+’33’;h.style.position=’relative’;h.style.transition=’all 0.3s ease’;var hud=document.createElement(‘span’);hud.innerText=’>> ‘+cfg.label;hud.style=’position:absolute;top:-18px;left:0;background:’+cfg.color+’;color:#000;font-family:”Courier New”,monospace;font-weight:bold;font-size:10px;padding:1px 4px;z-index:2147483647;border:1px solid #000;box-shadow:2px 2px 0px #000;pointer-events:none;’;h.appendChild(hud);});console.log(‘[REBEL MARKETER: PREDATOR] ‘+headers.length+’ targets identified. rebelmarketer.co.uk’);})();

► Click the box to select all, then copy and paste as a bookmark URL

Why should I care about heading structure?

Google is blind. It can’t see your beautiful design. It reads the code. Proper headings tell Google what your page is about. Fake headings make your site invisible, and you won’t rank in search engines and language models as well as somebody with better structure.

Is this better than mainstream tools for checking headings?

Yes. It’s instant, visual, and free. Those tools do more, but cost more. Predator does one thing exceptionally well and costs nothing. Ad it to your tech stack.

What if nothing lights up?

Your template is using fake headings (styled divs/spans). Google sees it as one wall of text, this could mean you’re not ranking in search engines and language models as well as you could be.

Can I use this on competitor sites?

Absolutely. This is one of the best reasons to use it. See how they structure content. Learn from their mistakes. Do it better.