Hierarchiczna struktura treści z nagłówkami Hx

Opublikowany: 2018-01-30

Spis treści

    Używanie nagłówków treści na stronach internetowych to dość popularny temat, który przyniósł wiele mitów, które utrzymują się do dziś. Czym są zatem tagi nagłówkowe, dlaczego się je stosuje i jak zaimplementować optymalną strukturę tagów nagłówkowych na stronie internetowej?

    • 1 Czym są nagłówki?
    • 2 Używaj ważnych treści w nagłówkach Hx
    • 3 Co Google mówi o tagach nagłówków Hx?
    • 4 Inne istotne informacje dotyczące nagłówków treści

    Czym są nagłówki?

    Tagi nagłówków służą do prezentowania struktury treści użytkownikom (również robotom przeglądarek internetowych). Istnieje sześć rozmiarów nagłówków – od H1 do H6 , chociaż pierwszy z nich ma największe znaczenie (jest to nagłówek najważniejszy), natomiast H5 i H6 są używane rzadko.

    Ponieważ tagi nagłówków Hx zawierają tekst, który jest (powinien być) znacznie większy niż reszta treści , jest to wizualna wskazówka dla użytkowników, pozwalająca im zrozumieć, co opisują akapity pod nimi. Używanie nagłówków o różnych rozmiarach do reprezentowania struktury hierarchicznej ułatwia użytkownikom trawienie treści.

    W składni HTML używamy tagów w nawiasach <>:

     <h1>Nagłówek 1</h1>
<h2>Nagłówek 2</h2>
<h3>Nagłówek 3</h3>
<h4>Nagłówek 4</h4>
<h5>Nagłówek 5</h5>
<h6>Nagłówek 6</h6>

    ale na stronie internetowej będą wyglądać na przykład tak (oczywiście w zależności od arkusza stylów):

    Przykładowe zastosowania można znaleźć tutaj: https://www.w3schools.com/html/html_headings.asp.

    Używaj ważnych treści w nagłówkach Hx

    Kiedy niemal codziennie pojawiają się nowe posty na blogu, newsy, poradniki czy artykuły eksperckie, warto przyciągnąć użytkownika nie tylko ładnym zdjęciem czy chwytliwym tytułem, ale także ustrukturyzowaną treścią.

    Przeglądając konkretny artykuł na urządzeniu mobilnym, czytelnicy często zwracają uwagę głównie na nagłówki. Poza aspektami czysto estetycznymi, odpowiednia konstrukcja nagłówków ułatwia interpretację i strawienie treści, dzięki czemu istnieje szansa, że ​​użytkownik pozostanie na danej stronie dłużej.

    Nie tylko użytkownicy mogą czerpać korzyści z dobrze zorganizowanej strony internetowej – mogą to robić również roboty indeksujące, ponieważ tekst nagłówka również ma dla nich znaczenie. Dlatego tak ważne jest, aby tagi nagłówkowe zawierały słowa kluczowe , które będą powiązane tematycznie z treścią na stronie. Jeśli kierujemy reklamy na konkretną stronę z określonymi słowami kluczowymi, warto umieścić je (nawet w innej formie) w nagłówkach; można je oczywiście umieścić w tekście, ale w ramach powodu.

    Struktura powinna być jasno określona, ​​a nagłówki powinny różnić się wielkością. Błędem byłoby stylizowanie ich w taki sam sposób jak tekst podstawowy lub nierozróżnianie ich według ważności.

    Nagłówki Hx w artykułach

    Pisząc posty na blogu, możemy kreatywnie posługiwać się nagłówkami. Powinieneś zdefiniować strukturę artykułu przed jego uruchomieniem. Nagłówki mogą być krzyżami dzielącymi poszczególne akapity (jak w tym samym artykule), a najważniejszy z nich <h1> może posłużyć do opisu tematu. Często jest ona automatycznie definiowana w szablonie strony, więc jeśli tak nie jest, warto dokonać zmiany omówionej z ekspertem SEO i web developerem.

    Dobrze zaprojektowana struktura artykułu może sprawić, że będzie wyglądał bardziej atrakcyjnie. Ciekawe treści umieszczone w nagłówkach w jasny sposób poinformują czytelników (i robotów indeksujących), czego mogą oczekiwać od danego artykułu.

    Jakie tagi nagłówka umieścić na stronie głównej witryny?

    Strony domowe (lub dowolne inne strony, np. serwisy) ​​również powinny mieć hierarchiczną strukturę nagłówków. W sekcji <head> zaleca się umieszczenie H1, poniżej H2, H3 itd. itd., chociaż nie ma maksymalnej liczby tagów nagłówka. Nawet w przypadku H1 nie musisz ograniczać się do jednego nagłówka (jak wyjaśniono poniżej).

    Należy jednak pamiętać, że takie sekcje jak „O nas” czy „Dowiedz się więcej” umieszczone w nagłówkach niewiele wnoszą merytorycznie. Również używanie nagłówków o niższym znaczeniu, np. H5–H6, jest praktycznie bezcelowe (poza aspektem układu artykułu).

    Witryny jednostronicowe = jeden tag nagłówka H1?

    W przypadku witryn typu one page nie jest to tak oczywiste, jak w przypadku artykułów na blogu. W specyfikacjach HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) można znaleźć tag <section> odpowiedzialny za definiowanie poszczególnych sekcji w dokumencie HTML. Sekcja zazwyczaj zawiera nagłówek, dlatego każda sekcja może mieć inną strukturę hierarchiczną, na przykład:

     <id sekcji=”o”>
 <h1>O mnie</h1>
 <p>Niektóre teksty o mnie :)</p>
 <h2>Nazywam się Dawid...</h2>
 <p>Drugi akapit o mnie. lol :)</p>
