Co to jest nagłówki H1-H6 - headings, co oznacza, jaka jest definicja pojęcia w słowniku

Nagłówki H1-H6 (heading tags, headings, headlines) to znaczniki HTML, określane również czasem jako znaczniki nagłówkowe, które wskazują tematyczność i strukturę treści na stronie internetowej. Litera “H” pochodzi od słowa “header”, które oznacza “nagłówek”, a liczby 1-6 określają stopień nagłówka.

H1 to nagłówek pierwszego stopnia, a więc najważniejszy na stronie. Za jego pomocą określa się tytuł/tematykę witryny. Kolejny nagłówek to H2, który można przyrównać do rozdziału w książce, oraz H3, który pełni funkcję podrozdziału. Rzadziej stosowane i mniej istotne są nagłówki H5 oraz H6.

Przykładowa struktura nagłówków na stronie:

<h1>Tytuł strony</h1>
       <h2>Zagadnienie 1</h2>
              <h3>Podzagadnienie 1</h3>
              <h3>Podzagadnienie 2</h3>
              <h3>Podzagadnienie 3</h3>
        <h2>Zagadnienie 2</h2>
              <h3>Podzagadnienie 1</h3>
              <h3>Podzagadnienie 2</h3>
              <h3>Podzagadnienie 3</h3>

Nagłówki Hx mają rozmiar większy niż standardowe treści na stronie, co pozwala użytkownikom szybko odnaleźć interesujące ich sekcje tematyczne.

Nagłówki H1-H6 to ważny element z punktu widzenia SEO i UX, ponieważ pozwalają logicznie podzielić i uporządkować treść na stronie, a co za tym idzie wskazać tematyczność wyszukiwarce i ułatwić użytkownikom odbiór tekstu. Prawidłowa struktura nagłówków sprawia, że treść staje się przystępniejsza w odbiorze i łatwa w nawigacji.