In website design, the H1-H6 structure determines the SEO success of a page. If you still use a third party to run each page via a checker, it’s time to streamline that process and see the tags with one click. This solution is safe and free, and it does not require adding an extension to your browser, which often may come with vulnerabilities. This script runs only when you click on the bookmark that you create; hence, there are no risks related to your browser security or any data. The only action being performed is a check of the H tags on the page you are viewing.
How to add the FREE H-TAG Checker to your Browser
Step 1: Open Bookmarks in your Chrome Browser
Step 2: ADD THE BELOW JAVA IN THE URL FIELD
You can place “H tag checker” or other name you would like in the Name field.
In the URL field place the following code:
javascript:(function(){var oldBox=document.getElementById('headings-box');if(oldBox)oldBox.remove();var allHeadings=document.querySelectorAll('h1,h2,h3,h4,h5,h6');if(allHeadings.length===0){alert("No heading tags found.");return;}var grouped={H1:[],H2:[],H3:[],H4:[],H5:[],H6:[]};allHeadings.forEach(h=>{grouped[h.tagName].push(h.textContent.trim());});var box=document.createElement('div');box.id='headings-box';box.style.cssText='position:fixed;top:20px;right:20px;z-index:9999;background:white;border:1px solid #ccc;padding:15px;max-height:500px;overflow:auto;width:500px;font-family:sans-serif;font-size:14px;color:#333;box-shadow:0%204px%2012px%20rgba(0,0,0,0.15);';var%20close=document.createElement('div');close.innerHTML='%E2%9C%96';close.style.cssText='position:absolute;top:5px;right:10px;cursor:pointer;font-size:16px;';close.title='Close';close.onclick=()=%3Ebox.remove();box.appendChild(close);var%20content=document.createElement('div');content.style.marginTop='10px';Object.keys(grouped).forEach(tag=%3E{if(grouped[tag].length){var%20title=document.createElement('div');title.innerHTML='%3Cstrong%20style=%22font-size:15px;margin-top:10px;display:block;%22%3E'+tag+'%20Headings:%3C/strong%3E';content.appendChild(title);grouped[tag].forEach(text=%3E{var%20line=document.createElement('div');line.textContent='%E2%80%A2%20'+text;content.appendChild(line);});}});box.appendChild(content);document.body.appendChild(box);})();
Step 3: Test it
We hope you enjoy this simple solution that will save you time during the SEO optimization process and does not require additional extensions.
