Screpy’s Heading Structure Analyzer toont H1–H6-elementen in bronvolgorde en markeert lege koppen, overgeslagen niveaus en ontbrekende of meerdere H1’s. Controleer hiermee relaties tussen secties voordat je iets wijzigt. Aantallen en meldingen beschrijven opgehaalde HTML, geen Google-rankingscore of volledige toegankelijkheidsbeoordeling.
Lees de HTML-opzet in bronvolgorde
Voer een openbare HTTP-/HTTPS-pagina-URL met leesbare HTML in. Het rapport toont niveau, geëxtraheerde tekst en bronregel van elke kop. Lees de hele lijst voordat je losse waarschuwingen bekijkt. De grote lijn moet zonder elke alinea begrijpelijk zijn.
De balken tellen koppen per niveau; hoger is niet beter. Inspringing toont HTML-niveaus, geen lettergrootte, schermpositie of belangrijkheid. Een grote alinea kan op een kop lijken zonder H2 te zijn; een gestileerde H3 blijft hier H3.
Maximaal duizend kopregels met vijfhonderd tekens per kop blijven bewaard. Aantallen kunnen dus meer koppen omvatten dan de zichtbare lijst. Inkorting of de rijgrens geeft gedeeltelijke dekking aan. Zie ingekorte tekst niet als volledig of een selectie als de hele paginaopzet.
Koppel kopniveaus aan secties en subsecties
W3C WAI’s uitleg over koppen beschrijft hoe ze structuur en navigatie ondersteunen, ook met hulptechnologie. Kies niveaus voor relaties in plaats van voor de gewenste lettergrootte.
Deze fictieve opzet betreft pottenbakworkshops voor beginners. Het is een mogelijkheid, geen waargenomen scan of verplichting voor elke dienstenpagina.
| Niveau | Voorbeeldkop | Relatie |
|---|---|---|
| H1 | Pottenbakworkshops voor beginners | Hoofdonderwerp |
| H2 | Wat je gaat maken | Hoofdsectie onder dat onderwerp |
| H3 | Je eerste kom | Detail bij de voorgaande H2 |
| H2 | Data en reserveren | Nieuwe sectie naast de vorige H2 |
| H3 | Een sessie kiezen | Detail binnen data en reserveren |
Staat “Je eerste kom” als H4 direct na H2, beoordeel dan of H3 past of een echte bovenliggende sectie ontbreekt. Voeg geen lege H3 toe om de waarschuwing weg te krijgen. De inhoud moet de relatie bepalen.
Van H4 teruggaan naar H2 kan subsecties afsluiten en een nieuwe hoofdsectie beginnen. Dat is anders dan dieper springen van H2 naar H4. Vaste gebieden zoals navigatie en zijbalk vragen ook context. Wijzig hun nuttige niveaus niet alleen om elk volgend item van de paginalijst één stap te laten inspringen.
Beoordeel bevindingen in de paginacontext
Een lege kop betekent dat de extractor geen koptekst vond. Zoek de bronregel en voeg nuttige woorden toe of verwijder een ongebruikt element. Controleer of de template een lege container maakte voordat je de redacteur verantwoordelijk stelt. Deze extractie berekent geen toegankelijke namen.
Een ontbrekende H1 vraagt te bekijken hoe het hoofdonderwerp is gemarkeerd. Meerdere H1’s vragen een structuurcontrole: een herhaalde logokop en artikelkop kunnen uit een gedeelde template komen. Een duidelijke hoofdkop is een goed begin, maar de melding beweert geen automatische Google-straf. Verwijder geen nuttige inhoud om een aantal te forceren.
Lees ook de woorden. Herhaald “Meer informatie” geeft minder richting dan een kop die de volgende vraag of het onderwerp noemt. Gebruik natuurlijke taal zonder hetzelfde zoekwoord in elke kop. De analyzer beoordeelt niet of een kop de sectie juist beschrijft.
De AI-koppengenerator biedt alternatieve formuleringen. Vergelijk ze met de echte inhoud; woorden genereren bepaalt hun plaats en niveau niet.
Publiceer semantische wijzigingen en controleer opnieuw
Kies het juiste kopelement in CMS of component en pas vormgeving afzonderlijk toe. MDN’s referentie voor HTML-koppen beschrijft zes niveaus en waarschuwt ze niet alleen voor tekstgrootte te gebruiken. CSS wijzigen herstelt geen fout HTML-niveau.
Bekijk navigatie, footer en zijbalk naast de hoofdinhoud. Een gedeelde template kan veel pagina’s raken; controleer een tweede representatieve pagina. Publiceer en herhaal dezelfde URL. Vergelijk woorden, volgorde en relaties met de gewenste opzet, zonder gelijke aantallen per niveau na te streven.
De tool leest ruwe HTML zonder JavaScript. Hij bepaalt geen CSS-zichtbaarheid, uiteindelijke leesvolgorde of berekende koprollen en -niveaus. Controleer de gerenderde pagina afzonderlijk wanneer scripts of toegankelijkheidsattributen de ervaring veranderen.
Gebruik voor bredere signalen de On-Page SEO Checker. De documenttitel in het browsertabblad is een ander veld; de AI-generator voor SEO-titels helpt die formuleren. Een goede opzet ondersteunt begrijpelijke inhoud, maar controleert niet alle SEO- en toegankelijkheidsvoorwaarden.
Gebruik JavaScript SEO Checker om oorspronkelijke HTML en vastgelegde gerenderde DOM te vergelijken. Het toont metadata- en inhoudswijzigingen met expliciete bron- en observatiegrenzen, geen voorspelling van Googles index.