Vile & Kell logo

SEO

Mitu h1 elementi võib ühel veebilehel SEO seisukohast olla?

27. aug 2023

h1 taseme pealkirjad
h1 taseme pealkirjad
h1 taseme pealkirjad

Alles hijuti õpetasid SEO eksperdid, et lehel ei tohiks olla rohkem h1 taseme pealkirju kui üks – lehe põhipealkiri.

Õige vastus küsimusele, kui palju h1 taseme pealkirju võib kasutada – ükskõik, pane palju tahad

Aga…

Iseküsimus, et kas on vajalik, ehk et endiselt peaks lähtuma põhimõttest, et lehel peaks olema selge struktuur ja hierarhia, et pealkirjade tasemed järgneks loogiliselt teineteisele, et h3 ei järgneks h1-le jne.

Nagu ütleb John Mueller Googlest: "SEO ei pea olema primaarne eesmärk, oluline on mõelda, kes on su kasutajad ja luua neile sobiv sisu – kui sa leiad viisid, mis muudavad sus sisu neile kättesaadavaks, ongi hästi."

Video 1. Kas mitu või üks h1

Selline lugu.

Aga mitu h1 taseme pealkirja on mõistlik panna?

Pärast selle jutu kirjapanekut, küsis kolleeg, et aga mida WCAG sellest arvab? Olgugi, et ma algselt vaatasin ka WCAG arvamuse ses osas läbi, siis ma nii väga ka sellele aspektile ei rõhunud. Aga jah, vastus on, et WCAG nõuded ei keela kasutada mitut h1-tag'i, küsimus on aga, et miks ma peaks mitut kasutama? Mis see annab? Kas see muudab sisu nö loetavamaks, selgemaks?

Ja suure tõenäosusega muudab mitu h1-tag'i su lehe sisu pigem segasemaks, umbes sama effekt kui filmis "Die Hard" oleks 7 Bruce Willist. Kes see neist siis see Bruce Willis oleks? Seega, olgu ikka üks põhikangelane ja noh, erijuhtudel, kui sa tead, miks sa seda teed, kasutad mitut (nt on olemas film, kus on kaks Van Dammet)

Kust mitme h1 elemendi kasutamine üldse tekib?

Ilmselt tekib see olukordades, kus pealkirjade tasemeid kasutatakse visuaalselt sobiva tekstisuuruse valikuks, nö kujundamiseks. A'la kui h1 sobib lihtsalt suuruselt/visuaalselt hästi, siis kasutad seda samal lehel mitmes kohas. Aga sel moel ei peaks lihtsalt kujundama, visuaalsed suurused peab määrama erinevate CSS-klassidega, h-elemendid on/jäägu aga struktuuri paika panekuks.

Kasutatud kirjandus:

Multiple H1 Headings: How to Handle Them for SEO & Accessibility? [2023, August 27]
youtu.be/zyqJJXWk0gk?si=9vGvw_76lmCTyEpF

Making the web accessible. Headings. [2023, August 27]
https://www.w3.org/WAI/tutorials/page-structure/headings/