Articles

HTML-Otsikot: Täydellinen Opas Lisäämällä Otsikoita Dokumentin Rakenne

Sisältö Nimikkeisiin

kuuden otsikko tunnisteet ovat tärkeä osa HTML-sisällön kirjallisesti. Lisäksi hieman ilmeinen tarve ne täyttävät (ihmiset joskus haluavat laittaa otsikot päälle asioita), otsikko tunnisteet myös SEO arvo, auttaa sinua olemaan enemmän järjestäytynyt kirjailija, ja tehdä sivuja käyttäjäystävällisempi.,

Headline Tags and SEO

on kaksi asiaa, joita hakukone yrittää selvittää sivustasi:

  • mistä on kyse?
  • kuinka hyvä se on?

Yleensä, linkit sivulle, käytetään mittana laatu (kuinka hyvä se on) ja on-page-analyysin avulla selvittää, mitä sivu on kyse. (Siellä on jonkin verran päällekkäisyyttä täällä tietenkin: Google tekee joitakin tuomioiden laadusta sivun katsomalla sivun, ja myös yrittää selvittää, mitä sivu on kyse katsomalla, mitä muut sivut sanoa, kun ne on linkitetty se.,) Yksi (monista) asioista, joita Google ja muut hakukoneet tarkastelevat, määrittävät sivun sisällön, ovat sanat, jotka näkyvät otsikkotunnisteiden sisällä. Siksi, jos yrität listalla tiettyjä sanoja tai lauseita, se on todella idea sisällyttää nämä sanat ja lauseet otsikkotunnisteet.

Enemmän järjestetty kirjoittaminen

