A tartalom hierarchikus szerkezete Hx címkecímkékkel

SEO Content marketing Tutorials
Dawid MedwediukDawid Medwediuk
Közzétett: 30.01.2018
11 percek

A tartalomcímek használata a weboldalakon meglehetősen népszerű téma, amely számos mítoszt hozott, amelyek még ma is fennállnak. Mi is az a címsorcím, miért használják őket, és hogyan lehet a címsorcímek optimális struktúráját egy weboldalon megvalósítani?

Legfontosabb megállapítások
  • A címsorcímek (H1-től H6-ig) a weboldal tartalmának strukturálására szolgálnak, elősegítve a felhasználók és a keresőmotorok számára a tartalom könnyebb értelmezését és indexálását.
  • Az H1 címsor a legfontosabb; egy weboldalon több H1 címsorcím is használható, különösen az egyoldalas weboldalak esetében, ahol minden szakaszban lehet egy.
  • A weboldalak kezdőlapján a címsorok hierarchikus használata javasolt, kezdve az H1-től, majd az alárendelt H2, H3, stb. címsorcímekkel.
  • A Google rugalmas hozzáállást javasol a címsorcímek használatához, kijelentve, hogy több H1 címsorcím használata egy oldalon nem von maga után büntetést.
  • A Senuto Visibility Analysis segítségével könnyedén elemezhetjük weboldalunk és versenytársaink láthatóságát, ami elengedhetetlen a hatékony SEO és tartalommarketing stratégia kialakításában.

Mik azok a fejlécek?

A fejléccímek arra szolgálnak, hogy a tartalom szerkezetét bemutassák a felhasználóknak (a webböngészők lánctalpasainak is). Hatféle címsorméret létezik – H1-től H6-ig, bár közülük az elsőnek van a legnagyobb jelentősége (ez a legfontosabb címsor), míg aH5-öt és a H6-ot ritkán használják.

Mivel a Hx címsorcímek olyan szöveget tartalmaznak, amely jelentősen nagyobb (kell, hogy legyen), mint a tartalom többi része, ez vizuális támpontot jelent a felhasználók számára, amely lehetővé teszi számukra, hogy megértsék, mit írnak le az alattuk lévő bekezdések. A különböző méretű címsorok használata a hierarchikus struktúra ábrázolásárakönnyebbé teszi a felhasználók számára a tartalom megemésztését.

A HTML-szintaxisban a címkéket <> zárójelben használjuk:

<h1>Főcím 1</h1>
<h2>Főcím 2</h2>
<h3>3. fejezet</h3>
<h4>Cím 4</h4>
<h5>Főcím 5</h5>
<h6>Főcím 6</h6>

de egy weboldalon például így fognak kinézni (nyilván a stíluslap függvényében):

Példa felhasználási módok itt találhatók: https://www.w3schools.com/html/html_headings.asp.

Próbáld ki a Senuto Suite-ot 14 napig ingyen

Próbáld ki a Senuto Suite-ot 14 napig ingyen

Use important content in Hx heading tags

Amikor szinte minden nap új blogbejegyzéseket, híreket, útmutatókat vagy szakértői cikkeket hoz, érdemes nem csak egy szép képpel vagy egy fülbemászó címmel, hanem strukturált tartalommal is vonzani a felhasználót.

Egy adott cikket mobileszközön átnézve az olvasók gyakran elsősorban a címsorokra figyelnek. A tisztán esztétikai szempontok mellett a címsorok megfelelő felépítése megkönnyíti a tartalom értelmezését és emésztését, így megvan az esélye annak, hogy a felhasználó tovább marad az adott weboldalon.

Nemcsak a felhasználóknak jelenthet előnyt egy jól strukturált weboldal – a lánctalpasok is, hiszen a címszövegek számukra is fontosak. Ezért olyan fontos, hogy a címsorcímek olyan kulcsszavakat tartalmazzanak, amelyek témájukban kapcsolódnak az oldalon található tartalomhoz. Ha egy adott oldalt konkrét kulcsszavakkal célzunk meg, akkor ezeket (akár más formában is) kívánatos a címsorokba tenni; természetesen a szövegben is elhelyezhetők, de indokolt esetben.

