Articles

HTML-Overskrifter: Den Komplette Guide Til at Tilføje Overskrifter For Dokument-Struktur

Indhold Overskrifter

De seks tekst tags er en vigtig del af HTML-indhold skriftligt. Udover det noget indlysende behov, de fylder (folk vil undertiden sætte overskrifter oven på ting), har overskriftskoderne også SEO-værdi, hjælper dig med at være en mere organiseret forfatter og gøre sider mere brugervenlige.,

overskrift Tags og SEO

Der er to ting, som en søgemaskine forsøger at finde ud af om din side:

  • hvad handler det om?
  • hvor god er det?

generelt bruges links til en side som et mål for kvalitet (hvor god det er), og on-side analyse bruges til at finde ud af, hvad siden handler om. (Der er selvfølgelig en vis overlapning her: Google træffer nogle vurderinger om kvaliteten af en side ved at se på siden og forsøger også at finde ud af, hvad siden handler om ved at se på, hvad andre sider siger, når de linker til det.,) En af de (mange) ting, som Google og andre søgemaskiner ser på bestemme indholdet af en side er de ord, der vises inde overskrift tags. Det er derfor, hvis du forsøger at rangere for bestemte ord eller sætninger, det er en virkelig id.at inkludere disse ord og sætninger i dine overskrift tags.

Mere organiseret at skrive

Når folk skriver uden at bruge overskrift tags (sige, når du skriver i hånden eller i visual editor som MS Word), er de ofte bare skrive i lange, ubrudte strøm af tekster, der går alt for længe., Eller værre endnu, kan de tilføje visuelle overskrifter (med fed, ALLE CAPS, større tekst eller noget andet. Dette er meget almindeligt, da folk instinktivt ved, at de skal opdele tekst i mindre bidder. Problemet med det er, at det ikke er så klart, hvordan de forskellige sektioner er relateret til hinanden. Er afsnittet ledes med 15pt skrifttype formodes at være et underafsnit af del overskrifter med 14pt fed skrift? Ofte ved selv forfatteren ikke, fordi de ikke rigtig tænkte over det.,

Overskriftsmærker Opret et indholdshierarki

på en side med et enkelt stykke indhold (som skal være de fleste sider), skal hovedtitlen for dette indhold være et<h1> tag. Større afsnit inden for dette indhold skal overskrives med <h2>. Underafsnit inden for disse sektioner skal ledes med <h3> osv. Det bør være muligt at udtrække en oversigt fra dine overskrift tags. (Faktisk gør vi dette — se på indholdet wididget øverst på siden.,) Denne struktur gør skrivning mere organiseret, hvilket (mindst 99% af tiden) også gør skrivning bedre.Protip: mange af os, der skriver online, kortlægger faktisk overskrifterne først og udfylder derefter sektionerne. Det er bare gammeldags skitsering, men det kan helt sikkert få skrivning til at gå meget hurtigere, og slutresultatet er normalt meget mere sammenhængende end hvis du lige startede øverst og håbede at komme et sted, før du var færdig.

overskrifter er gode for brugere

Her er en beskidt lille hemmelighed om onlineindhold: læsere skimme. Næsten ingen læser hvert ord i en online artikel., Og der er meget lidt du kan gøre ved det. Du kan bestemt ikke stoppe det. Men du kan gøre det, så skummere vil have noget at hægte sig på, når deres øjne bevæger sig ned på siden. Overskrifter, hvis de er godt fordelt og relevante for deres indhold, give skummere en masse små måder tilbage i artiklens tekst. De bryder også artiklen op i tilsyneladende fordøjelige stykker af bidestørrelse, så en antsy skimmer ikke gøres ængstelig af en lang solumn af uafbrudt tekst.,

Og glem ikke at linke

Som i HTML5, kan du linke til et element på en side, ved at tilføje et hash-tegn (#) og id element. (Tidligere kunne du kun linke til ankerelementer.) Ved at tilføje et id til hver overskrift på din side, kan du tillade folk at linke til ethvert sted i dit dokument. (Igen, se, hvordan Indholdslinkene øverst på siden fungerer.,) Disse links i dokumentet kan være enormt nyttige, især hvis du leverer referenceindhold af enhver art, eller hvis dine artikler er særlig lange.

brug af overskriftsmærker til at strukturere dit indhold

generelt er der to typer indholdssider: enkelt indholdssider (som præsenterer et enkelt stykke indhold) og indekssider (som viser en masse indhold). Indekssider inkluderer hovedblogsiden på et siteebsted, kategori-og tagarkiver, forfattersider, der viser alle artikler skrevet af forfatteren, og så videre., Så er der også indhold (sidebars, fooidgets, sidefødder), som vises på næsten hver side, og som ikke rigtig er “indhold.”Hvordan du bruger overskriftskoder i disse situationer kan have indflydelse på SEO og brugervenlighed.

<h1> og <h2> elementer

På en enkelt indholdet sider på hele dit website, den titel af at bestemt stykke indhold skal næsten altid være i <h1> tag i toppen af <body>., Derefter, som nævnt ovenfor, kan dine sektioner i artiklen bruge <h2> tags.

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

på en indeksside er det normalt fornuftigt at placere enten siteebstedets titel i et <h1> tag, eller at placere indeksnavnet der: kategorinavnet, forfatternavnet eller hvad det end er, der definerer den side. Derefter skal titlerne på alle de enkelte stykker, der er opført der, have et <h2> element til deres titler.,

tidligere har det været almindeligt at bruge et <h2> tag for siteebstedets titel, når det vises på enkeltindholdssider.

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

meninger er blandet om dette, men tendensen er mindre og mindre af det. Flere mennesker placerer simpelthen titlen (og mere sandsynligt et logo img) i overskriften og gemmer overskriftskoder til specifikt indhold på siden. En del af din egen overvejelse for, om du skal gøre dette, vil sandsynligvis have at gøre med, hvor vigtigt dit eget siteebsteds titel er i forhold til dine SEP-mål.,

Widgets og andre “non-indhold”

Det har også været almindeligt indtil for nylig at bruge <h3> eller <h4> elementer til widget titler i sidebars. Mange indholdsstyringssystemer gør det simpelthen automatisk, så det betyder måske ikke noget for dig. Men det er noget, du måske vil tænke på, hvis du designer hele din sides markering fra bunden. Ønsker du, at dine overskriftelementer skal antyde, at den virkelige betydning af din side er “Login ” eller”Tilmeld dig mailinglisten”?, (Selvfølgelig undgås dette delvist ved at placere din sidebjælke i et <aside> element.)

Adam er en teknisk forfatter, der har specialiseret sig i udviklerdokumentation og tutorials.