HTML Heading Checker For SEO | H1 – H6 Heading
Please enter a valid URL.
'; return; } fetch('https://api.allorigins.win/get?url=' + encodeURIComponent(url)) .then(response => response.json()) .then(data => { loadingMessageDiv.innerHTML = ''; // Clear loading message const parser = new DOMParser(); const doc = parser.parseFromString(data.contents, 'text/html'); let content = ''; let multipleH1Warning = ''; let summary = '';
for (let i = 1; i <= 6; i++) {
let headings = doc.querySelectorAll(`h${i}`);
let headingContent = `
';
if (doc.querySelectorAll('h1').length === 1) {
multipleH1Warning = `H${i}:
`;
content += headingContent;
// Add heading count to summary
summary += `H${i}: ${headings.length}`;
}
summary += '- `;
headings.forEach((heading, index) => {
headingContent += `
- ${heading.textContent.trim()} `; }); headingContent += `
Good News: Only one H1 tag found.
`; } else if (doc.querySelectorAll('h1').length > 1) { multipleH1Warning = `Warning: Multiple H1 tags found. It's recommended to have only one H1 tag per page.
`; } resultsDiv.innerHTML = multipleH1Warning + content + summary; }) .catch(error => { console.error('Error:', error); loadingMessageDiv.innerHTML = 'Error loading headings. Please try again.
'; }); }