Articles

HTML-koppen: The Complete Guide To Adding Headlines For Document Structure

Inhoudstags

de zes koptags zijn een belangrijk onderdeel van het schrijven van HTML-inhoud. Naast de enigszins voor de hand liggende behoefte die ze vullen( mensen willen soms koppen bovenop dingen zetten), hebben de headline tags ook SEO-waarde, helpen u om een meer georganiseerde schrijver te zijn en pagina ‘ s gebruiksvriendelijker te maken.,

Headline Tags en SEO

Er zijn twee dingen die een zoekmachine probeert te achterhalen over uw pagina:

  • waar gaat het over?
  • hoe goed is het?

in het algemeen worden links naar een pagina gebruikt als maat voor de kwaliteit (hoe goed deze is) en wordt on-page analyse gebruikt om erachter te komen waar de pagina over gaat. (Er is wat overlapping hier natuurlijk: Google maakt een aantal oordelen over de kwaliteit van een pagina door te kijken naar de pagina, en probeert ook uit te vinden wat de pagina is over door te kijken naar wat andere pagina ‘ s zeggen wanneer ze linken naar het.,) Een van de (vele) dingen die Google en andere zoekmachines kijken naar bepalen de inhoud van een pagina is de woorden die verschijnen in kop tags. Dat is de reden waarom, als je probeert te rangschikken voor bepaalde woorden of zinnen, Het is echt een idee om die woorden en zinnen op te nemen in uw headline tags.

meer georganiseerd schrijven

wanneer mensen schrijven zonder headline-tags te gebruiken (bijvoorbeeld wanneer ze met de hand of in een visuele editor schrijven, zoals MS Word), schrijven ze vaak in lange, ononderbroken tekststromen die te lang duren., Of, erger nog, ze kunnen visuele koppen toe te voegen (met vet, alle hoofdletters, Grotere tekst, of iets anders. Dit is heel gebruikelijk, omdat mensen instinctief weten dat ze tekst in kleinere brokken moeten splitsen. Het probleem daarmee is dat het dan niet duidelijk is hoe de verschillende secties met elkaar verbonden zijn. Wordt de sectie met het hoofd van 15pt lettertype verondersteld een subsectie van het deel headlines met 14pt vet lettertype te zijn? Vaak Weet zelfs de schrijver het niet omdat ze er niet echt over nagedacht hebben.,

Headline tags Creëer een inhoudshiërarchie

op een pagina met een enkel stuk inhoud (dat de meeste pagina ‘ s zouden moeten zijn), de hoofdtitel voor die inhoud moet een <h1> tag zijn. Belangrijke secties binnen die inhoud moeten worden aangeduid met <h2>. Subsecties binnen deze secties moeten worden aangeduid met <h3>, enzovoort. Het zou mogelijk moeten zijn om een overzicht van uw headline tags te extraheren. (In feite, we doen dit-Kijk naar de inhoud widget aan de bovenkant van de pagina.,) Deze structuur maakt het schrijven meer georganiseerd, wat (minstens 99% van de tijd) het schrijven ook beter maakt.

Protip: velen van ons die online schrijven, brengen eerst de koppen in kaart en vullen vervolgens de secties in. Het is gewoon ouderwets schetsen, maar het kan zeker schrijven gaan een stuk sneller en het eindresultaat is meestal een stuk coherenter dan als je net begonnen aan de top en hoopte ergens voordat je klaar bent.

Headlines zijn goed voor gebruikers

Hier is een vies geheimpje over online inhoud: lezers skim. Bijna niemand leest elk woord van een online artikel., Je kunt er weinig aan doen. Je kunt het zeker niet stoppen. Maar je kunt het zo maken dat skimmers iets hebben om aan vast te klampen als hun ogen naar beneden bewegen. Koppen, als ze goed verspreid en relevant zijn voor hun inhoud, geven skimmers een heleboel kleine manieren terug in de tekst van het artikel. Ze breken het artikel ook op in schijnbaar verteerbare hapklare stukjes, zodat een antsy skimmer niet angstig wordt gemaakt door een lange solumn van ononderbroken tekst.,

en vergeet de koppeling niet

vanaf HTML5 kunt u naar elk element op een pagina linken door een hash-teken (#) en de id van het element toe te voegen. (In het verleden kon je alleen koppelen aan ankerelementen.) Door een id toe te voegen aan elke headline op uw pagina, kunt u mensen toestaan om te linken naar elke plaats in uw document. (Nogmaals, zie hoe de inhoud links aan de bovenkant van de pagina werken.,) Deze in-document links kunnen enorm nuttig zijn, vooral als u referentie inhoud van welke aard dan ook, of als uw artikelen zijn bijzonder lang.

met behulp van headline tags om uw inhoud te structureren

in het algemeen zijn er twee soorten inhoudspagina ‘s: enkele inhoudspagina’ s (die een enkel stuk inhoud weergeven) en indexpagina ‘ s (die een bos inhoud weergeven). Index pagina ’s omvatten de belangrijkste blog pagina van een site, categorie en tag Archieven, Auteur pagina’ s die een lijst van alle artikelen geschreven door de auteur, en ga zo maar door., Dan is er ook inhoud (sidebars, widgets, voetteksten) die wordt weergegeven op bijna elke pagina en die niet echt “inhoud.”Hoe je headline tags gebruikt in deze situaties kan een impact hebben op SEO en bruikbaarheid.

<h1> en <h2> elementen

<h1> tag aan de bovenkant van de <body>., Dan, zoals hierboven vermeld, kunnen uw secties binnen het artikel <h2> tags gebruiken.

<main><article> <h1>All About Headlines</h1> . . . <h2>Headlines and SEO</h2> . . . <h2>Headlines and Structure</h2> . . . </article></main> 

op een indexpagina is het meestal zinvol om de sitetitel in een <h1> tag te plaatsen, of om de indexnaam daar te plaatsen: de categorienaam, de auteursnaam, of wat het ook is dat die pagina definieert. Dan moeten de titels van alle afzonderlijke stukken die daar staan een <h2> element hebben voor hun titels.,

In het verleden was het gebruikelijk om een <h2> tag te gebruiken voor de sitetitel wanneer deze verschijnt op pagina ‘ s met één inhoud.

<header> <h2>HTML Code Tutorials</h2> <nav><!-- menu --></nav> </header> <main> <h1>Actual Title of This Page</h1? . . . </main> 

De meningen lopen uiteen, maar de trend is steeds minder. Meer mensen zijn gewoon het plaatsen van de titel (en, meer waarschijnlijk, een logo img) in de header en het opslaan van de headline tags voor specifieke inhoud op de pagina. Een deel van uw eigen overweging voor de vraag of om dit te doen zal waarschijnlijk te maken hebben met hoe belangrijk is de titel van uw eigen site in relatie tot uw Sep doelen.,

Widgets en andere “non-content”

het is tot voor kort ook gebruikelijk om <h3> of <h4> elementen te gebruiken voor widgettitels in zijbalken. Veel Content Management Systemen doen dit gewoon automatisch, dus het kan u niet schelen. Maar het is iets wat je zou willen denken over als u het ontwerpen van uw hele pagina markup vanaf nul. Wilt u dat uw headline-elementen suggereren dat de echte betekenis van uw pagina “inloggen” of “aanmelden voor de mailinglijst”is?, (Natuurlijk wordt dit gedeeltelijk vermeden door je zijbalk in een <aside> element te plaatsen.)

Adam is een technisch schrijver die gespecialiseerd is in documentatie voor ontwikkelaars en tutorials.