A struktúrának világosan meghatározottnak kell lennie, és a fejléceknek méretben kell különbözniük egymástól. Hiba lenne, ha ugyanúgy stilizálnánk őket, mint a törzsszöveget, vagy ha nem különböztetnénk meg őket fontosság szerint.

Hx fejlécek a cikkekben

Blogbejegyzések írása során kreatívan használhatjuk a címsorokat. A cikkünk szerkezetét még az indítás előtt érdemes meghatározni. A címsorok lehetnek az egyes bekezdéseket elválasztó keresztcímek (mint például éppen ebben a cikkben), és a legfontosabb közülük a <h1> a téma leírására használható. Ez gyakran automatikusan definiálva van egy weboldal sablonjában, így ha ez nem így van, akkor érdemes egy SEO szakértővel és egy webfejlesztővel megbeszélt változtatást végrehajtani.

Egy cikk jól megtervezett szerkezete vonzóbbá teheti a cikket. A címszavakba helyezett érdekes tartalom egyértelműen tájékoztatja az olvasókat (és a lánctalpasokat) arról, hogy mire számíthatnak az adott cikkel kapcsolatban.

Melyik fejléccímeket helyezzük a weboldal kezdőlapjára?.

A kezdőlapoknak (vagy bármely más oldalnak, például a szolgáltatási oldalaknak) is rendelkezniük kell a címsorok hierarchikus szerkezetével. A <head>részben célszerű H1, alatta H2, H3 és így tovább és így tovább, bár a címsorcímek maximális száma nincs meghatározva. Még a H1 esetében sem kell egyetlen címsorra szorítkoznia (ahogy azt alább kifejtjük).

Nem szabad azonban elfelejtenie, hogy az olyan, címsorokba helyezett szakaszok, mint a „Rólunk” vagy a „Tudjon meg többet” nem sokat adnak hozzá a tartalomhoz. Emellett a kisebb jelentőségű címsorok, pl. H5-H6, használata nagyjából értelmetlen (kivéve a cikk elrendezési szempontjait)..

One-page websites = one H1 heading tag?

Az egyoldalas weboldalak esetében ez nem olyan egyértelmű, mint a blogcikkek esetében. A HTML5 specifikációkban (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) megtalálható a <section>tag, amely a HTML-dokumentum egyes szakaszainak meghatározásáért felelős. Egy szakasz általában tartalmaz egy címet, így minden szakasznak más lehet a hierarchikus felépítése, például:

<szakasz id=„about”>
<h1>Rólam</h1>
<p>Egy kis szöveg rólam:)</p>
<h2>A nevem Dawid…</h2>
<p>Második bekezdés rólam. lol 🙂</p>
</szakasz>
<szekció id=„portfolio”>
<h1>A portfólióm</h1>
<p>A legújabb projektjeim…</p>
</szakasz>
<szekció id=„ajánlások”>
<h1>Testimonials</h1>
<p>Elégedett ügyfelek véleménye…</p>
<h2>Legújabb tweetek</h2>
<p>Tweet 1</p>
<p>Tweet 2</p>
</szakasz>
<szekció id=„kapcsolat”>
<h1>Kapcsolat</h1>
</szekció>

Ahogy fentebb láthatod, minden egyes szakasznak más-más H1, majd H2 fejléc van… Bár dönthetsz úgy is, hogy egy vagy több H1 címkecímke legyen, majd H2, H3, stb. következik.

Mit mond a Google a Hx tagről?

A Google munkatársai sok mindent elmondtak a heading tagekről, de érdemes idézni a legfrissebb véleményüket. Egy évvel ezelőtt John Meuller a következőket írta a Google Webmestereknek szóló fórumán: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA.

