Mik azok a fejléccímkék?
A fejléc címkék olyan HTML címkék, amelyeket arra használnak, hogy elkülönítsék a fejléceket és alcímeket a weboldal többi tartalmától, a fontosság csökkenő sorrendjében H1-től H6-ig.
Leggyakrabban csak H1-től H4-ig van szükséged, ahol:
- A H1 az oldal elsődleges címe és főcíme.
- H2 alcím és alátámasztó pont
- H3 egy H2 alatti alfejezet vagy listaelem
- H4 egy H3 alatti alfejezet vagy listaelem
Azt is meg kell jegyeznie, hogy a H1 tag és a title tag a HTML-ben nem ugyanazok az elemek. Minden fejléccímke azt írja le, hogy mi jelenik meg magán az oldalon, de a title címke az oldal címét közli a böngészőablak és a keresőmotorok találati oldalának snippetje számára.
Tehát, amikor egy adott weboldalt megtekint, a H1-et magának az oldalnak a tetején találja, míg a "cím" a böngészőablakban vagy a lapon látható.
Miért fontosak a fejléccímek a SEO szempontjából?
A fejléccímkék segítik a felhasználóknak az oldalon való navigálást és böngészést. Megosztják az információkat, így az olvasók átfuthatják és gyorsan megtalálhatják, amit keresnek.
A fejlécek használata azonban szintén hasznos lehet, mivel így keresőbarátabbá teheti weboldalát. A keresőmotorok a fejlécekre támaszkodnak, hogy jobban megértsék az oldal egyes részeit.
Általánosságban elmondható, hogy a fejléccímkék segítenek a tartalom strukturáltságát és könnyed fogyasztását biztosítani mind a keresőmotorok, mind az olvasók számára.
Legjobb gyakorlatok a fejléccímkékhez
1. Ne tömje túl a fejléccímeket kulcsszavakkal
Ha néhány évnél régebben követi a SEO legjobb gyakorlatait, akkor valószínűleg hozzászokott ahhoz, hogy a H1, H2 és H3 címkékben a célzott kulcsszavakat is szerepeltesse.
Ezek a fejlécek korábban fontos rangsorolási tényezők voltak, de mostanra a Google algoritmusa okosabb lett. Ennek eredményeképpen a fejlécekben szereplő kulcsszavaknak már nincs akkora hatásuk, mint korábban.
Ezzel együtt még mindig jó ötlet, hogy a címsorcímkékben kulcsszavakat is használjon. Manapság azonban arra kell összpontosítania, hogy bölcsebben és természetesebben adja hozzá őket. A legutolsó dolog, amit szeretnél, hogy a fejléccímeket olyan mértékben túltöltsd, hogy a Google spammelésnek olvassa az oldaladat.
Nemrégiben egy további okot láttunk arra, hogy körültekintően bánjunk a kulcsszavakkal a fejlécekben: a jó, önmagyarázó alcímek kiemelt szlipeket eredményezhetnek, különösen a how-to útmutatókban vagy a listás cikkekben.
2. Tartsa a fejléceket röviden és következetesen
Egy másik fontos szokás a fejlécekkel kapcsolatban, hogy lehetőség szerint rövidek és következetesek legyenek. Próbáld meg a fejlécek hosszát 3-5 szóra korlátozni, és következetesen felépíteni őket, hogy az olvasók számára könnyen átolvashatóak legyenek.
Ne feledje, hogy a fejlécek arra szolgálnak, hogy a szövegfalat szép és rendezett részekre bontsa, így érthető, hogy a túl hosszú fejlécek és alcímek miért nem mutatnak jól az oldalakon.
Ezek a gyors fejlécek nem csak megkönnyítik az olvasók dolgát, de a Google-nak is segítenek abban, hogy jobban megértse az oldalain található tartalmat.
3. Használjon fejléccímkéket a megfelelő tartalmi hierarchiához
Tudja, hogy miért léteznek egyáltalán a fejléccímkék? A fejléccímek eredeti célja a HTML-oldal megfelelő tartalmi hierarchiájának fenntartása.
A H1 a főcím, a H2-ek az alcímek, a H2-eken belüli H3-ak az adott szakasz al-alfejléceit jelentik, és így tovább. Az egyes szakaszokon belül csökkenő sorrendben a legfontosabb és legfontosabb információkkal kezdje, és onnan haladjon tovább.
4. Ellenőrizze, hogy a fejléc kialakítása a CSS-ben következetes-e
Alapértelmezés szerint a HTML jól megteremti a weboldal vizuális hierarchiáját.
A H1 és H2 címkéknél jellemzően nagyobb betűméretet és nagyobb súlyt fog látni (nagyjából 32px és 24px), a H3 és H4 címkéknél pedig kisebb betűtípust (18px és 16px).
Bár erre vonatkozóan nincs szigorú szabály, néha láttunk már olyan weboldaltémákat, amelyekben a H3 és H4 oldalak nagyobbak, mint a H2 oldalak.
A webhelyén a CSS-stíluslapon belül változtatásokat végezhet, hogy beállíthasson egy konzisztens fejléckialakítást a megfelelő betűformázási kóddal, vagy további stíluslapként hozzáadhat szelektorokat egy egyéni CSS-mezőhöz.
Vannak olyan esetek is, amikor a H3-at lehet használni, amikor a H2-t kellene használni. Ez gyakori, ha a fejléc kialakítása nem megfelelően van beállítva. Bár ez nem egy döntő lépés, ez biztosítja, hogy a lehető legjobb felhasználói élményt nyújtsa, és maximális SEO-értéket érjen el a Google-ban.
GYIK
Használhatok több H1 címkét?
Igen, megteheti. A Google azt mondja, hogy ezzel nincs problémájuk. A legjobb SEO-gyakorlat mégis az, hogy oldalanként egy H1 legyen.
Még ha nem is a Google érdekében, de az, hogy oldalanként csak egy H1 taget használ, segít abban, hogy az oldalai következetesek és könnyen érthetőek maradjanak, ha más felhasználóknak változtatásokat kell végrehajtaniuk.
H1 és Title címkék - különbözhetnek egymástól?
Alapértelmezés szerint a H1 és a cím azonos lesz, amikor új bejegyzést tesz közzé. De ha úgy dönt, különböző címeket és H1-eket is írhat.
Például a cím rövidebb lehet, hogy jól nézzen ki a SERP-ben, míg a H1 lehet egy kicsit hosszabb az oldal látogatói számára - vagy úgy is dönthet, hogy az évszámot a címben szerepelteti, míg a H1-ből kihagyja.
Bármi is legyen az oka, SEO-célokból teljesen rendben van, ha a H1 és a title tag eltérő.
Hány szintje van a fejléccímkéknek?
A HTML összesen hat fejlécet támogat: H1-H6. Ez azt jelenti, hogy nem lehet H7, H8 és így tovább.
Azonban ritkán van szükség további alfejezetekre a H4-en túl. Ha úgy találja, hogy H5-ös és H6-os alfejezetekre van szüksége egy oldalon, érdemes megfontolni, hogy nem zsúfol-e túl sok információt egyetlen oldalra.
Ehelyett létrehozhatna egy külön oldalt a tartalomnak, hogy könnyebben olvasható legyen.