Kun ihmiset kirjoittaa ilman otsikko-tagit (sanoa, kun kirjoittaa käsin tai visuaalinen editori, kuten MS Word), he usein vain kirjoittaa pitkä, ehjä purojen teksti, joka mennä liian kauan., Tai, vielä pahempaa, he saattavat lisätä visuaalisia otsikot (rohkea, KAIKKI KORKIT, suurempi teksti, tai jotain muuta. Tämä on hyvin yleistä, sillä ihmiset vaistomaisesti tietävät, että heidän pitäisi hajottaa teksti pienempiin paloihin. Ongelmana on, että se ei ole selvää, miten eri osat liittyvät toisiinsa. On kohta, jossa 15pt fontin pitäisi olla momentissa osa otsikot kanssa 14pt bold fontin? Usein kirjailijakaan ei tiedä, koska he eivät oikein ajatelleet asiaa.,

Otsikko tunnisteet luoda sisältöä hierarkia

– sivulla, jossa yksi pala sisällön (jonka pitäisi olla kaikkein sivua), main otsikko, että sisällön pitäisi olla <h1> – tagin. Sisällössä olevat pääosiot tulee otsikoida <h2>. Momentissa sisällä ne osat pitäisi olla menossa <h3>, ja niin edelleen. Otsikkotiedoista pitäisi olla mahdollista poimia ääriviivat. (Itse asiassa, teemme tämän-katso sisällön widget yläosassa sivun.,) Tämä rakenne tekee kirjoittamisesta järjestelmällisempää, mikä (vähintään 99% ajasta) tekee myös kirjoittamisesta parempaa.

Protip: monet meistä, jotka kirjoittavat verkossa, itse asiassa kartoittavat otsikot ensin ja sitten täyttävät osiot. Se on vain vanhanaikainen, jossa hahmotellaan, mutta se varmasti voi tehdä kirjallisesti mennä paljon nopeammin ja lopputulos on yleensä paljon johdonmukaisempi kuin jos olet juuri aloittanut ylä-ja toivoi päästä jonnekin, ennen kuin olet valmis.

otsikot kelpaavat käyttäjille

tässä on likainen pieni salaisuus verkkosisällöstä: lukijat skim. Lähes kukaan ei lue joka sanaa verkkoartikkelista., Et voi tehdä asialle juuri mitään. Et voi estää sitä. Mutta voit tehdä sen niin, että skimmers on jotain kiinni, kun heidän silmänsä liikkuvat alas sivulle. Otsikot, jos ne ovat hyvin hajautettuja ja sisällöltään merkityksellisiä, antaa skimmers nippu pieniä tapoja takaisin tekstiin artikkelin. He myös hajottaa artiklan näennäisesti sulavaa bite-sized kappaletta, niin että antsy reikäkauhalla ei ole tehty ahdistunut pitkä solumn yhtäjaksoisen tekstin.,

Ja älä unohda yhdistää

Kuten HTML5, voit linkittää minkä tahansa elementin sivulla lisäämällä hash-merkki (#) ja id elementti. (Aiemmin, voit vain linkittää ankkuri elementtejä.) Lisäämällä id jokainen otsikko sivulla, voit antaa ihmisten linkki tahansa asiakirjan. (Katso myös, miten sivun yläosassa olevat sisällyslinkit toimivat.,) Nämä in-document linkit voivat olla erittäin hyödyllisiä, varsinkin jos annat referenssisisältöä tahansa, tai jos artikkelit ovat erityisen pitkiä.

Käyttäen otsikko tunnisteita rakenne, sisältö

Yleisesti ottaen on olemassa kahden tyyppisiä sisältöä sivuja: yksittäinen sisältöä sivuille (joka esittää yhden osa sisältöä) ja indeksi sivuja (joissa luetellaan joukko sisältöä). Indeksi sivut ovat blogin pääsivulla sivuston, luokka ja tag arkisto, kirjailija sivut, jotka luetellaan kaikki artikkelit on kirjoittanut kirjailija, ja niin edelleen., Sitten on myös sisältöä (sivupalkit, widgetit, alatunnisteet), joka näkyy lähes jokaisella sivulla ja joka ei ole todella ”sisältöä.”Miten käytät otsikkotunnisteita näissä tilanteissa voi vaikuttaa SEO ja käytettävyys.

<h1> ja <h2> elementtejä

single-sisältöä sivuja koko sivuston, otsikko, että erityisesti pala sisällön pitäisi melkein aina olla <h1> tag yläreunassa <body>., Sitten, kuten edellä mainittiin, artikkelin osiot voivat käyttää <h2> tageja.

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

indeksi-sivun, se yleensä järkevää laittaa joko sivuston otsikko an <h1> – tagin, tai laittaa indeksin nimi: luokka, nimi, tekijän nimi, tai mikä se on, joka määrittelee sen sivun. Sitten otsikot kaikki yksittäiset palaset, jotka on lueteltu siinä pitäisi olla <h2> elementti, niiden otsikot.,

aiemmin se on ollut yleistä käyttää <h2> tag sivuston nimi, kun se näkyy yksi-sisältöä sivuille.

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

mielipiteet tästä sekoittuvat, mutta suuntaus on yhä pienempi. Enemmän ihmisiä ovat yksinkertaisesti asettamalla otsikko (ja, todennäköisesti, logo img) otsikko ja tallenna otsikko tunnisteet tietyn sivun sisältöä. Osa omaa harkintaa siitä, tehdäänkö näin, liittyy todennäköisesti siihen, kuinka tärkeä on oman sivuston otsikko suhteessa SEP-tavoitteisiin.,

Widgetit ja muut ”ei-sisältöä”

Se on myös olleet yleisiä viime aikoihin asti käyttää <h3> tai <h4> elementit widget otsikot, sidebars. Monet sisällönhallintajärjestelmät yksinkertaisesti tekevät tämän automaattisesti, joten sillä ei välttämättä ole sinulle merkitystä. Mutta se on jotain kannattaa ajatella, Jos olet suunnittelemassa koko sivun markup tyhjästä. Haluatko otsikkoelementtiesi viittaavan siihen, että sivusi todellinen merkitys on ”kirjautuminen” tai ”rekisteröidy postituslistalle”?, (Tämä tietenkin osittain vältetään asettamalla sivupalkissa <aside> Elementti.)

Adam on tekninen kirjoittaja, joka on erikoistunut kehittäjä dokumentaation ja opetusohjelmia.