„A HTML5-öt nem kezeljük másképp & több H1 taggel rendelkezni egy oldalon rendben van. Legyen ésszerű a használatuk, használja őket ott, ahol van értelme. Határozottan nincs büntetés a H1-ek használatáért.”

Kicsit később, 2017 áprilisában John egészen röviden válaszolt a Twitteren (https://twitter.com/JohnMu/status/852131231928135680) arra a kérdésre, hogy hány H1 címkét lehet használni egy oldalon.

Végül a Google Webmester Csatornán a „SEO Snippets” YouTube sorozat részeként egy rövid útmutatót töltöttek fel erről a kérdésről:

Egyéb lényeges információk a tartalomcímekről

Bár a Google munkatársai (legalábbis a hivatalos nyilatkozataikban) rugalmas megközelítést javasolnak a címsorcímekkel kapcsolatban, van néhány szabály, amelyet érdemes betartani:

  • Ne használja túl a címsorokat egy oldalon
  • Használjon címsorokat ott, ahol van értelme, és amikor tükrözik az alattuk lévő szöveget, hogy segítsék a felhasználókat annak meghatározásában, hol kezdődik és hol végződik egy adott bekezdés
  • Ne helyezzen egész bekezdéseket (az egész tartalmat) egy címsorba
  • Ne használjon kizárólag kulcsszavakat, különösen nem természetes formában
  • Ne rejtse el a címeket a főszövegben azzal, hogy ugyanazt a betűméretet használja a címben és a főszövegben
  • Maradjon rendezett a szerkezeti hierarchia
  • Elképzelhető, hogy néha a <strong> címke helyett a ???? címkecímkét használja.

A tartalom létrehozásakor ne optimalizáljon sem túl, sem alul; ehelyett törekedjen az egyensúlyra, és összpontosítson a felhasználók érzéseire a weboldalán található tartalom – beleértve a cikkeket, útmutatókat vagy más blogbejegyzéseket – megemésztése során. Végtére is, a címsorok a Google keresőmotor rangsorolását meghatározó tényezők, és ezért nem szabad elhanyagolnia őket.

FAQ


A címsorcímek a weboldal tartalmának strukturálására szolgálnak, segítve ezzel a felhasználókat és a keresőmotorokat a tartalom könnyebb megértésében és indexálásában. Hat különböző méretük van, H1-től H6-ig, ahol az H1 a legfontosabb.


Az H1 címsorcímet a weboldal legfontosabb címeként kell használni, például a főoldalon vagy egy blogbejegyzés címeként, hogy kihangsúlyozza a tartalom legfontosabb témáját.


Igen, a modern webfejlesztési gyakorlatok és a HTML5 specifikációk lehetővé teszik több H1 címsorcím használatát egy weboldalon, különösen az egyoldalas weboldalak esetében, ahol minden szekcióban lehet egy H1 címsorcím.


A weboldal kezdőlapján érdemes a címsorok hierarchikus szerkezetét használni, kezdve az H1-től, majd az alárendelt H2, H3, stb. címsorcímekkel, hogy világos és logikus felépítést biztosítsunk a tartalomnak.


A Google rugalmas megközelítést javasol a Hx címsorcímek használatával kapcsolatban, azt tanácsolva, hogy ésszerűen és a tartalom struktúráját tükröző módon használjuk őket, hangsúlyozva, hogy nincs büntetés a több H1 címsorcím használatáért.

A tartalom hierarchikus struktúrája Hx fejléc tagekkel
SEO copywriting: 5 szabály
Hogyan hozzunk létre felejthetetlen tartalmat

Oszd meg ezt a posztot:  
Dawid Medwediuk

Od 2011 roku związany z Search Engine Marketingiem. Pasjonat SEO, nowych technologii i gadżetów.

Próbáld ki a Senuto 14 napig ingyen

Próbáld ki ingyen

Próbáld ki a Senuto Suite-ot 14 napig ingyen

Próbáld ki a Senuto Suite-ot 14 napig ingyen

1 órás INGYENES Senuto bemutató

Válassz időpontot és jelentkezz