H1 Vs. H2-tagger

Nettsteder bruke HTML markup å strukturere innholdet på siden. HTML-elementer innenfor en side viser den logiske statusen for hvert innholdselement. Brukerens nettleser tolker disse elementene til å presentere hvert element på en hensiktsmessig måte. Hvert element bruker åpning og lukking koder i det underliggende markup. HTML gir seks nivåer av overskriften, med H1 og H2 er de høyeste nivåene. I tillegg til å påvirke hvordan sidene vises for brukerne, de valgene du gjør i forhold til kursen elementer kan påvirke hvor godt nettstedet ditt utfører i søkemotorene.

Markup

Markeringen for H1 og H2 elementer er lik. Følgende eksempel markup koden demonstrerer begge elementer:

<H1> Sidetittel </ h1>
<H2> Seksjon Tittel </ h2>

Hvert element er representert ved hjelp av en åpning og lukking tag, med innholdet i overskriften mellom dem. Innholdet er teksten brukerne ser når de blar til siden. Overskrift elementer kan ta noen av standard HTML-attributter - for eksempel klasse og ID, som følger:

<H1 id = "header"> Side Tittel </ h1>
<H2 class = "avsnittet"> Seksjon tittel </ h2>

Det skal bare være en H1 element i en side, så det er hensiktsmessig å bruke en ID-attributtet, da disse er også unik. Det samme klasse attributt kan vises flere ganger på en side, så kan H2 element.

Hensikt

Hensikten med overskriften elementer er å gi informasjon om innholdet deler av siden din. H1 element er for tittelen på siden din som helhet. H2 element er for en del som er lavere i sidestruktur hierarkiet enn H1, men er fortsatt en viktig komponent. Påfølgende overskriftskodene har et synkende nivå av betydning på en side. . Overskrifter kan hjelpe brukervennlighet innenfor sidene dine, ved å la brukerne å skumme gjennom innholdet og fokus på de elementene de er mest interessert i Selv om overskriftene er forbundet med distinkte visuelle stiler, dette er ikke deres viktigste formål: de tillater deg å håndheve en logisk strukturen på sidene dine.

Stil

Mange nettsteder bruker Cascading Style Sheet, eller CSS, kode for å bruke visuelle egenskapene til overskrifter. Som standard, noen overskriften vises over hele horisontale aksen på siden din, slik at ingen elementer vises til venstre eller høyre for den. Overskrifter med lavere tall har større tekst skjermer, så H1 elementer er større og dristigere enn H2 når brukeren ser dem. For å endre utseendet på disse elementene, kan utviklere bruke CSS erklæringer med følgende ytre struktur:

h1 {color: # ff0000; }
h2 {font-style: italic; }

CSS kan også indikere dimensjoner, bakgrunn, margin og padding egenskaper.

SEO

Valget mellom H1 og H2 overskrifter kan påvirke ytelsen til et nettsted i søkemotorresultater sider. Av denne grunn, overskriftskodene danne et viktig tema i Search Engine Optimization, eller SEO. Selv om søkemotorer som Google holde sine algoritmer hemmelig, eksperter på SEO baserer sine råd på hvor godt områder med visse strukturer har en tendens til å utføre. For best SEO ytelse, anbefales det at en side skal alltid ha en H1 element, men bare én. H1 tag bør inneholde de viktigste søkeord målrettet på siden. Alle overskriftene bør inneholde korte deler av teksten, med de lavere enn H1 dele innholdet på siden på en konsistent måte i hele området.