Articles

HTML Overskrifter: Komplett Guide Til å Legge til Overskrifter For dokumentstruktur

Innhold Overskrifter

seks heading tags er en viktig del av HTML-innhold skriving. I tillegg til den noe åpenbart behov de fyller (folk noen ganger ønsker å sette overskrifter på toppen av ting), overskriften koder har også SEO verdi, hjelpe deg til å bli en mer organisert forfatter, og gjøre sidene mer brukervennlige.,

Overskrift Koder og SEO

Det er to ting som en søkemotor er å prøve å finne ut om siden din:

  • Hva er det om?
  • Hvor bra er det?

Vanligvis, linker til en side som er brukt som mål på kvalitet (hvor godt er det) og på side analyse brukes til å finne ut hva siden handler om. (Det er noen overlapping her selvfølgelig: Google gjør noen vurderinger om kvaliteten på en side ved å se på siden, og prøver også å finne ut hva siden handler om ved å se på hva andre sidene si når de kobler til det.,) En av de (mange) ting som Google og andre søkemotorer ser på å bestemme innholdet på en side er de ordene som dukker opp inne i overskriftskoder. Det er derfor, hvis du prøver å rangere etter bestemte ord eller uttrykk, det er en veldig idé å inkludere disse ord og setninger i overskriften tagger.

Mer organisert, skriftlig

Når folk skriver uten å bruke overskriften koder (si, når du skriver for hånd eller i visual editor som MS Word), er de ofte bare skrive i lang, ubrutt strøm av tekst som går på for lenge., Eller, enda verre, de kan legge til visuelle overskrifter (med fet skrift, ALLE CAPS, større tekst, eller noe annet. Dette er veldig vanlig, som folk instinktivt vet at de skal bryte opp teksten i mindre biter. Problemet med det er at det ikke er så klart hvordan de ulike delene er i slekt med hverandre. Er avsnittet med 15pt skrift ment å være et ledd i en del overskrifter med 14pt fet skrift? Ofte, forfatteren vet ikke fordi de egentlig ikke tenke på det.,

Overskrift koder skape et innhold hierarki

På en side med et enkelt stykke av innhold (som bør være mest sider), er den viktigste tittelen for at innholdet skal være en <h1> – tag-en. Store deler i at innholdet skal være overskriften med <h2>. Underseksjoner innenfor de delene bør være ledet med <h3>, og så videre. Det bør være mulig å hente ut en oversikt fra overskriften tagger. (Faktisk, vi gjør dette — se på Innholdet widget på toppen av siden.,) Denne strukturen gjør skrivingen mer organisert, som (minst 99% av tiden) gjør også skrive bedre.

Protip: Mange av oss som skriver på nettet faktisk kartlegge overskrifter først, og deretter fylle i seksjoner. Det er bare god gammeldags beskriver, men det sikkert kan gjøre skriftlig gå mye raskere og sluttresultatet er vanligvis mye mer samstemt enn hvis du nettopp har startet på toppen, og håpet å få et eller annet sted før du er ferdig.

Overskrifter er bra for brukere

Her er en skitten liten hemmelighet om online innhold: leserne skumme. Nesten ingen leser hvert ord av en online artikkelen., Og det er svært lite du kan gjøre med det. Du absolutt ikke kan stoppe det. Men du kan gjøre det slik at skimmers vil ha noe å klinke til som deres øyne flytte ned på siden. Overskrifter, hvis de er godt fordelt og relevant for deres innhold, gi skimmers en haug med lite stykke tilbake i teksten i artikkelen. De kan også bryte opp artikkelen i tilsynelatende fordøyelig bite-sized stykker, slik at en antsy skummer ikke er laget engstelig av en lang solumn av uavbrutt tekst.,

Og ikke glem å knytte

Som HTML5, kan du koble til et element på en side ved å legge til en hash-tegn (#) og id av elementet. (I det siste, du kan bare lenke til anker elementer.) Ved å legge til en id til hver overskrift på din side, kan du tillate folk å lenke til et sted i dokumentet. (Igjen, se hvordan Innholdet linkene øverst på siden arbeidet.,) Disse i-dokument lenker kan være enormt nyttig, spesielt hvis du gir referanse innhold av noe slag, eller hvis artiklene dine er spesielt lang.

Bruke overskriften koder til å strukturere innhold på

Generelt finnes det to typer av innhold sider: enkel innholdet på sidene (som presenterer et enkelt stykke av innhold) og indeks-sider (som liste en haug av innholdet). Indeks sidene finner du de viktigste bloggen din side på et nettsted, kategori og tag archives, forfatter sider som en liste over alle artikler som er skrevet av forfatteren, og så videre., Så er det også innhold (sidefelt, widgets, bunntekster) som vises på nesten hver eneste side, og som ikke er virkelig i «innhold.»Hvordan du bruker overskriften koder i disse situasjonene kan ha en innvirkning på SEO og brukervennlighet.

<h1> og <h2> – elementer

På enkelt innhold-sider på hele nettstedet ditt, tittelen på at en bestemt del av innholdet skal nesten alltid være i <h1> – tag-en nær toppen av <body>., Deretter, som nevnt ovenfor, avsnitt i artikkelen kan bruke <h2> – tagger.

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

På en indeks side, er det vanligvis fornuftig å sette enten det området tittel i en <h1> – koden, eller å sette indeks navn på det: kategori-navnet, forfatterens navn, eller hva det er som definerer denne siden. Så titlene på alle de enkelte delene som er oppført bør det har en <h2> – element for sine titler.,

I det siste har det vært vanlig å bruke en <h2> – tag-en for nettstedet tittelen når det vises på enkelt-innholdet på sidene.

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

Meninger er blandet på dette, men trenden er mindre og mindre av det. Flere mennesker er bare å plassere tittelen (og, mer sannsynlig, en logo img) i hodet og lagre overskriften koder for bestemte innhold på siden. En del av din egen vurdering for om du gjør dette vil sannsynlig har å gjøre med hvor viktig er din egen nettstedets tittel i forhold til din SEP mål.,

Widgets og andre «ikke-content»

Det har også vært vanlig inntil nylig å bruke <h3> eller <h4> – elementer for widget titler i sidefelt. Mange Content Management Systems bare gjøre dette automatisk, så det kan ikke noe for deg. Men det er noe du kanskje vil tenke på hvis du utformer din hele siden er markup fra bunnen av. Ønsker du overskriften elementer som tyder på at den virkelige betydningen av din side er «Logg inn» eller «du melde deg På Mailing-Listen»?, (Selvfølgelig, dette er delvis unngås ved å plassere din sidebar i en <aside> – element.)

– >

Adam er en teknisk forfatter som spesialiserer seg på å utvikler dokumentasjon og tutorials.