- Pealkirjasildid ( – ) määratlevad selge sisuhierarhia, millest saavad kasu kasutajad, otsingumootorid ja abitehnoloogiad.
- Üks kirjeldav H1 koos loogiliselt järjestatud H2 ja H3 pealkirjadega parandab SEO-d, ligipääsetavust ja üldist loetavust.
- Semantilised HTML-elemendid ( , , , ) koos pealkirjadega loovad sisuka ja hõlpsasti navigeeritava dokumendistruktuuri.
- Väldi märksõnade toppimist, pealkirjade tasemete vahelejätmist ja pealkirjade kasutamist ainult stiili jaoks; lase CSS-il hoolitseda välimuse ja pealkirjade eest struktuuri eest.
HTML-i pealkirjasildid on ühed neist pisikestest koodijuppidest, mis vaikselt otsustavad, kas teie leht tundub selge, kasutatav ja professionaalne või pigem kaootiline tekstisein. Need kujundavad seda, kuidas inimesed teie sisu loevad, kuidas ekraanilugejad seda tõlgendavad ja kuidas otsingumootorid mõistavad, millest iga leht tegelikult räägib.
Kui pealkirjad HTML-is õigesti struktureerida, lood sisuliselt reaalajas sisukorra nii inimestele kui ka masinatele. See tähendab lihtsamat navigeerimist, paremat ligipääsetavust, rohkem konteksti Google'ile ja kui asjad õigesti teha, siis paremaid võimalusi sulle oluliste teemade paremusjärjestuses tõusta.
Mis on HTML-i pealkirjad ja miks need nii olulised on?
HTML-i pealkirjad on sildid <h1>-st kuni <h6>-ni, mis määratlevad dokumendi pealkirju ja alapealkirju. Need loovad selge teabehierarhia: <h1> on lehe põhiteema, <h2> tutvustab peamisi sektsioone, <h3> ja edasi jagab need sektsioonid peenemateks detailideks. Mõelge neist nagu raamatu struktuurist: raamatu pealkiri, peatükkide pealkirjad, sektsioonide pealkirjad, alapealkirjad jne.
Erinevalt üldistest konteineritest nagu <div> kannavad pealkirjad selget semantilist tähendust. Brauserid, otsingumootorid ja abitehnoloogiad suudavad neid tuvastada ja järeldada, kuidas sisu on rühmitatud ja millised osad on olulisemad. Seetõttu on pealkirjade asendamine ülemõõduliste lõikudega või suvalise teksti suureks ja paksuks kujundamine halb mõte nii SEO kui ka ligipääsetavuse seisukohast.
Pealkirjad teenindavad samaaegselt kolme sihtrühma: lugejaid, otsingumootoreid ja abitehnoloogiaid. Lugejate jaoks lõikavad need sisu hallatavateks plokkideks ja muudavad selle hõlpsasti sirvitavaks. Otsingumootorite jaoks tõstavad need esile põhiteemad ja alateemad. Ekraanilugejate jaoks moodustavad need navigeeritava ülevaate, mis võimaldab kasutajatel hüpata neile oluliste osade juurde, selle asemel, et kuulata tervet lehekülge rida-realt.
Hooletult kasutades võivad pealkirjad teha rohkem kahju kui kasu. Tasemete vahelejätmine, märksõnade üleküllus või nende kasutamine ainult visuaalseks kujundamiseks rikub dokumendi loogilise struktuuri. Seda segadust tunnevad kasutajad, kes eksivad, otsingumootorid, mis teemasid valesti tõlgendavad, ja ekraanilugejaid kasutavad inimesed, kes toetuvad pealkirjadele kui oma peamisele navigeerimisvahendile.
HTML-i pealkirjasiltide tüübid (H1-H6) ja nende roll
HTML defineerib kuus pealkirjade taset: <h1>, <h2>, <h3>, <h4>, <h5> ja <h6>. Need lähevad kõige olulisemast (<h1>) kõige vähem oluliseni (<h6>). Praktikas vajab enamik saite harva rohkem kui <h4> ja kui leiate, et haarate sageli <h5> või <h6> järele, on see tavaliselt märk sellest, et teie sisu kuulub mitmele lehele, mitte ühele hiiglaslikule kerimisribale.
H1: lehe peamine pealkiri
H1 on peamine pealkiri, mis määratleb lehe üldise teema. See peaks vastama küsimusele: „Millest see leht räägib?“ nii kasutajatele kui ka otsingumootoritele. Oma olulisuse tõttu on see loomulik koht, kuhu lisada peamine märksõna või märksõnafraas, mille järgi soovite lehe paremusjärjestust parandada – ilma et see kõlaks robotlikult.
Parim tava on kasutada iga lehe kohta ühte H1 elementi. Kaasaegsed otsingumootorid saavad tehniliselt hakkama mitme H1 elemendiga ja Google on selgesõnaliselt öelnud, et see ei riku nende süsteeme, kuid SEO ja ligipääsetavuse seisukohast hoiab üks selge H1 dokumendi ülesehituse lihtsa ja etteaimatava. Mitu H1 elementi kipuvad fookust hägustama ja struktuuri raskemini tõlgendatavaks muutma.
H1 peaks olema lühike, kirjeldav ja köitev. See on sageli sarnane artikli või tootelehe nähtava pealkirjaga. Kuigi see ei pea olema identne otsingutulemustes ja brauseri vahekaartidel kuvatava HTML-i <title>-märgendiga, peaks H1 sellega selgelt joonduma, et kasutajaid ei üllataks otsingutulemuse ja lehel nähtu mittevastavus.
Erinevus H1 ja HTML vahel silt
H1 asub lehe põhiosas, samas kui <title> silt asub <head> jaotises ning seda kuvatakse otsingutulemustes ja brauseri vahekaartidel. Mõlemad on SEO jaoks üliolulised, kuid täidavad erinevaid rolle. H1 juhendab lugejaid lehele jõudes; <title> silt veenab kasutajaid üldse klõpsama ja annab otsingumootoritele lehe põhiteema kohta kompaktse kirjelduse.
H1 ja <title> võivad olla erinevad, kui need on omavahel tihedalt seotud. Paljud SEO-spetsialistid valivad veidi lühema, klikkidele optimeeritud <title> (et vältida otsingutulemustes kärpimist) ja kirjeldavama H1, mis on kohandatud lehel juba viibivatele lugejatele.
H2: peamiste jaotiste pealkirjad
H2 pealkirjad jagavad sisu põhiteema alla kuuluvateks suuremateks osadeks. Kui teie H1 oleks raamatu pealkiri, siis H2 oleksid peatükkide pealkirjad. Iga H2 tutvustab selget alateemat, mis teeb kasutajatel lehe sirvimise ja otsingumootoritel ideede loogilise rühmitamise lihtsaks.
SEO vaatenurgast on H2-d ideaalne koht seotud märksõnade ja semantiliste variatsioonide lisamiseks. Need aitavad selgitada teiseseid teemasid ilma H1-d üle koormamata. Hästi kirjutatud H2-d võivad isegi olla rikaste tulemuste, näiteks esiletõstetud lõikude, kandidaadid, eriti juhendites ja loendistiilis artiklites.
H3: H2 plokkide alamsektsioonid
H3 elemendid asuvad H2 pealkirjade all ja võimaldavad teil jagada iga suurema osa väiksemateks, arusaadavamateks osadeks. Pikkades või keerukates artiklites väldivad H3 elemendid suuri tekstiblokke ja juhendavad lugejaid samm-sammult selgituste või kontseptsiooni üksikasjaliku analüüsi kaudu.
Märksõnade pikkade variatsioonide lisamine H3-desse aitab tugevdada teemakohaseid seoseid. Loomulikult tehes annab see otsingumootoritele lehe rikkama semantilise kaardi, jäädes samal ajal tõeliselt kasulikuks lugejatele, kes soovivad üksikasju ilma ära eksides.
H4, H5 ja H6: sügavamad detailsuse tasemed
H4, H5 ja H6 kasutatakse H3 ja kõrgema taseme sisu üha detailsemaks jaotuseks. Need on vähem levinud tüüpilistel turundus- või ajaveebilehtedel, kuid võivad olla kasulikud tehniliste dokumentide, juriidilise sisu või entsüklopeediliste ressursside puhul, kus sügav pesastamine on vältimatu.
Kuigi madalama taseme pealkirjadel on väiksem otsene SEO kaal, täiustavad need siiski dokumendi struktuuri ja hõlbustavad navigeerimist. Nende ülekasutamine või liiga sügavate hierarhiate loomine võib aga nii kasutajaid kui ka abitehnoloogiaid segadusse ajada. Kui jõuate sageli H5 või H6-ni, kaaluge uuesti, kas lehte peaks jagama või lihtsustama.
Pealkirjad, semantiline HTML ja dokumendi struktuur
Pealkirjad on vaid üks osa laiemast semantilisest HTML-i ökosüsteemist, mis hõlmab selliseid elemente nagu <header>, <main>, <nav>, <article>, <section>, <aside> ja <footer>. Kui kombineerite pealkirjad nende struktuurielementidega, loote sisuka paigutuse, mille brauserid saavad ekraanilugejatele ligipääsetavuse puuks teisendada.
Mittesemantiline lähenemine kasutab struktuuri simuleerimiseks ainult <div> elemente, rolle ja klasse. Näiteks saidi päise mähkimine <div role=”banner”> sisse ja navigatsiooni <div role=”navigation”> sisse võib jäljendada semantikat, kuid see on pikasõnaline ja vähem hooldatav. Lõpuks loodate kommentaaridele ja ID-dele, et koodis asjad loetavana hoida.
Semantiline lähenemine asendab need üldised konteinerid elementidega <header>, <nav>, <main>, <article> ja <footer>. <header> sisse paigutate oma <h1> ja <nav> sisse oma lingid. Brauserid ja abitehnoloogiad saavad koheselt aru, milline piirkond on saidi bänner, milline on navigeerimine ja milline on põhisisu, ilma et oleks vaja ARIA-rollide hunnikut.
Lihtne ja hästi struktureeritud paigutus näeb kontseptuaalselt välja järgmine: ülemise taseme <header> (saidi bänner), millele järgneb <nav> (peamine navigeerimine), üks <main> (peamine sisuala), valikuline <aside> (lisamaterjal) ja <footer> (kogu saidi hõlmav teave). <main> sees saab eraldiseisvate osade (nt ajaveebipostituste) jaoks kasutada <article> ja rühmitatud sisu jaoks, mis ei ole iseseisev artikkel, jaoks <section>.
Igal <section> või <article> peaks üldiselt olema oma pealkiri. Sellest pealkirjast saab dokumendi vastava osa pealkiri. Ilma selleta on ekraanilugeja kasutajatel ja otsingumootoritel raskem aru saada, milleks see leheosa on mõeldud.
, , ja kontekstis
<main> määrab lehe põhisisu ja iga dokumendi kohta peaks olema täpselt üks <main>. See võimaldab abitehnoloogiatel vahele jätta korduvad Chrome'i elemendid (nt menüüd, külgribad ja ribareklaamid) ning ühe käsuga otse põhisisu juurde hüpata.
<aside> on mõeldud kõrvalekalduva või täiendava teabe jaoks. Siia paigutatakse külgribad, viitekastid, seotud lingid või lisamärkused. Selle kaudne orientiiri roll on „täiendav“, mis aitab ekraanilugeja kasutajatel otsustada, kas seda uurida või ignoreerida.
<article> tähistab sisu, mis võiks iseseisvalt eksisteerida ka väljaspool lehte, kus see kuvatakse. Mõelge uudistele, ajaveebipostitustele, foorumi sissekannetele või tootekaartidele, mis võivad olla mujal avaldatud. Igal <article> on tavaliselt oma pealkiri ja sees võivad olla alajaotised.
<section> on seotud sisu rühmitamiseks, kui ükski spetsiifilisem semantiline element ei sobi. Jaotistel peaks tavaliselt olema oma pealkiri; ilma selleta lisavad nad dokumendi ülesehitusele vähe väärtust ja võivad abitehnoloogia kasutajatele lihtsalt müra tekitada.
Kuidas pealkirjad dokumendi struktuuri määratlevad
Pealkirjad defineerivad sisuliselt dokumendi struktuuri, kuigi brauserid ei ole kunagi algset HTML5 struktuuri algoritmi täielikult rakendanud. Ekraanilugeri kasutajad toetuvad sageli sellele kaudsele struktuurile, hüpates ühelt pealkirjalt teisele või vaadates lehel kõigi pealkirjade loendit, et otsustada, kuhu minna.
Selliste kasutajate jaoks on mõistlik pealkirjade järjekord ülioluline. <h2> ja sellele järgneva <h4> kasutamine ilma vahepealse <h3>-ta on nagu hüppamine 2. peatükist 4.3 alapunkti ilma 3. jaotiseta, mis tühimiku ületaks. Kuigi see pole tehniline viga, muudab see struktuuri jälgimise raskemaks.
Ära kasuta pealkirju ainult teksti suuremaks või paksemaks muutmiseks. Selline visuaalne trikk lõhub semantilise struktuuri. Puhtalt stiili loomiseks toetu CSS-ile (fondi suurus, fondi paksus, veerised jne) ja kasuta sobivaid pealkirju ainult siis, kui tutvustad sisu uut osa või alajaotist.
Pealkirjad ja SEO: kuidas otsingumootorid neid kasutavad
Otsimootorid analüüsivad pealkirju, et mõista teemade hierarhiat ja suhtelist tähtsust. H1 näitab neile lehe peamist teemat, samas kui H2 ja H3 pealkirjad näitavad peamisi alateemasid ja lisateavet. See struktuur annab robotitele kiire „kaardi“, enne kui nad süvenevad täisteksti.
Selgete ja loogiliste pealkirjahierarhiatega lehti on tavaliselt lihtsam indekseerida ja asjakohastele päringutele sobitada. Uuringud ja valdkonna kogemused näitavad järjepidevalt, et hästi struktureeritud sisu võib saavutada kõrgemaid otsingutulemusi ning paremaid klikkimise ja kaasatuse näitajaid kui struktureerimata tekstiseinad.
Märksõnade paigutamine pealkirjadesse on endiselt oluline, kuid kaugeltki mitte nii oluline kui aastaid tagasi. Google tugineb nüüd keerukale semantilisele analüüsile, mitte lihtsale märksõnade loendamisele. Sel põhjusel peaksid pealkirjad seadma esikohale selguse ja kasulikkuse jäiga märksõnade kordamise asemel.
Head pealkirjad vastavad sageli otse kasutaja kavatsusele või peegeldavad seda, kuidas kasutajad küsimusi sõnastavad. Alapealkirjad, mis näevad välja nagu loomulikud küsimused („Kuidas HTML-pealkirjad mõjutavad ligipääsetavust?“), aitavad teil saada esiletõstetud väljavõtteid, KKK-d või „Inimesed küsivad ka“ kaste, kui need on kombineeritud lühikeste ja hästi struktureeritud vastustega nende all.
Märksõnade kasutamine pealkirjades ilma liiale minemata
Siiski on tark lisada oma peamine märksõna H1-sse ja põimida seotud terminid H2-sse ja H3-sse, kus need loomulikult sobivad. Siiski on märksõnade toppimine – sama fraasi ebaloomulik kordamine igas pealkirjas – klassikaline viis rämpsposti signaalide käivitamiseks ja nii paremusjärjestuse kui ka kasutajate usalduse kahjustamiseks.
Moodne lähenemisviis on pealkirjade kasutamine, mis kajastavad kasutajate jaoks olulisi tegelikke küsimusi ja alateemasid. Selle asemel, et kirjutada viis korda „HTML-pealkirjad SEO”, võiksid kasutada pealkirju nagu „Kuidas HTML-pealkirjad parandavad ligipääsetavust” või „Levinud vead pealkirjasiltide kasutamisel”. Need variatsioonid rikastavad teemakohasust ilma manipuleeriva muljeta jätmata.
Unikaalsed pealkirjad ja kannibaliseerimise vältimine
Igal lehel peaks olema unikaalne H1 ja üldiselt unikaalsed põhipealkirjad. Sama H1 kordamine mitmel lehel võib otsingumootoreid segadusse ajada selle osas, milline URL peaks antud päringu puhul asetsema, ja see võib viia märksõnade kannibaliseerimiseni, kus teie enda lehed konkureerivad omavahel.
Kui kaks lehte käsitlevad tõepoolest erinevaid teemasid, käsitle nende H1 ja võtmepealkirju vastavalt. Kui need on liiga sarnased, kaalu nende ühendamist, fookuse eristamist või sisemiste linkide kohandamist, et näidata, kumb peaks olema selle teema peamine allikas.
Ligipääsetavus: miks on pealkirjad kaasava disaini jaoks kriitilise tähtsusega
Ekraanilugejate ja muude abitehnoloogiate kasutajate jaoks on pealkirjad peamine viis lehe kiireks uurimiseks ja mõistmiseks. Paljud inimesed ei kuula ülalt alla; selle asemel avavad nad pealkirjade loendi, sirvivad seda nagu sisukorda ja hüppavad otse oluliste osade juurde.
Ilma puhta ja loogilise pealkirjastruktuurita on need kasutajad sisuliselt sunnitud lehel pimesi ekslema. Hästi organiseeritud H1-H3 elementide jada annab neile sekunditega sisust vaimse mudeli. Kui olete kunagi raamatu sisukorda sirvinud, et otsustada, kas see on lugemist väärt, siis see tundub teile väga sarnane.
Pealkirjad suhtlevad ka semantiliste elementide, näiteks <header>, <main>, <nav> ja <footer> loodud orientiiridega. Kasutajad saavad hüpata mitte ainult põhisisu või navigeerimispiirkondade juurde, vaid ka nende piirkondade sees olevate pealkirjade vahel, mis muudab pikad lehed palju vähem koormavaks.
Ligipääsetavuse juhised soovitavad pealkirjade kasutamist loogilise ja etteaimatava ülesehituse loomiseks, vältides lünki ja tarbetut keerukust. Enamiku lehtede puhul piisab ühest H1-st, mitmest H2-st ja aeg-ajalt ka H3-st. Sügav pesastamine ja ebajärjekindlad tasemed muudavad asjad sageli keerulisemaks, mitte lihtsamaks.
Üks H1 lehe kohta: ligipääsetavuse ja SEO kaalutlused
Kuigi tehniliselt saab kasutada mitut H1 elementi, on praktikas ekraanilugejate ja otsingumootorite jaoks kõige sobivam üks H1 lehe kohta. See tähistab selgelt sisuhierarhia „kõrgeimat sõlme“. Täiendavaid põhisektsioone saab endiselt esindada H2-de ja kaugemate elementidega, ilma et see üldist fookust lahjendaks.
Ajalooliselt oli olemas ettepanek nimega „dokumendi struktuuri” algoritm, mis oleks lubanud mitme H1-elemendi kasutamist eri sektsioonides. Brauserid ja abitehnoloogiad ei ole seda algoritmi aga kunagi rakendanud, seega ei tohiks sellele loota. Tegelikkuses kipuvad mitmed H1-elemendid tekitama rohkem segadust kui lahendama.
Struktuur vs visuaalne suurus: laske CSS-il välimusega hakkama saada
Üks levinumaid vigu on pealkirjade valimine soovitud fondi suuruse, mitte hierarhia põhjal. Näiteks H4 taseme kasutamine lihtsalt seetõttu, et teie kujundus kujundab selle väiksemaks, kuigi sisu kuulub loogiliselt H2 alla, rikub lehe struktuurilist järjepidevust.
Vali pealkirjad alati semantilise taseme põhjal ja seejärel kasuta CSS-i tekstijoonduse atribuuti, et kohandada nende välimust. Kui disain seda nõuab, saad H2-tähe visuaalselt väiksemaks teha kui H3-tähe; otsingumootorid ja abitehnoloogiad ei hooli pikslite suurustest, vaid ainult aluseks olevast semantikast.
Visuaalselt peidetud pealkirjad ainult struktuuri kuvamiseks
Mõnikord pole kujunduses ruumi nähtava pealkirja jaoks, kuid sisu vajab seda siiski ligipääsetavuse ja struktuuri tagamiseks. Sellistel juhtudel kasutavad arendajad sageli ainult ekraanilugejale mõeldud CSS-klassi, mis peidab pealkirja visuaalselt, hoides selle abitehnikutele kättesaadavaks.
Tüüpiline lähenemisviis asetab elemendi ekraanilt välja või lõikab selle CSS-iga välja, nii et see ei mõjuta paigutust, vaid jääb ligipääsetavuse puusse. Näiteks saab seda teha klassiga, mis määrab positsiooni absoluutseks, laiuse ja kõrguse 1px-ks ning lõikab sisu välja. Seda tuleks siiski kasutada säästlikult, sest suur erinevus selle vahel, mida nägijad näevad ja mida ekraanilugejad kuulevad, võib segadust tekitada.
Mitte iga struktuuriline tühimik ei vaja peidetud pealkirja, kuid suuremate osade – näiteks sisukorra konteineri või klahvinavigatsiooniploki – puhul võib see muuta kontuuri sidusamaks ilma visuaalset kujundust risustamata.
Parimad tavad efektiivsete pealkirjade kirjutamiseks
Tõhusad pealkirjad on selged, kokkuvõtlikud, kirjeldavad ja kogu lehel ühtlased. Need annavad kasutajatele täpselt teada, mida järgmiselt sisult oodata, ja on loogilised eraldi vaadates, näiteks ekraanilugeri pealkirjade loendi dialoogis.
Hea rusikareegel on hoida pealkirjad suhteliselt lühikesed – sageli umbes 3–5 sõna. See ei ole range piirang, kuid liiga pikad, lauselaadsed pealkirjad aeglustavad lugemist ja näevad küljenduses kohmakad välja. Kui vajate lisanüansse, pange see järgmisesse lõiku, mitte pealkirja sisse topituna.
Pealkirjade stiili ja tooni järjepidevus aitab kasutajatel luua ka teie lehe vaimse mudeli. Kui mõned pealkirjad on küsimused, teised käsud ja kolmandad ebamäärased fraasid, tundub ülevaade segane. Valige sisuga sobiv muster ja pidage sellest võimalikult palju kinni.
Loogiline hierarhia ja tasemete edenemine
Liigu pealkirjade tasemete vahel alati järjekorras, ilma allapoole hüppamata. Pärast H1-plokki kasuta põhiosade jaoks H2-plokki. H2-ploki sees kasuta H3-plokki ja kui sul on tõesti vaja neid alajaotusteks jagada, liigu H4-plokki. Otse H2-plokilt H4-plokki liikumine viitab mõne vahepealse taseme puudumisele, mis ajab segadusse nii abitehnoloogiad kui ka inimlugejad.
Mõtle pealkirjadest kui pesastatud konteineritest, mitte dekoratiivsetest siltidest. H3 asub H2 teema "sees", H4 on selle H3 sees ja nii edasi. Kui uus pealkiri ei ole kontseptuaalselt eelmise sisu osa, peaks see liikuma tagasi ühe taseme võrra ja alustama uut jaotist, mitte jääma sügavale pesastatud.
Mida mitte teha pealkirjasiltidega
Väldi pealkirjade muutmist märksõnade prügimäeks. Nende täitmine korduvate fraasidega võis SEO algusaegadel toimida, kuid tänapäeva algoritmid tunnevad seda rämpspostina ja võivad selle tõttu lehti madalamale reastada.
Ärge peitke SEO eesmärgil pealkirjateksti. CSS-nippide kasutamine märksõnade nähtamatuks muutmiseks nägijatele, jättes need samal ajal märgistusse, loetakse varjamiseks ja see võib kaasa tuua karistusi. Kui tekst pole kasutajatele kasulik, ei kuulu see pealkirja.
Väldi identsete pealkirjade korduvat kasutamist paljudel erinevatel lehtedel, välja arvatud juhul, kui sisu seda otseselt nõuab. Kui igal teie saidi ajaveebipostitusel on sama H2, näiteks „Sissejuhatus” või „Kokkuvõte”, ei lisa need pealkirjad otsingumootoritele ega ekraanilugeja kasutajatele kuigi palju väärtust. Kirjeldavamad pealkirjad („Miks on HTML-pealkirjad SEO jaoks olulised”) on palju kasulikumad.
Pealkirja peamine ülesanne on sisu korrastamine, mitte ainult teksti suuremaks või pilkupüüdvamaks muutmine. Kasutage CSS-i välimuse ja pealkirju struktuuri jaoks ning väldite enamikku levinud lõkse, mis kahjustavad nii kasutatavust kui ka edetabelit.
Täiustatud pealkirjatehnikad: ARIA ja sügavad hierarhiad
Harvadel juhtudel, kui teil on tõesti vaja rohkem kui kuut hierarhia taset, saab ARIA laiendada natiivse HTML-i pakutavat. Atribuut role="heading" koos aria-level-iga võimaldab teil märkida mis tahes elemendi suvalise taseme pealkirjaks, isegi kõrgemal kui 6.
Näiteks käitub <div role=”heading” aria-level=”7″> abitehnoloogiate jaoks nagu seitsmenda taseme pealkiri. Samamoodi saate tegeliku H3 taseme tühistada, lisades aria-level=”2″, kui peate seda semantiliselt käsitlema H2-na, kuigi tavaliselt on seda parem lahendada HTML-i parandades.
Need võtted on võimsad, kuid neid tuleks kasutada ettevaatusega. Peamised ekraanilugejad toetavad neid hästi, kuid sügavatele ja eksootilistele hierarhiatele lootmine võib muuta sisu läbimõtlemise ja haldamise raskemaks. Enamasti on sisu jagamine mitmele lehele või sektsioonide ümberkorraldamine puhtam ja töökindlam lahendus.
Pea meeles, et eesmärk ei ole näidata, mitu pealkirjataset saad pesastada, vaid aidata kasutajatel ja otsingumootoritel sinu sisust kiiresti ja täpselt aru saada. Kui sinu kontuur näeb välja nagu fraktaal, on ilmselt aeg lihtsustada.
Kui kombineerida läbimõeldud pealkirjade hierarhia semantiliste konteinerite, ligipääsetavate navigeerimismärkide ja loomuliku märksõnade kasutamisega, on tulemuseks lehed, mida on lihtsam lugeda, kergemini indekseerida ja mis on palju tulevikukindlamad. See kombinatsioon parandab kasutajate rahulolu, edendab kaasatuse mõõdikuid, nagu lehel veedetud aeg ja kerimissügavus, ning annab otsingumootoritele kõikvõimalikud signaalid, et teie sisu väärib teie sihtpäringute puhul nähtavust.
