- Antraštės žymės ( – ) apibrėžia aiškią turinio hierarchiją, kuri naudinga vartotojams, paieškos sistemoms ir pagalbinėms technologijoms.
- Vienas aprašomasis H1 su logiškai išdėstytomis H2 ir H3 antraštėmis pagerina SEO, prieinamumą ir bendrą skaitomumą.
- Semantiniai HTML elementai ( , , , ) kartu su antraštėmis sukuria prasmingą, lengvai naršomą dokumento struktūrą.
- Venkite raktinių žodžių pertekliaus, praleidžiamų antraščių lygių ir antraščių naudojimo tik stiliui; leiskite CSS tvarkyti išvaizdą, o antraštėms – struktūrą.
HTML antraščių žymos yra viena iš tų mažyčių kodo dalių, kurios tyliai nusprendžia, ar jūsų puslapis atrodo aiškus, tinkamas naudoti ir profesionalus, ar primena chaotišką teksto sieną. Jie formuoja, kaip žmonės skaito jūsų turinį, kaip jį interpretuoja ekrano skaitytuvai ir kaip paieškos sistemos supranta, apie ką iš tikrųjų yra kiekvienas puslapis.
Tinkamai struktūrizavus antraštes HTML kalboje, iš esmės kuriama tiesioginė turinio lentelė tiek žmonėms, tiek mašinoms. Tai reiškia lengvesnę navigaciją, geresnį prieinamumą, daugiau konteksto „Google“ ir, jei viską darysite teisingai, didesnes galimybes užimti aukštas pozicijas jums svarbiose temose.
Kas yra HTML antraštės ir kodėl jos tokios svarbios
HTML antraštės yra žymės iš į kurie apibrėžia dokumento pavadinimus ir paantraštes. Jie nustato aiškią informacijos hierarchiją: yra pagrindinė puslapio tema, pristato pagrindinius skyrius, ir toliau suskirstykite tuos skyrius į smulkesnes detales. Įsivaizduokite juos kaip knygos struktūrą: knygos pavadinimas, skyrių pavadinimai, poskyrių pavadinimai, poskyriai ir taip toliau.
Skirtingai nuo įprastų konteinerių, tokių kaip , antraštės turi aiškią semantinę reikšmę. Naršyklės, paieškos sistemos ir pagalbinės technologijos gali juos aptikti ir nuspręsti, kaip turinys yra sugrupuotas ir kurios dalys yra svarbesnės. Štai kodėl antraščių pakeitimas per ilgomis pastraipomis arba atsitiktinio teksto formatavimas dideliu ir paryškintu šriftu yra bloga idėja tiek SEO, tiek prieinamumo požiūriu.
Antraštės vienu metu aptarnauja tris auditorijas: skaitytojus, paieškos sistemas ir pagalbines technologijas. Skaitytojams jie suskaido turinį į lengvai suprantamus blokus ir leidžia jį lengvai peržvelgti. Paieškos sistemoms jie išryškina pagrindines temas ir potemes. Ekrano skaitytuvams jie sukuria naršomą struktūrą, leidžiančią vartotojams pereiti prie jiems rūpimų dalių, užuot klausiusis viso puslapio eilutė po eilutės.
Neatsargiai naudojamos antraštės gali padaryti daugiau žalos nei naudos. Lygių praleidimas, raktinių žodžių perpildymas arba jų naudojimas tik vizualiniam stiliui sutrikdo dokumento loginę struktūrą. Šią painiavą jaučia vartotojai, kurie pasiklysta, paieškos sistemos, kurios neteisingai interpretuoja temas, ir žmonės, naudojantys ekrano skaitytuvus, kurie antraštes laiko pagrindine naršymo priemone.
HTML antraščių žymų tipai (H1–H6) ir jų vaidmuo
HTML apibrėžia šešis antraščių lygius: , , , , ir . Jie eina nuo svarbiausio ( ) iki mažiausiai svarbaus ( ). Praktiškai daugumai svetainių retai reikia daugiau nei , ir jei pastebite, kad siekiate arba dažnai tai ženklas, kad jūsų turinys turėtų būti išdėstytas keliuose puslapiuose, o ne viename milžiniškame slinkties puslapyje.
H1: pagrindinė puslapio antraštė
H1 yra pagrindinė antraštė, apibrėžianti bendrą puslapio temą. Jis turėtų atsakyti į klausimą: „Apie ką šis puslapis?“ tiek vartotojams, tiek paieškos sistemoms. Dėl savo svarbos tai natūrali vieta įtraukti pagrindinį raktinį žodį arba frazę, pagal kurią norite, kad puslapis būtų reitinguojamas – neskambant robotiškai.
Geriausia praktika yra naudoti vieną H1 kiekviename puslapyje. Šiuolaikinės paieškos sistemos techniškai gali apdoroti kelis H1 elementus, o „Google“ aiškiai pareiškė, kad tai nesugadina jų sistemų, tačiau SEO ir prieinamumo požiūriu vienas aiškus H1 išlaiko dokumento struktūrą paprastą ir nuspėjamą. Keli H1 elementai linkę sulieti dėmesį ir apsunkinti struktūros interpretavimą.
H1 turėtų būti glaustas, aprašomasis ir įtikinamas. Jis dažnai panašus į matomą straipsnio ar produkto puslapio pavadinimą. Nors jis nebūtinai turi būti identiškas HTML kodui žyma, rodoma paieškos rezultatų puslapiuose ir naršyklės skirtukuose, H1 turėtų aiškiai su ja sutapti, kad vartotojai nenustebtų dėl neatitikimo tarp paieškos rezultato ir to, ką jie mato puslapyje.
Skirtumas tarp H1 ir HTML žyma
H1 rodomas puslapio tekste, o žymė yra <head> skiltyje ir rodoma paieškos rezultatuose bei naršyklės skirtukuose. Abu yra labai svarbūs SEO, tačiau atlieka skirtingus vaidmenis. H1 veda skaitytojus, kai jie patenka į puslapį; žymė įtikina vartotojus pirmiausia spustelėti ir pateikia paieškos sistemoms glaustą puslapio pagrindinės temos aprašymą.
Tai puikiai tinka H1 ir būti skirtingiems, jei tik jie išlieka glaudžiai susiję. Daugelis SEO specialistų renkasi šiek tiek trumpesnį, paspaudimams optimizuotą (siekiant išvengti sutrumpinimo paieškos rezultatų puslapiuose) ir aprašomesnį H1, pritaikytą skaitytojams, jau esantiems puslapyje.
H2: pagrindinių skyrių antraštės
H2 antraštės suskirsto turinį į pagrindinius skyrius pagal pagrindinę temą. Jei jūsų H1 būtų knygos pavadinimas, H2 būtų skyrių pavadinimai. Kiekvienas H2 pristato atskirą potemę, todėl vartotojams lengva naršyti puslapyje, o paieškos sistemoms – matyti logines idėjų grupes.
SEO požiūriu, H2 yra ideali vieta įtraukti susijusius raktinius žodžius ir semantinius variantus. Jie padeda išaiškinti antrines temas neperkraunant H1. Gerai parašyti H2 netgi gali tapti kandidatais į išsamius paieškos rezultatus, pvz., išskirtinius fragmentus, ypač praktiniuose vadovuose ir sąrašo stiliaus straipsniuose.
H3: poskyriai H2 blokuose
H3 elementai yra po H2 antraštėmis ir leidžia suskaidyti kiekvieną pagrindinę dalį į mažesnes, lengviau virškinamas dalis. Ilguose arba sudėtinguose straipsniuose H3 raktažodžiai padeda išvengti didelių teksto blokų ir veda skaitytojus nuosekliais paaiškinimais arba išsamiai suskirstant sąvokas.
Įtraukus ilgesnius raktinių žodžių variantus į H3 raktinius žodžius, galima sustiprinti teminį aktualumą. Natūraliai tai suteikia paieškos sistemoms turtingesnį semantinį puslapio žemėlapį, tuo pačiu išliekant tikrai naudingam skaitytojams, kurie nori gauti išsamią informaciją, bet nepasiklysta.
H4, H5 ir H6: gilesni detalumo lygiai
H4, H5 ir H6 naudojami vis detalesniam H3 ir aukštesnių kategorijų turinio suskirstymui. Jie retesni tipiniuose rinkodaros ar tinklaraščių puslapiuose, tačiau gali būti naudingi techniniams dokumentams, teisiniam turiniui ar enciklopediniams ištekliams, kur gilus įdėjimas yra neišvengiamas.
Nors žemesnio lygio antraštės turi mažesnį tiesioginį SEO svorį, jos vis tiek pagerina dokumento struktūrą ir palengvina navigaciją. Tačiau per dažnas jų naudojimas arba pernelyg gilių hierarchijų kūrimas gali suklaidinti tiek vartotojus, tiek pagalbines technologijas. Jei dažnai pasiekiate H5 arba H6, persvarstykite, ar puslapį reikėtų padalyti, ar supaprastinti.
Antraštės, semantinis HTML ir dokumento struktūra
Antraštės yra tik viena platesnės semantinės HTML ekosistemos dalis, apimanti tokius elementus kaip , , , , , ir . Kai sujungiate antraštes su šiais struktūriniais elementais, sukuriate prasmingą išdėstymą, kurį naršyklės gali paversti ekrano skaitytuvų pritaikymo neįgaliesiems medžiu.
Nesemantinis metodas naudoja tik elementai, vaidmenys ir klasės struktūrai imituoti. Pavyzdžiui, svetainės antraštės įterpimas į ir jūsų navigacija gali imituoti semantiką, bet yra išplėtotas ir sunkiau prižiūrimas. Galiausiai reikia pasikliauti komentarais ir ID, kad kodas būtų įskaitomas.
Semantinis metodas pakeičia tuos bendrinius konteinerius , , , ir . Viduje jūs padedate savo , ir viduje jūsų nuorodos. Naršyklės ir pagalbinės technologijos akimirksniu supranta, kuris regionas yra svetainės reklaminis skydelis, kuris – naršymas, o kuris – pagrindinis turinys, be daugybės ARIA vaidmenų.
Štai kaip konceptualiai galėtų atrodyti paprastas, gerai struktūruotas išdėstymas: aukščiausio lygio (svetainės reklaminė juosta), po kurios seka (pagrindinė navigacija), vienas (pagrindinio turinio sritis), neprivaloma (papildoma medžiaga) ir (visos svetainės informacija). Viduje , galite turėti atskiriems kūriniams (pvz., tinklaraščio įrašams) ir sugrupuotam turiniui, kuris nėra savarankiškas straipsnis.
Kiekvienas arba paprastai turėtų turėti savo antraštę. Ta antraštė tampa tos dokumento dalies pavadinimu. Be jos ekrano skaitytuvų naudotojams ir paieškos sistemoms sunkiau suprasti, kam skirta ta puslapio dalis.
, , ir kontekste
nurodo pagrindinį puslapio turinį ir jų turėtų būti tik vienas kiekvienam dokumentui. Tai leidžia pagalbinėms technologijoms praleisti pasikartojančius „Chrome“ elementus (pvz., meniu, šonines juostas ir reklamjuostes) ir pereiti tiesiai prie pagrindinio turinio viena komanda.
skirtas papildomai arba šalutinei informacijai. Čia galite patalpinti šonines juostas, išnašų langelius, susijusias nuorodas arba papildomas pastabas. Jo numanomas orientyro vaidmuo yra „papildomas“, kuris padeda ekrano skaitytuvų naudotojams nuspręsti, ar jį tyrinėti, ar ignoruoti.
reiškia turinį, kuris galėtų būti rodomas atskirai už puslapio, kuriame jis rodomas, ribų. Pagalvokite apie naujienų straipsnius, tinklaraščio įrašus, forumo įrašus ar produktų korteles, kurios gali būti sindikuotos kitur. Kiekvienas paprastai turi savo antraštę ir gali turėti poskyrius viduje.
skirtas susijusiam turiniui grupuoti, kai netinka joks konkretesnis semantinis elementas. Skyriai paprastai turėtų turėti savo antraštę; be jos jie mažai prisideda prie dokumento struktūros ir gali tik sukelti trikdžių pagalbinių technologijų naudotojams.
Kaip antraštės apibrėžia dokumento struktūrą
Antraštės konceptualiai apibrėžia dokumento struktūrą, nors naršyklės niekada iki galo neįgyvendino originalaus HTML5 struktūros algoritmo. Ekrano skaitytuvų naudotojai dažnai pasikliauja tuo numanomu planu, pereidami nuo vienos antraštės prie kitos arba peržiūrėdami visų puslapyje esančių antraščių sąrašą, kad nuspręstų, kur eiti.
Tiems vartotojams labai svarbi protinga antraščių tvarka. Turėti po kurio seka be „tarp jų“ yra tas pats, kas peršokti iš 2 skyriaus į 4.3 poskyrį be 3 skirsnio, kuris užpildytų spragą. Nors tai nėra techninė klaida, dėl to sunkiau suprasti struktūrą.
Nenaudokite antraščių vien tam, kad tekstas būtų didesnis ar paryškintas. Toks vizualinis triukas sugriauna semantinę struktūrą. Grynam stiliui kurti pasikliaukite CSS (šrifto dydžiu, šrifto storiu, paraštėmis ir kt.) ir tinkamas antraštes naudokite tik tada, kai iš tikrųjų pristatote naują turinio skyrių ar poskyrį.
Antraštės ir SEO: kaip paieškos sistemos jas naudoja
Paieškos sistemos analizuoja antraštes, kad suprastų temų hierarchiją ir santykinę svarbą. H1 nurodo pagrindinę puslapio temą, o H2 ir H3 antraštės atskleidžia pagrindines potemes ir susijusias detales. Ši struktūra suteikia robotams greitą „žemėlapį“, prieš jiems pasineriant į visą tekstą.
Puslapius su aiškia, logiškomis antraščių hierarchijomis paprastai lengviau indeksuoti ir susieti su atitinkamomis užklausomis. Tyrimai ir pramonės patirtis nuolat rodo, kad gerai struktūrizuotas turinys gali pasiekti aukštesnius reitingus ir geresnius paspaudimų bei įsitraukimo rodiklius nei nestruktūruotos teksto sienos.
Raktinių žodžių įtraukimas į antraštes vis dar svarbus, bet toli gražu ne toks didelis, kaip prieš daugelį metų. „Google“ dabar remiasi sudėtinga semantine analize, o ne paprastu raktinių žodžių skaičiavimu. Dėl šios priežasties antraštėse pirmenybė turėtų būti teikiama aiškumui ir naudingumui, o ne griežtam raktinių žodžių kartojimui.
Geros antraštės dažnai tiesiogiai atliepia vartotojo ketinimus arba atspindi tai, kaip vartotojai formuluoja klausimus. Paantraštės, kurios atrodo kaip natūralūs klausimai („Kaip HTML antraštės veikia prieinamumą?“), gali padėti jums gauti tinkamumą rodyti ištraukas, DUK išsamius rezultatus arba langelius „Žmonės taip pat klausia“, kai jos derinamos su glaustais, gerai struktūrizuotais atsakymais po jomis.
Raktinių žodžių naudojimas antraštėse nepersistengiant
Vis dar protinga įtraukti pagrindinį raktinį žodį į H1 ir įpinti susijusius terminus į H2 ir H3, kur jie natūraliai dera. Nepaisant to, raktinių žodžių perteklius – tos pačios frazės nenatūralus kartojimas kiekvienoje antraštėje – yra klasikinis būdas sukelti šlamšto signalus ir pakenkti tiek reitingams, tiek vartotojų pasitikėjimui.
Modernus požiūris – naudoti antraštes, kurios atspindėtų tikruosius klausimus ir potemes, kurios rūpi vartotojams. Užuot penkis kartus rašę „HTML antraštės SEO“, galite turėti tokias antraštes kaip „Kaip HTML antraštės pagerina prieinamumą“ arba „Dažniausios klaidos naudojant antraščių žymas“. Šie variantai pagerina temų aktualumą neatrodydami manipuliuojant.
Unikalios antraštės ir kanibalizacijos vengimas
Kiekvienas puslapis turėtų turėti unikalų H1 ir paprastai unikalias pagrindines antraštes. To paties H1 kartojimas keliuose puslapiuose gali suklaidinti paieškos sistemas dėl to, kuris URL turėtų būti reitinguojamas pagal tam tikrą užklausą, ir gali sukelti raktinių žodžių kanibalizaciją, kai jūsų pačių puslapiai konkuruoja tarpusavyje.
Jei du puslapiai iš tiesų apima skirtingas temas, atitinkamai traktuokite jų H1 ir pagrindines antraštes. Jei jie pernelyg panašūs, apsvarstykite galimybę juos sujungti, diferencijuoti jų dėmesio centrą arba pakoreguoti vidines nuorodas, kad būtų nurodyta, kuris iš jų turėtų būti pagrindinis tos temos autoritetas.
Prieinamumas: kodėl antraštės yra labai svarbios įtraukiam dizainui
Ekrano skaitytuvų ir kitų pagalbinių technologijų naudotojams antraštės yra pagrindinis būdas greitai naršyti ir suprasti puslapį. Daugelis žmonių neklauso nuo pradžios iki galo; vietoj to jie atsiverčia antraščių sąrašą, peržiūri jį kaip turinį ir iškart pereina prie svarbiausių dalių.
Be aiškios, logiškos antraščių struktūros tie vartotojai iš esmės priversti aklai klaidžioti po puslapį. Gerai sutvarkyta H1–H3 elementų seka per kelias sekundes suteikia jiems mentalinį turinio modelį. Jei kada nors peržvelgėte knygos turinį, kad nuspręstumėte, ar verta ją skaityti, tai labai panašu į šį jausmą.
Antraštės taip pat sąveikauja su orientyrais, sukurtais semantinių elementų, tokių kaip , , ir . Vartotojai gali pereiti ne tik į pagrindinį turinį ar naršymo sritis, bet ir tarp antraščių tuose regionuose, todėl ilgi puslapiai tampa daug mažiau sunkūs.
Prieinamumo gairėse rekomenduojama naudoti antraštes, kad būtų sukurtas logiškas, nuspėjamas planas, vengiant tarpų ir nereikalingo sudėtingumo. Daugumai puslapių pakanka vieno H1, kelių H2 ir retkarčiais pasitaikančių H3. Gilus įdėjimas ir nenuoseklūs lygiai dažnai viską apsunkina, o ne palengvina.
Vienas H1 kiekvienam puslapiui: prieinamumo ir SEO aspektai
Nors techniškai galite naudoti kelis H1 elementus, praktiškai vienas H1 elementas puslapyje yra draugiškiausias ekrano skaitytuvų naudotojams ir paieškos sistemoms. Tai aiškiai žymi turinio hierarchijos „aukščiausiąjį mazgą“. Papildomus pagrindinius skyrius vis tiek galima pavaizduoti H2 ir toliau, nesumenkinant bendro dėmesio.
Istoriškai egzistavo pasiūlymas, vadinamas „dokumento metmenų“ algoritmu, kuris būtų leidęs kelis H1 skirtinguose skyriuose. Tačiau naršyklės ir pagalbinės technologijos niekada neįdiegė šio algoritmo, todėl nereikėtų juo pasikliauti. Realiame pasaulyje keli H1 algoritmai sukelia daugiau painiavos nei išsprendžia.
Struktūra ir vizualinis dydis: leiskite CSS tvarkyti išvaizdą
Viena iš dažniausių klaidų – antraščių lygių pasirinkimas pagal norimą šrifto dydį, o ne pagal reikiamą hierarchiją. Pavyzdžiui, naudojant H4 šabloną vien todėl, kad jūsų tema jį sumažina, nors turinys logiškai priklauso H2 šablonui, pažeidžiamas puslapio struktūrinis vientisumas.
Visada rinkitės antraštes pagal semantinį lygmenį, tada naudokite CSS teksto lygiavimo savybė kad pakoreguotų jų išvaizdą. Galite vizualiai sumažinti H2 formatą nei H3, jei to reikalauja dizainas; paieškos sistemoms ir pagalbinėms technologijoms pikselių dydžiai nerūpi, tik pagrindinė semantika.
Vizualiai paslėptos antraštės tik struktūros tikslais
Kartais dizaino makete nėra vietos matomai antraštei, bet turiniui jos vis tiek reikia dėl prieinamumo ir struktūros. Tokiais atvejais kūrėjai dažnai naudoja „tik ekrano skaitytuvui“ skirtą CSS klasę, kuri vizualiai paslepia antraštę, tačiau palieka ją prieinamą pagalbinėms technologijoms.
Įprastas būdas – elementas perkeliamas už ekrano ribų arba iškirpamas naudojant CSS, kad jis nepaveiktų išdėstymo, bet liktų pritaikymo neįgaliesiems medyje. Pavyzdžiui, tai gali pasiekti klasė, kuri nustato poziciją į absoliučią reikšmę, plotį ir aukštį į 1 pikselią ir iškerpa turinį. Tačiau ją reikėtų naudoti saikingai, nes didelis neatitikimas tarp to, ką mato regintys vartotojai, ir to, ką girdi ekrano skaitytuvų vartotojai, gali kelti painiavą.
Ne kiekvienam struktūriniam tarpui reikalinga paslėpta antraštė, tačiau svarbiems skyriams, pvz., turinio lentelės konteineriui ar pagrindiniam naršymo blokui, ji gali padaryti struktūrą nuoseklesnę, neužgriozdindama vizualinio dizaino.
Geriausia efektyvių antraščių rašymo praktika
Efektyvios antraštės yra aiškios, glaustos, aprašomosios ir nuoseklios visame puslapyje. Jie tiksliai nurodo vartotojams, ko tikėtis iš kitos turinio dalies, ir yra prasmingi, kai nuskaitomi atskirai, pavyzdžiui, ekrano skaitytuvo „antraštių sąrašo“ dialogo lange.
Gera taisyklė yra laikyti antraštes gana trumpas – dažnai apie 3–5 žodžius. Tai nėra griežta riba, tačiau pernelyg ilgos, sakinius primenančios antraštės sulėtina skaitymą ir atrodo gremėzdiškai maketuotose teksto detalėse. Jei reikia papildomų niuansų, įterpkite juos į pastraipą apačioje, o ne įgrūskite į antraštę.
Nuoseklus stilius ir tonas visose antraštėse taip pat padeda vartotojams susidaryti mentalinį jūsų puslapio modelį. Jei kai kurios antraštės yra klausimai, kitos – įsakymai, o dar kitos – neaiškios frazės, planas atrodo netvarkingas. Pasirinkite turinį atitinkantį šabloną ir kuo labiau jo laikykitės.
Loginė hierarchija ir lygių progresavimas
Visada pereikite per antraščių lygius eilės tvarka, nepraleisdami žemyn. Po H1 bloko pagrindinėms dalims naudokite H2. H2 bloko viduje naudokite H3, o jei tikrai reikia jas suskirstyti, pereikite prie H4. Perėjimas iš H2 tiesiai į H4 rodo, kad trūksta kokio nors tarpinio lygio, o tai klaidina tiek pagalbines technologijas, tiek žmones, skaitančius tekstą.
Įsivaizduokite antraštes kaip įdėtuosius konteinerius, o ne dekoratyvines etiketes. H3 yra H2 temos „viduje“, H4 – tame H3 ir taip toliau. Jei nauja antraštė konceptualiai nėra ankstesnės temos dalis, ji turėtų grįžti vienu lygiu atgal ir pradėti naują skyrių, o ne likti giliai įdėta.
Ko nedaryti su antraščių žymėmis
Venkite antraščių paversti raktinių žodžių išmetimo vietomis. Pačiose SEO pradžios dienose juos prikimšti pasikartojančiomis frazėmis galėjo pasiteisinti, tačiau šiuolaikiniai algoritmai tai atpažįsta kaip šlamšto elgseną ir dėl to gali sumažinti puslapių reitingą.
Neslėpkite antraštės teksto SEO tikslais. CSS gudrybių naudojimas siekiant padaryti raktinius žodžius nematomus matontiems vartotojams, paliekant juos žymėjime, laikomas maskavimu ir gali sukelti baudas. Jei tekstas vartotojams nenaudingas, jo antraštėje nėra.
Venkite identiškų antraščių naudojimo skirtinguose puslapiuose, nebent to tikrai reikalauja turinys. Kai kiekvienas jūsų svetainės tinklaraščio įrašas turi tą patį H2, pvz., „Įvadas“ arba „Išvada“, tokios antraštės paieškos sistemoms ar ekrano skaitytuvų naudotojams suteikia mažai vertės. Labiau aprašomosios antraštės („Kodėl HTML antraštės svarbios SEO“) yra daug naudingesnės.
Pagrindinė antraštės funkcija yra sutvarkyti turinį, o ne tik padidinti tekstą ar padaryti jį patrauklesnį. Naudokite CSS išvaizdai ir antraštes struktūrai, taip išvengsite daugumos įprastų klaidų, kurios kenkia tiek patogumui, tiek reitingams.
Išplėstiniai antraščių kūrimo metodai: ARIA ir gilios hierarchijos
Retais atvejais, kai jums tikrai reikia daugiau nei šešių hierarchijos lygių, ARIA gali išplėsti tai, ką siūlo natyvusis HTML. Atributas „role=”heading” kartu su „aria-level” leidžia pažymėti bet kurį elementą kaip bet kokio lygio, net aukštesnio nei 6, antraštę.
Pavyzdžiui, elgiasi kaip septintojo lygio antraštė, skirta pagalbinėms technologijoms. Panašiai galite pakeisti tikrojo H3 lygį pridėdami „aria-level=”2″“, jei semantiškai turite jį traktuoti kaip H2, nors paprastai tai geriau išspręsti pataisant HTML kodą.
Šie metodai yra veiksmingi, tačiau juos reikia naudoti labai atsargiai. Pagrindinės ekrano skaitymo programos gerai palaiko turinį, tačiau pasikliaujant giliomis, egzotiškomis hierarchijomis, turinį gali būti sunkiau aptarti ir prižiūrėti. Daugeliu atvejų švaresnis ir patikimesnis sprendimas yra turinio padalijimas į kelis puslapius arba skyrių pertvarkymas.
Atminkite, kad tikslas yra ne parodyti, kiek antraščių lygių galite įdėti, o padėti vartotojams ir paieškos sistemoms greitai ir tiksliai suprasti jūsų turinį. Jei jūsų kontūras atrodo kaip fraktalas, tikriausiai laikas jį supaprastinti.
Kai sujungiate apgalvotą antraščių hierarchiją su semantiniais konteineriais, lengvai prieinamais naršymo orientyrais ir natūraliu raktinių žodžių naudojimu, gaunate puslapius, kuriuos lengviau skaityti, lengviau indeksuoti ir kurie yra daug atsparesni ateičiai. Šis derinys pagerina naudotojų pasitenkinimą, sustiprina įsitraukimo rodiklius, tokius kaip laikas puslapyje ir slinkimo gylis, ir suteikia paieškos sistemoms visus įmanomus signalus, kad jūsų turinys nusipelno būti matomas pagal jūsų tikslines užklausas.