</section>

<id sekcji=”portfolio”>
 <h1>Moje portfolio</h1>
 <p>Moje najnowsze projekty...</p>
</section>

<sekcja>
 <h1>Referencje</h1>
 <p>Opinie zadowolonych klientów...</p>
 <h2>Najnowsze tweety</h2>
 <p>Tweetuj 1</p>
 <p>Tweetuj 2</p>
</section>

<sekcja>
 <h1>Kontakt</h1>
</section>

    Jak widać powyżej, każda sekcja ma inny nagłówek H1, a następnie nagłówek H2… Chociaż możesz zdecydować się na jeden lub więcej tagów nagłówka H1, a następnie H2, H3 itd.

    Co Google mówi o tagu Hx?

    Pracownicy Google dużo mówili o tagach nagłówkowych, ale warto przytoczyć ich najnowsze opinie. Rok temu John Meuller napisał na Forum Google dla webmasterów: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    „Nie traktujemy HTML5 inaczej i posiadanie wielu tagów H1 na stronie jest w porządku. Używaj ich rozsądnie, używaj ich tam, gdzie mają sens. Zdecydowanie nie ma kary za używanie H1.

    Nieco później, w kwietniu 2017 r., John dość krótko odpowiedział na Twitterze (https://twitter.com/JohnMu/status/852131231928135680) na pytanie, ile nagłówków h1 można umieścić na jednej stronie.

    Wreszcie, w ramach serii YouTube „SEO Snippets” na kanale Google Webmaster Channel, został przesłany krótki przewodnik na ten temat:

    Wypróbuj Senuto Rozpocznij bezpłatny okres próbny

    Inne istotne informacje dotyczące nagłówków treści

    Chociaż pracownicy Google sugerują (przynajmniej w swoich oficjalnych wypowiedziach) elastyczne podejście do tagów nagłówków, jest kilka zasad, których warto przestrzegać:

    • Nie nadużywaj nagłówków na stronie
    • Używaj nagłówków tam, gdzie ma to sens i kiedy odzwierciedlają tekst pod nimi, aby pomóc użytkownikom określić, gdzie zaczyna się i kończy dany akapit
    • Nie umieszczaj całych akapitów (całej treści) w nagłówku
    • Nie używaj samych słów kluczowych, zwłaszcza w nienaturalnej formie
    • Nie ukrywaj nagłówków w tekście podstawowym, używając tego samego rozmiaru czcionki zarówno w nagłówku, jak i tekście głównym
    • Utrzymuj porządek w hierarchii struktury
    • Być może użyj czasami tagu <strong> zamiast tagu nagłówka ????.

    Podczas tworzenia treści nie należy ani nadmiernie optymalizować, ani niedostatecznie optymalizować; zamiast tego staraj się zachować równowagę i skup się na odczuciach użytkowników trawiących treści w Twojej witrynie, w tym artykuły, przewodniki lub inne posty na blogu. W końcu nagłówki są wyznacznikami rankingu dla wyszukiwarki Google, dlatego nie wolno ich lekceważyć.

    Wypróbuj Senuto Rozpocznij bezpłatny okres próbny